/* Based on code from Mollio ----------------------------------------------- */

/* BODY -------------------------------------------------------------------- */

html
{
  height: 100%;
}

* 
{
  margin:0;
  padding:0;
}

body 
{
  padding: 0 0 20px;
  background: #222;
  color:#333;
  font:83%/1.5 "Trebuchet MS", Trebuchet, Arial, sans-serif;
  height: auto !important;
  height: 100%;
  min-height: 101%;
}

/* LINKS ------------------------------------------------------------------- */

a,
a:link,
a:hover 
{
  background:transparent;
  text-decoration:
  underline;
  cursor:pointer;
} 

a:link 
{
  color:#5988c3;
} 

a:visited 
{
  color:#5988c3;
} 

a:hover,
a:active 
{
  color:#5988c3;
} 

/* TYPOGRAPHY -------------------------------------------------------------- */

p,
ul,
ol
{
  margin: 0 0 1em;
}

h1, 
h2, 
h3, 
h4,
h5,
h6 
{
  letter-spacing: -1px;
  font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
  margin: 0 0px .3em 0px;
  color:#000;
  border-bottom: 1px solid #eee;
  padding-bottom: 2px;
}

h1 
{
  font-size: 196%;
}

h2 
{
  font-size: 136%;
  margin-top: 0em;
}

h3 
{
  font-size: 126%;
}

h4 
{  
  font-size: 116%;
}

h5 
{
  font-size: 106%;
}

h6 
{
  font-size: 96%;
}

.highlight 
{
  color:#E17000;
}

.subdued 
{
  color:#999;
}

.error 
{
  color:#c00;
  font-weight:bold;
}

.success 
{
  color:#390;
  font-weight:bold;
}

.caption 
{
  color:#999;
  font-size:11px
}

.date 
{
  font: bold 82% "Trebuchet MS", Trebuchet, Arial, sans-serif;
  color:#bbb;
  display:block;
  letter-spacing: 1px;
}

small 
{
  font-size:11px;
}

/* LISTS ------------------------------------------------------------------- */

ul 
{
  margin: .3em 0 1.5em 0;
  list-style-type:none;
}

ul.related 
{
  margin-top: -1em;
}

ol 
{
  margin: .5em .5em 1.5em;
}

ol li 
{
  margin-left: 1.4em;
  padding-left: 0;
  background: none;
  list-style-type: decimal;
}

li 
{
  line-height: 1.4em;
  padding-left: 25px;
  background: transparent url("../images/bullet.gif") no-repeat 0 0;
}

li.doc 
{
  background-position: 3px -500px;
}

ul.nomarker li 
{
  background:none;
  padding-left:0;
}

dl 
{
  margin: 0 0 1em 0;
}

dt 
{
  font-weight:bold;
  margin-top: 1.3em;
}

dl dl 
{
  margin: 0 0 1.5em 30px;
}

/* GENERAL ----------------------------------------------------------------- */

img 
{
  border:none;
}
 
hr 
{
  margin: 1em 0;
  background:#f2f2f2;
  height:1px;
  color:#f2f2f2;
  border:none;
  clear:both;
}

.clear 
{
  clear:both;
  position:relative;
  font-size:0px;
  height:0px;
  line-height:0px;
} 

/* LAYOUT - HEADER --------------------------------------------------------- */
#header 
{
  background: url("../images/header-bg.gif") repeat-x top left;
}

#header #site-name 
{
  padding: 20px 26px 50px 26px;
  font: 200% "Trebuchet MS", Trebuchet, Arial, sans-serif;
  letter-spacing: -.05em;
  color:#000;
  border:none;
  background: url("../images/logos.gif") no-repeat top right;
}
  
/* LAYOUT - main body of page ---------------------------------------------- */

#wrap 
{
  border: 1px solid #fff;
  position:relative;
  padding-bottom: 40px;
  background: #fff url("../images/wrap-bg.gif") repeat-x 0 100%;
  width:850px;
  margin: 20px auto 20px auto;
  text-align:left;
  height: auto !important;
  height: 600px;
  min-height: 600px;
}

#content-wrap {
  position:relative;
  width:100%;
  height: auto !important;
  height: 600px;
  min-height: 600px;
}

#utility 
{
  position:absolute;
  top:0;
  left:25px;
  width:165px;
  border-top: 5px solid #999;
  padding-bottom: 40px;
}

#sidebar 
{
  position:absolute;
  top:0;
  right:25px;
  width:20%;
  border-top: 5px solid #999;
  padding-top: 1px;
  padding-bottom: 40px;
  height: 600px;
}

#content 
{
  margin: 0 50px;
}

.featurebox 
{
  color:#333;
  padding: 0;
  border-top: 1px solid #d7d7d7;
  padding-top: 5px;
  margin: 0;
  /* background: #f6f6f6 url("../images/featurebox-bg.gif") no-repeat 100% 100%; */
}

