/* Reset 
----------------------------------------------------------------*/
*{ margin: 0; padding: 0;}
a img, iframe{ border: 0; }
h1, h2, h3, h4, h5, h6{ font-weight: normal; }
ul, ol, dl, li, dt, dd{ list-style: none; }
form, fieldset{ border: 0; }	
input, textarea, select, button { font-size: 100%; font-family: serif; }
select{ margin: inherit; }
table{ border-collapse: collapse; border: 0; }
td, th, caption{ font-size: 100%; font-weight: normal; text-align: left; }


/* Layout
----------------------------------------------------------------*/
body{ background-color: #201F1B; font-family: "trebuchet ms", Arial, Helvetica, sans-serif; font-size: 14px; color: #4d4d4d; }
#Head, #Intro, #Content, #Footer{ float: left; width: 100%; }
.wrap{ width: 875px; margin: 0 auto; }

#Head{ width: 100%; float: left; height: 107px; background: White url(bg_head.gif) repeat-x center;  }
	#Head h1{ float: left; width: 146px; margin:13px 0 0 0; height: 86px; background: url(logo.gif) no-repeat; }
	#Head h1 a{ width: 146px; height: 86px; display: block; }
	#Head h1 span{ display: none; }

#Nav{ width: 100%; float: left; height: 31px; background: #201F1B; font-size: 12px;  }
	#Nav .wrap{ height: 31px; position:relative;}
	#Nav ul{ list-style: none; position:absolute; right:0; }
	#Nav li{ float: left; height:23px; padding:8px 15px 0 15px;  margin-left:1px; background: url(bg_nav.gif) repeat-x bottom; }
	#Nav li.active{ height:37px; padding:0; position:relative; top:-6px; background: url(bg_navactive1.gif) no-repeat top right;  }
	#Nav li.active a{ color: white; display:block; float:left; padding:12px 15px 0 15px;  background: url(bg_navactive.gif) no-repeat;  }
	#Nav a{ color: #BBBBBB; }
	#Nav a:hover{ color: white; text-decoration: none; }

#Intro{ float: left; width: 100%; background: #005d85; }
	#Intro .wrap{ background: #005d85 url(bg_intro_front.jpg) no-repeat; padding: 20px 0 0 0; height:195px;}
	#Intro .secondary{ height:65px; background: #005d85 url(bg_intro.jpg) no-repeat; }
	#Intro h1{ color: white; font-size: 25px; text-align: center; margin: 0 0 10px 0; }
	#Intro ul{ list-style: none;  }
	#Intro li{ float:left; width: 200px; position:relative; margin-right:25px;	}
	#Intro li.last{ margin-right: 0; }
	#Intro h2{ font-size: 16px; color: #e6f0f4; text-align: center; margin: 0 0 5px 0; }
	#Intro li p{ text-align: justify; color: #b3d2df;	font-size: 12px;  line-height: 1.4em;    }
	#Intro a{ color: #b3d2df; text-decoration: none;  }
	#Intro h2 a{ color: #e6f0f4; }
	#Intro a:hover{ text-decoration: none;  color: white;  }

#Content{ float: left; width: 100%; background: White url(bg_content.gif) repeat-x top;  border-top: 5px solid #73b74b;  border-bottom: 1px solid #498d21;    }
#Main{ float:center; width: 720px; min-height: 500px; padding:10px 20px 10px 80px; }


#Footer{ float: left; padding-bottom:20px; width: 100%; background: #201f1b; font-size: 11px; color: #b5b5b5; border-top: 4px solid #73b74b;  font-family: "MS Sans Serif", Geneva, sans-serif;   }	
	#Footer .wrap{ background: url(bg_footer.gif) no-repeat top right; min-height: 100px; padding: 18px 0 0px 0; }
	* html #Footer .wrap{ height: 100px; }
	#Footer .left{	width: 640px;  }	
	#Footer .right{ width:188px; padding: 0px 0 20px 15px;  border-left: 1px solid #606262;   }	
	#Footer a{ color: #d1d1d1; text-decoration: none; margin: 0 3px; }
	#Footer a:hover{ color: white; }


	
/* Content
----------------------------------------------------------------*/
a{ color: #006792; text-decoration: none; }
a:hover{ text-decoration: underline; color: #E10000; }
.left{ float: left; }
.right{ float: right; }
.tl{ text-align: left; }
.tr{ text-align: right; }
.tj{ text-align: justify; }

h1, h2, h3, h4, h5{ margin: 27px 0 9px 0; color: #3d3d3d; }
h2{ font-size: 27px; }
h3{ font-size: 20px; }
h4{ font-size: 18px; font-weight: bold; }
h5{ font-size: 16px; font-weight: bold; }
p{ margin: 0 0 9px 0; }

/* quick nav bar */
p.quicknav{ font-size:11px; float:right; height:28px; background: url(quicknav_left.gif) no-repeat top left; padding:0 0 0 29px;  font-family: "MS Sans Serif", Geneva, sans-serif;  }
	p.quicknav span.end{ float:left; height:28px; background: url(quicknav_right.gif) no-repeat top right; padding:0 29px 0 0;}
	p.quicknav span.content{ float:left; height:23px; padding-top:5px; background: url(bg_quicknav.gif) repeat-x top; }
	p.quicknav a{ color:black; text-decoration: none; margin: 0 5px; }
	p.quicknav a.special{ color: #d70000; }
	p.quicknav a:hover{ color: #FB001F;	}

/* footer only */
.archives p{ color: white; }
.archives ul{ list-style: none; margin:0; padding:0; }	
.archives li{ float:left; width:93px; margin:0 0 5px 0; padding:0;}