/*---:[ global elements ]:---*/

body { background: #fff url(bg.gif) repeat-y scroll  50% 0; font-family: Arial, sans-serif; text-align: left; color: #666; }

* { padding: 0; margin: 0; }


a { color: #009966; text-decoration: none; }
	a:visited { color: #009966; text-decoration: none;}
	a:hover { color: #009966; text-decoration: none; }
	a img { border: none; }


h1 { font-size: 20px; color: #009966; text-decoration: none; padding: 15px 0; border-top: 1px solid #fff; }
	h1 a { color: #666; }
	h1 a:visited { color: #666; }
	h1 a:hover { color: #666; }
	
h2 { font-size: 16px; margin: 20px 0 10px 0; color: #009966; }


/*---:[ core layout elements ]:---*/

#container { width: 770px; margin: 0 auto; padding-top: 20px;  }

#content_box { font-size: 12px; color: #666;line-height: 1.65em; float: left; }


/*---:[ header styles ]:---*/

#header_img {
	background: #fff url(header.jpg) no-repeat 0 0;
	height: 375px;
	width: 770px;
}

#header_img { margin: 0 0 0 0; border-bottom: 1px solid #666; float: left; clear: both; }

#header_img img { display: block; } /* this is really just an IE 6 and 7 hack in disguise */
	
ul#nav { list-style: none; width: 770px; padding-top: 0px; border-top: 0px solid #666; float: left; clear: both; }

	    ul#nav li { padding: 0 10px 20px 0; color: #666; font: 12px Arial, sans-serif; float: left; }
		ul#nav li a, ul#nav li a:visited { color: #666; text-decoration: none; }
		ul#nav li a:hover { color: #009966; ext-decoration: none; }		
		ul#nav li a.current, ul#nav li a.current:visited, ul#nav li a.current:hover { color: #009966; text-decoration: none; }
	
ul li {
	padding-bottom:6px;
	padding-top:6px;
	padding-left:4px;
	margin-left:18px;
}

/*---:[ footer styles ]:---*/

#footer a, #footer a:visited, #footer a:hover { color: #666; text-decoration: none; border-bottom: 1px #666; }

#footer { width: 770px; margin-top: 30px; padding: 1.0em 0; border-top: 1px solid #ccc; font: 12px  Arial, sans-serif;  float: left; clear: both; }