.featurebox p, 
.featurebox h1, 
.featurebox h2, 
.featurebox h3, 
.featurebox h4, 
.featurebox h5, 
.featurebox h6 
{
  margin: 0 0 .3em;
  border-bottom: 1px solid #3667a5;
  color:#3667a5;
}

.featurebox p 
{
  border:none;
  margin: 0 0 1em;
  color:#444;
}

.featurebox a 
{
  font-weight:bold
}

.thumbnail 
{
  margin: 0 0 0 10px;
  position:relative;
  z-index:9999;
  border: 1px solid #eee;
  float:right;
  width:120px;
  padding:5px;
  background:#fff;
}

.borderimg img
{
  border: 1px solid #eee;
}

.thumbnail img 
{
  border: 1px solid #000;
}

/* TABLES ------------------------------------------------------------------ */

.table1 
{
  border: 2px solid #3667a5;
  border-collapse:collapse;
  width:100%;
}

.table1 td 
{
  background: #fff;
  padding:3px;
  border: 1px solid #fff;
}

.table1 th 
{
  text-align:left;
  border: 1px solid #fff;
}

.table1 thead th 
{
  color:#fff;
  font-size:145%;
  background: #3667a5;
  padding: 10px 6px;
}

.table1 tbody th 
{
  color:#fff;
  font-size:115%;
  background: #3667a5;
  padding: 6px;
}

.table1 tbody th.sub 
{
  font-size:100%;
  color:#000;
  background: #3667a5;
  padding: 6px;
}

/* TABLES - calendar ------------------------------------------------------- */
  
.calendar 
{
  width:200px;
  font-size:92%;
}

.calendar td 
{
  text-align:center;
  border: 1px solid #ddd;
}

.calendar th 
{
  text-align:center;
}

.calendar thead th 
{
  padding: 3px 2px;
}

.calendar tbody th 
{
  padding: 2px;
}

.calendar tbody th.sub 
{
  padding: 2px;
}
    
/* FORMS ------------------------------------------------------------------- */

form 
{
  margin: 0 0 1.5em;
}

input 
{
  font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
  margin: 2px 0;
}

fieldset 
{
  border: none;
}

label 
{
  display:block;
  padding: 5px 0;
}

label br 
{
  clear:left;
}

/* FORMS - general classes ------------------------------------------------- */
  
input.f-submit 
{
  padding: 1px 3px;
  background:#666;
  color:#fff;
  font-weight:bold;
  font-size:96%;
}
  
/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */

form.f-wrap-1 
{
  width:100%;
  padding: .5em 0;
  background: #f6f6f6 url("../images/featurebox-bg.gif") no-repeat 100% 100%;
  border-top: 1px solid #d7d7d7;
  position:relative;
}

form.f-wrap-1 fieldset 
{
  width:auto;
  padding: 0 1em;
}

form.f-wrap-1 h3 
{
  margin:0 0 .6em;
  font: bold 155% "Trebuchet MS", Trebuchet, Arial, sans-serif;
  color:#3667a5;
}

form.f-wrap-1 label 
{
  clear:left;
  float:left;
  width:100%;
}
    
/* hide from IE mac \*/
form.f-wrap-1 label 
{
  float:none;
}
/* end hiding from IE5 mac */
  
form.f-wrap-1 label input, 
form.f-wrap-1 label textarea, 
form.f-wrap-1 label select 
{
  width:10em;
  float:left;
  margin-left:10px;
}
    
form.f-wrap-1 label b 
{
  float:left;
  width:8em;
  line-height: 1.7;
  display:block;
  position:relative;
}

form.f-wrap-1 label b .req 
{
  color:#3667a5;
  font-size:150%;
  font-weight:normal;
  position:absolute;
  top:-.1em;
  line-height:1;
  left:-.4em;
  width:.3em;
  height:.3em;
}

form.f-wrap-1 div.req
{
  color:#666;
  font-size:96%;
  font-weight:normal;
  position:absolute;
  top:.4em;
  right:.4em;
  left:auto;
  width:13em;
  text-align:right;
}

form.f-wrap-1 div.req b
{
  color:#3667a5;
  font-size:140%;
}

form.f-wrap-1 label select
{
  width: 10em;
}

form.f-wrap-1 label textarea.f-comments
{
  width: 13em;
}

form.f-wrap-1 div.f-submit-wrap
{
  padding: 5px 0 5px 8em;
}

form.f-wrap-1 input.f-submit
{
  margin: 0 0 0 10px;
}
    
form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap
{
  clear:left;
  float:left;
  width:32em;
  border:none;
  margin:0;
  padding-bottom:.7em;
}

form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b
{
  float:left;
  width:8em;
  line-height: 1.7;
  display:block;
  position:relative;
  padding-top:.3em;
}

