@charset "utf-8";
/* CSS Document */
a {color: #006600;text-decoration: underline}
a:hover {text-decoration: underline;color: #006699}
body  {text-align: center;font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 0.9em;line-height: 20px;color: #000000;margin-top: 0px;
		margin-right: 0px;margin-bottom: 10px;margin-left: 0px;background-image: url(../i/green-background.png);background-repeat: repeat}
h1, h2, h3, h4 {color: #3E513E}
h2 a, h2 a:hover, h3 a, h3 a:hover {color: #3E513E;text-decoration:none}
h2 span {font-size: small}

.outerwrapper #top {font-family: "Times New Roman", Times, serif;margin-top: 5px;margin-bottom: 10px;width: 760px;margin-right: auto;margin-left: auto;
	height: 40px;display: block}
.outerwrapper #top a {text-decoration: none;color: #3E513E}
.outerwrapper #top a:hover {color: #3E513E;text-decoration: none}
.outerwrapper #top h1 {margin-top: 5px;margin-bottom: 0px;font-family: "Times New Roman", Times, serif}
.outerwrapper #top h2 {color: #486591;font-family: "Times New Roman", Times, serif;margin-top: 0px;margin-bottom: 0px;line-height: 25px;text-align: left}
.outerwrapper #top .right {float: right;width: 300px;margin-right: 5px;font-size: 14px;font-weight: bold;margin-top: 10px;color: #666666}
.outerwrapper #top .left {font-weight: bold;color: #666666;line-height: 25px;float: left}
.outerwrapper #container {width:760px;text-align:left;margin-top:0px;margin-right:auto;margin-bottom:0px;margin-left:auto;border:1px solid #99CC66;background-color: #FFF}
.outerwrapper #container #header {height: 150px;background-image: url(../i/green-banner.jpg);background-repeat: no-repeat}
.outerwrapper #container #header h1 {margin: 0;padding: 10px 0;}
	 /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	 /* using padding instead of margin will allow you to keep the element away from the edges of the div */
.outerwrapper #container #mainContent {margin: 20px;min-height:350px} 
.outerwrapper #footer {width: 760px;margin-right: auto;margin-left: auto;margin-top: 10px;margin-bottom: 10px}
.outerwrapper #footer h3 {padding:0px;margin:0px}

/* Breadcrumbs */

/* breadcrumbs reset */
#crumbs, #crumbs ul, #crumbs li, #crumbs a {margin: 0;padding: 0}
#crumbs li {list-style: none;display:inline;text-transform:uppercase;font-size:80%;line-height:2.5em;border-right-width: 1px;border-right-style: solid;
			border-right-color: #FFCC66}
#crumbs li b {font-size: small;font-weight: bold;color: #333333;padding-right: 5px;padding-left: 5px}
/* breadcrumbs fonts */
#crumbs {height:27px;text-align:center;font:13px/1.231 arial,helvetica,clean,sans-serif;/* for IE6/7 */
*font-size:small;/* for IE Quirks Mode */*font:x-small;			background-image: url(../i/yellow-background.jpg);
	padding-left: 10px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #FFCC66}
/* breadcrumbs default layout */
#crumbs #crumbs-content {text-align:left;width:960px;margin:0 auto;}
#crumbs a {text-decoration:none;color:#006699;padding-right:7px;margin-right:0px;background-image: url(../i/yellow-background.jpg);
			background-repeat: no-repeat;background-position: right -950px}
#crumbs a:hover {text-decoration:underline;font-weight: normal;color: #006699}

/* Horizontal Navigation */
#horiz-nav {border-bottom: 1px solid #CCC;padding-top: 124px}
#horiz-nav {font:13px/1.231 arial,helvetica,clean,sans-serif;/* for IE6/7 */*font-size:small;/* for IE Quirks Mode */*font:x-small;}
#horiz-nav, #horiz-nav-content {text-align:left; width:auto; margin: 0;}
#horiz-nav ul {padding: 0; margin: 0; list-style: none; line-height: 1; position:relative; z-index:999; border-left:1px solid #adbcc5; height:26px;}
#horiz-nav ul a {display: block;}
#horiz-nav ul li {float: left; background-repeat: repeat-x; display:inline; position:relative;} /* width needed for Opera */
#horiz-nav ul li ul {position:absolute; left: -999em; background-color: #99CC66; display:none;} /* secont-level lists */
#horiz-nav ul il ul li {display:block; float:none;}
#horiz-nav ul li:hover ul, #horiz-nav ul li.sfhover ul {left:auto;} /* lists nested under hovered list items */
#horiz-nav ul li span {display:block; cursor:default;}
#horiz-nav ul li a, #horiz-nav ul li span {text-decoration:none;padding:7px 1em 6px 1em;border-right:1px solid #99CC66;color:#336600;
			background-color:#99CC66;background-image:url(../i/horz_nav.gif);background-repeat:repeat-x}
#horiz-nav ul li.active a, #horiz-nav ul li.active span {background-color: #99CC66}
#horiz-nav ul li a:hover {color:#003300;background-repeat: repeat-x;background: url(../i/horiz-nav-hover.png)}
#horiz-nav ul li span:hover, #horiz-nav ul li.sfhover span {background:#99CC66;color:#FFF}
#horiz-nav ul li:hover ul,#horiz_nav ul li.sfhover ul {margin-left:-1px;height:auto;border:1px solid #adbcc5;border-bottom:0} /* same as border-bottom on content */
#horiz_nav ul li:hover ul li,#horiz_nav ul li.sfhover ul li {display:inline;/* fixes ie6 3px bug */width:10em;float:none;padding-right:0}
#horiz ul li:hover ul li a,#horiz_nav ul li.sfhover ul li a {color:#0D4D73; border-right:0; border-bottom:1px solid #ADBCC5; background-color: #99CC66}
#horiz_nav ul li:hover ul li a:hover,#horiz_nav ul li.sfhover ul li a:hover {background:#99CC66;color:#FFF}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;margin-left: 8px;}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;margin-right: 8px;}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;height:0;font-size: 1px;line-height: 0px;}