/* CSS Document */
/* CSS Document created for Graytone by Blue Ginger http://www.blueginger.co.uk - March 2008*/
* {margin: 0px; padding: 0px;} /* - this will reset all margins and paddings to 0 */
html,body{height:100%;}
body  {
	font: 100% Trebuchet MS, Lucida Sans Unicode,Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	height:100%;
}

a:link, a:visited, a:active {text-decoration:none; color:#3366FF;}
a:hover {text-decoration:underline;}
#wrapper {
	width: 780px;
	margin: 0px auto;
	background-color: #FFFFFF;
	padding:10px 0px;
	margin-bottom:10px;
}

#hdr_img {
	padding: 5px 0px 0px 0px;
}

#container {
	display:block;
	width: 770px;
	margin: 0px auto;
	padding:0px;
	border:0px solid red;
/*	margin-bottom:10px; */
}
#main_mid {
	float:left; /* this needs to be floated in order to get the other divs to be nested inside it. See http://www.webmasterworld.com/forum83/5233.htm for details */
	width: 770px;
	margin:5px 0px;
	text-align:left;
	height:100%;
}

#topnav {padding:0px; border-top:2px solid #fff; border-bottom:2px solid #fff; background-color:#A3A2A0; margin:5px 0px 0px 0px; padding-left:10px; height:25px;}
#nav_item {padding:0; margin:0; list-style:none; white-space:nowrap;}
#nav_item li { margin:0; padding:0;}
#nav_item li a {float:left; font-family:Trebuchet MS; font-size:10px; height:25px; line-height:25px; padding:0 10px; text-decoration:none; color:#fff; background:#A3A2A0;}
#nav_item li a:hover, #nav_item li a.picked {background:#000000 url(./images/down_arrow.gif) no-repeat center top; color:#fff; font-weight:normal;}
#nav_item li a b {font-weight:normal;}
#nav_item li a:hover b, #nav_item li a.picked b {display:block; float:left; background:transparent url(./images/up_arrow.gif) no-repeat center bottom; cursor:pointer; font-weight:normal;} 

#sidebar {margin: 0px 0px 0px 610px; padding: 8px 5px 45px 5px;  border:1px solid green; border-top:2px solid white; color:#000000;}
#sidebar h1 {font-size:12px; color:#4b575f; font-weight:bold; font-family:Trebuchet MS; margin-left:5px;}
#sidebar p {font-size:10px; line-height: 14px; padding-bottom:5px; font-family:Trebuchet MS; margin-left:5px;}
#sidebar img {margin-top: 10px;}

#maincontent {float:left; width:70%; border:0px solid blue; padding:10px 20px; color:#000000; font-size:11px; font-family:Trebuchet MS; }
#maincontent p {color:#000000; line-height:130%; padding-bottom:5px;}
#maincontent h1 {color:#000000; font-size:18px; padding-bottom:10px; line-height:26px; font-family:Trebuchet MS; font-weight:normal;}
#maincontent h2 {color:#000000; font-size:14px; padding-bottom:10px; line-height:20px; font-family:Trebuchet MS; font-weight:bold;}
#maincontent ul {margin-left:20px; padding-bottom:10px;}
.lrgtext {font-size:18px;}
.smltext {font-size:10px;}
.highlight_red{
color: red;
font-weight:bold;
}

.highlight_blue{
color: blue;
font-weight:bold;
}
#maincontent .address {/*font-family:"Times New Roman", Times, serif;*/ color:#BBC0DD; font-size:68%; line-height:110%; margin-bottom:3px;}
#maincontent a {color:#666699; text-decoration:none;}
#maincontent a:hover {text-decoration:underline;}
#maincontent .footnote {font-size:65%; line-height:1.2em; padding-top:40px;}
#maincontent .smltext {font-size:80%; line-height:1.2em;}
#maincontent .add_high {color:#666699; margin-right:10px;}
#maincontent form {margin:0px; padding:0px;}
#maincontent form p {clear:left; margin: 0; padding: 0;	margin-top:5px;}
#maincontent form p label {float: left;	width: 100px;	font: bold 0.9em Arial, Helvetica, sans-serif;}
#maincontent form p label.wide {float: left; width: 55%; font: bold 0.9em Arial, Helvetica, sans-serif;}
	
#telephone {font: normal 11px Trebuchet MS, verdana, arial, helvetica; padding-bottom:5px;}
#telephone a:link, #telephone a:visited, #telephone a:active {color:#666699; text-decoration:none;}
#telephone a:hover {text-decoration:underline;}

/* for the news scroller */
#p7s1content1 { position: absolute; width: 140px; z-index: 99; left: 0px; top: 80px; visibility: visible; font-family:Trebuchet MS; }
#p7s1content1 p {margin:8px 3px; padding:0px;}
#p7s1content1 a {color:#000000; text-decoration:none;}
#p7s1content1 a:hover {text-decoration:underline;}
#p7s1content1 .news_intro {font-size:80%; line-height:1.1em; margin-left:3px;}
#p7s1content1 .news_story {line-height:1.2em;}
#p7slcontent .newshdr { color: #000000; text-decoration: none; font-size: 12px;}
#p7slcontent .newshdr, a.newshdr:link, a.newshdr:visited, a.news:active { color: #000000; text-decoration: none; font-size: 12px;}
#p7slcontent a.newshdr:hover {color:#000080; text-decoration: underline; }
#disclaimer {margin: 0px 14px 0px 565px; padding-top:0px; color:#8088B6; font-size:65%; line-height:1.0em;}
#bottom_bit {clear:both; border:0px solid pink; padding-top:0px;}


.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;
}


#copyright {clear:both; text-align:left; background-color:#4B575F; color:#ffffff; margin:0px; padding:3px 10px 5px 10px; font-size:10px; font-family:Trebuchet MS;}
#copyright a {padding-left:10px; color:#ffffff; text-decoration:none;}
#copyright a:hover {color:#FFFFFF; text-decoration:underline;}
#copyright .picked {padding-left:10px; text-decoration:underline;}

input.txt {
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #cccccc;
	width:200px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:95%;
	}
input.btn {
	color: #FFFFFF;
	background-color: #4B575F;
	border: 1px outset #000000;
	padding:2px;
	}
textarea {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; line-height:14px; background-color: #FFFFFF; border: 1px solid #cccccc; }


/*a:link, a:visited, a:active {color:#BABCD1; text-decoration:none;}
a:hover {color:#244278; text-decoration:underline;} */
/*a:link, a:visited {
	padding-bottom: 1px;
	color: #326ea1;
	text-decoration: none;
	border-bottom: 1px solid #dbd5c5;
	}
a:hover {
	padding-bottom: 0;
	color: #383d44;
	border-bottom: 2px solid #dbd5c5;
	} */

#menu { background-color:#BEC0D9; width:724px;}
#menu img {margin-right:8px; margin-top:6px; background-color:#BEC0D9;}

#footer {
	height: 2px;
	clear:both;
	color:#8088B6;
	font-size:70%;
	padding: 13px 0px 0px 40px;
}
#footer a:link, #footer a:visited, #footer a:active {color:#8088B6; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer .ftr_link {padding-right:30px;}

#createdby {position:relative;
	width: 730px;
	\width: 740px;
	w\idth: 730px;
	margin:0px auto;
	padding: 0px 0px 10px 30px;
	color:#999999;
	font-size:70%;
	text-align:right;}
#createdby a {color:#0066FF; text-decoration:none;}
#createdby a:hover {text-decoration:underline;}