form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset
{
  float:left;
  width:10em;
  margin: 3px 0 0 10px;
}

form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label
{
  float:left;
  width:13em;
  border:none;
  margin:0;
  padding:2px 0;
  margin-right:-3px;
}

form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio
{
  width:auto;
  float:none;
  margin:0;
  padding:0;
}
    
form.f-wrap-1 label span.errormsg
{
  position:absolute;
  top:0;
  right:-10em;
  left:auto;
  display:block;
  width:16em;
}

form.f-wrap-1 label span.errormsg b
{
  padding: 10px 0;
  margin: 0 10px 0 30px;
  color:#B30800;
  font-weight:bold;
  display:block;
  width:auto;
  float:none;
  line-height:1.3;
}

/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
a.morelink:link, 
a.morelink:visited, 
a.morelink:hover, 
a.morelink:active 
{
  background: transparent url("../images/more-icon.gif") no-repeat 5px;
  padding-left:21px
}

a.morelink:hover 
{
  background: transparent url("../images/more-hover-icon.gif") no-repeat 5px;
}
    
.morelink span 
{
  position:absolute;
  left:-9999px;
  width:900px
}
    
/* LAYOUT ------------------------------------------------------------------ */
#main-layout #content-wrap 
{
  background: transparent url("../images/content-wrap-bg.gif") repeat-y 30px 0;
}

#main-layout #content 
{
  margin: 0 25% 0 235px;
}

/* SECONDARY NAVIGATION - vertical navigation ------------------------------*/

#nav-secondary, 
#nav-secondary ul 
{
  position:static;
}

#nav-secondary, 
#nav-secondary li 
{
  list-style: none;
  margin:0;
  padding:0;
  background:#fff;
}

#nav-secondary 
{
  padding-top:0;
  border-top: 1px solid #ccc;
  margin-top: 1px;
}

#nav-secondary a 
{
  line-height:1.8;
  padding: 5px 0 5px 23px;
  background: #fff url("../images/menu-icon.gif") no-repeat 10px;
  font: bold 86% "Trebuchet MS", Trebuchet, Arial, sans-serif;
  display:block;
}

#nav-secondary a, 
#nav-secondary a:link, 
#nav-secondary a:visited, 
#nav-secondary a:hover, 
#nav-secondary a:active 
{
  text-decoration:none;
  cursor:pointer;
} 

#nav-secondary a:link 
{
  color:#000;
}
 
#nav-secondary a:visited 
{
  color:#000;
}
 
#nav-secondary a:hover 
{
  color:#5988c3;
  background: #edf5ff url("../images/menu-icon-hover.gif") no-repeat 10px;
}
 
#nav-secondary li.active a:link, 
#nav-secondary li.active a:visited, 
#nav-secondary li.active a:hover, 
#nav-secondary li.active a:active 
{
  color:#5988c3;
}

#nav-secondary li.butnot a:link, 
#nav-secondary li.butnot a:visited, 
#nav-secondary li.butnot a:hover, 
#nav-secondary li.butnot a:active 
{
  color:#000;
} 

#nav-secondary li 
{
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ccc;
}

/* SECONDARY NAVIGATION - 2nd TIER ----------------------------------------- */

#nav-secondary ul 
{
  margin: 0 0 1em 23px;
  padding:0;
}

#nav-secondary li.active li a, 
#nav-secondary li.active li a:link, 
#nav-secondary li.active li a:visited 
{
  line-height:1.5;
  background: #fff url("../images/menu-bullet-icon.gif") no-repeat 0;
  padding:0 0 0 12px;
  font-weight:normal;
  width:auto;
  color:#000;
  width:130px;
  display:block;
}

#nav-secondary li.active li a:hover, 
#nav-secondary li.active li a:active 
{
  color: #5988c3;
}

#nav-secondary li.active li 
{
  border: none;
  margin:0;
}
  
#nav-secondary li.active li.active a:link, 
#nav-secondary li.active li.active a:visited, 
#nav-secondary li.active li.active a:hover, 
#nav-secondary li.active li.active a:active 
{
  font-weight:bold;
  color:#5988c3;
}

/* LAYOUT - FOOTER --------------------------------------------------------- */

#footer 
{
  clear:both;
  border-top: 1px solid #E3E8EE;
  padding: 10px 0 0 0;
  font-size:86%;
  color:#999;
}

#footer p 
{
  margin:0;
}

#footer a:link 
{
  color:#999;
}

#coded-by
{
  text-align: right;
  padding-top: 10px;
  width:850px;
  margin: 20px auto 20px auto;
}

.smaller 
{
  font:75%/1.5 "Trebuchet MS", Trebuchet, Arial, sans-serif;
}

.fancyheader
{
  font-size: 150%;
  text-align: center;
  border-top: 5px solid #999;
  margin-bottom: 20px;
}