* {margin:0;padding: 0;}
html,body {border: 0;
	font: normal bold small trebuchet ms,verdana,arial,Helvetica,sans-serif;
	text-align: center;
	background-color:#F4F4F4;
	color:#336699;
	height: 100%;}
#lefthead{display:none;}
#header {height:130px;
	width: 100%;
	background-color: #ffffff;}
#header #headertop {position:relative;
	height:28px;
	background: #ffffff url(../images/hdr-nav2.gif) repeat-x left;
	width:100%;
	font-size: .9em;
	line-height:24px;
	text-align: right;}
#header #headertop #searchform {display: inline;
	position:relative;
	color:#fff;
	padding:0 0 0 10px;
	margin:0px;}
#header #headertop input {padding:0px;
	margin:0px;
	border:1px solid #336699;
	background:#ffffff;
	font-size:x-small;
	color: #336699;
	font-weight: bold;}
#header #headertop input:hover {background:#FFF;}
#header #headertop .go{border:none;
	padding:0px;
	margin:0px;
	background:none;}
#header #headertop .startsearch, #header #headertop .startsearch:hover {
	border:0px;
	width:20px;
	height:20px;
	cursor:pointer;
	padding:0px;
	margin-top:2px;}
#header #headertop .go:hover{background:none;}
#header #headertop #searchform .startsearch {height:20px;}
#header #headertop a {color:#FFF;
	text-decoration:none;
	font-size:.9em;
	padding:0px 10px 0px 10px;
	border-right:#90ADC6 1px dotted;}
#header #headertop a:hover {text-decoration:underline;}
#header #headermid{
	background: url(../images/midbanner2.jpg) no-repeat left;
	text-align: right; 
	width:100%; 
	height: 106px;
	color: #000000;
	margin:0;
	padding:0;}
#wrapper {
	text-align: center;
	width: 92%;
	padding: 10px;
	height: 100%;
	background-color: #ffffff;}
#innerwrap {
	margin: auto auto auto auto;
	width: 800px;
	background-color: #ffffff;
	border: 1px solid #336699;}

#desc {width: 60%;text-align:left;color:#336699;float:right;margin-right:60px;line-height: 1.5em;font-size: 95%;}
td .off {
	border: 1px dotted #eeede5;
	height:60px;
	width: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;}
td a:hover{text-decoration: underline;}
td .on{
	background: #ffffff;
	height:60px;
	width: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;}
#rightheading {
	background-color: #ffffff;
	width: 200px;
	text-align:left;
	color: #486794;
	font-weight: normal;
	float: right;
	height: 100%;}
#rightheader{
	margin-right: 20px;
	text-align:center;
	font: normal bolder xx-large "Calisto MT", georgia, serif;
	padding-top: 15px;}
#bottomrightheading {
	background-color: #486794;
	width: 250px;
	text-align:right;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 1.1em;}
#quicklinks {
	width: 100px;
	position: absolute;
	top: 140px;
	float: right;
	right: 50px;}
#content{
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	text-align: center;
	clear: left;
	color: #ccc;}
.cID{color: #666666;font-size: .85em;text-align: center;}
#centertable {
	border-top: 0;
	background-color: #ffffff;
	text-align: left;
	float: left;
	clear: left;
	width: 100%;
	margin-left: -1px;}
#headerlimg {
	float: left;
	clear: left; 
	height: 102px;
	width: 313px;
	top: 25px;
	left: 50px;}
#headerrimg {float: right;height: 102px;width: 370px;}
#left {
	margin-top: 4px;
	margin-right:5px;
	float: left;
	width: 21%;
	background-color: #ffffff;}
#lefthd{
	width: 100%;
	background-color: #DEEDF3;
	height: 15px;
	color: #336699;}
#center {
	margin: 10px 0 0 10px;
	float: left;
	width: 43%;
	background-color: #ffffff;
	color:#336699;}
#center li {list-style:disc inside;}
#center a:hover{font-weight:bold;}
#center a:visited{color:#993399;}
#center a:visited:hover{font-weight:bold;text-decoration: underline;}
.text{text-align: left;width: 100%;}
.text a{text-decoration: underline;}
#right {
	margin-top: 4px;
	width: 250px;
	float: right;
	background-color: #ffffff;
	clear: right;}
#agenda {margin-left:auto;margin-right:auto;width: 88%;background-color:#ffffff;color:#000000;}
#footer {
	text-align:center;
	width: 100%;
	font-size: .8em;
	height: 15px;
	color: #666666;
	bottom: 0;
	padding: 10px;}
.smalltxt {font-size: small}
.tabletxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2A445C;
	font-weight: normal;}
#bannerad {}
.tnewsp {
	font-size: .9em;
	padding-left: 3px;
	text-align: left;
	color: #336699;}
.newsp {
	font-size: .9em;
	padding-left: 3px;
	text-align: left;
	color: #ffffff;}
.tnewsp a{color: #336699;font-weight: bold;}
.newsp a{color: #ffffff;}
.tnewsp a:hover{
	color: #336699;
	font-weight: 600;
	text-decoration: underline;}
.newsp a:hover{
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;}
#searchbutton{
	background-color:#ffffff; 
	height: 20px; 
	font-weight: bold;
	color: #0D3165;
	font-size: small;
	border: 1px solid #336699;
	padding-top: 3px;}
.weatherimg{
	height:108px; 
	width:144px; 
	text-align:left; 
	border:0;}
.centerimg{
	float:left;
	clear: left;
	border:0;
	margin: 0 3px 5px 0;
	padding-bottom: 5px;}
.news {
	background-color:#A40000;
	color: #fff;
	height: 16px;
	text-align: center;
	width: 100%;
	font-weight: bold;
	padding-bottom: 2px;}
.projects{
	font-size: 1.1em;
	background-color:#f4e185;
	color:#486794;
	height: 20px;
	text-align: center;
	width: 100%;
	font-weight: bold;}
h2{
	font-size: 1.4em;
	color:#000099;
	text-align: center;}
h3 {
	font-size: .9em; 
	text-align: center;
	color: #000099;}
h3 a{ 
	font-weight: bold;
	text-decoration: none;
	color:#003366;
	width: 8em;}
#navwrap {
	height: 28px;
	line-height: 22px; 
	width: 100%;
	float: left;
	z-index: 10000;}
#navline {
	position: relative;
	width:100%;
	height:28px;
	line-height: 22px;
	background: url(../images/hdr-nav.gif) repeat-x left;
	z-index: 10000;}
#nav{ /* all lists */
	list-style: none;
	line-height: 22px;
	width: 100%;
	color: #ffffff;
	z-index: 10000;
	text-align: left;
	padding-top: 4px;}
#nav ul { /* all lists */
	list-style: none;
	line-height: 1em;}
#nav li.menub{
	font-size:.85em; 
	color: #ffffff;
	width: 9em;}
#nav li.menubw{
	font-size: .85em;
	color: #ffffff;
	width: 9em;}
#nav a {
	display: block;
	width: 9em;
	text-decoration: none;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1px;
	color: #ffffff;
	border-right:#90ADC6 1px dotted;}
#nav a:hover{
	text-decoration: none;
	color: #ffffff;
	background-color: #587498;}
#nav li { /* all list items */
	float: left;
	width: 9em; /* width needed or else Opera goes nuts */
}
#nav li ul li {
	width: 200px;
	border-bottom: 1px solid #5C84A7;}
#nav li li a{
	width: 200px;
	text-align: left;
	color: #336699;
	border-right: 0;}
#nav li ul { /* second-level lists */
	position: absolute;
	width: 200px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	background-color:#F5F5F5;
	border: 1px solid #336699;
	border-bottom: none;
	line-height: 1.3em;
	color: #336699;
	text-indent: 1px;}
#nav li ul ul { /* third-and-above-level lists */
	margin: -16px 0 0 200px;
	color: #336699;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	background-position: 0 0;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	background-position: 0 0;}
#nav li li:hover, #nav li li.sfhover{
	background-color: #90AECA;
	background-position: 0 0;}
#nav li.arrow{background: url(../images/arrowrt.gif) no-repeat right;}
#nav li.arrow:hover{
	background-position: right;
	background-repeat: no-repeat;}
#nav li a.arrow{
	background: url(../images/arrowrt.gif) no-repeat right;}
#nav li a.arrow:hover{
	background-position:right;	
	background-repeat: no-repeat;}
#leftnav{padding-left: -1px;}
#leftnav li.larrow{
	background: url(../images/arrowlf.gif) no-repeat left;
	text-indent: 12px;}
#leftnav li.larrow:hover{
	background-position: left;
	background-repeat: no-repeat;}
#leftnav li a.larrow{
	background: url(../images/arrowlf.gif) no-repeat left;
	text-indent: 12px;}
#leftnav li a.larrow:hover{
	background-position:left;	
	background-repeat: no-repeat;}
#leftnav li:hover ul{
	margin-left: -200px;
	margin-top: -1.3em;}
#leftnav li.sfhover ul{
	margin-left: -210px;
	margin-top: -1.3em;}
.links{
	color: #336699;
	font-size: 88%;
	text-align: left;
	margin-left: 5px;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;}
.links li{
	list-style: none;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 5px;
	padding-top: 3px;}
#navbar{width: 90%;}
.preweather{
	width: 19%;
	background-color:#336699;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	text-align: center;}
#weather{
	width: 100%;
	text-align: left;
	background-color:#F4F5F7;
	border: 1px solid #cccccc;
	margin-left:0;}
a{text-decoration:none;}
a:hover{
	font-weight: bold;
	text-decoration: underline;}
#nav2{
	padding:.2em 0 .2em .3em;
	color:#02045E;
	width:775px;
	height:25px; 
	background-color: #AAC1D6;
	border-top:1px solid #999999;
	border-bottom:1px solid #ffffff; 
	border-right: 1px solid #CCCCCC;}	
#center ul{
	font-size: 95%;
	font-weight: bold;
	width: 200px;}
.link{
	text-align: left;
	font-size:10pt;
	font-weight: normal;
	color:#000066;
	background-color:#EBF1F1;
	border:1px solid #87ADAD;
	padding: 5px;
	width:70%;}
.link a{
	color: #000066;
	text-decoration: none;}
.link a:hover{
	font-weight: bold;
	color: blue;}
.link a:visited{color: #990099;}
#righttable {
	float: right;
	background-color: #ffffff;
	color:#336699;
	text-align: center;
	margin-left: 10px;}
#righttable .link{
	text-align: left;
	font-size:10pt;
	font-weight: normal;
	color:#000066;
	background-color:#EBF1F1;
	border:1px solid #87ADAD;}
#righttable .link a{
	color: #000066;
	text-decoration: none;}
#righttable .link a:hover{font-weight: bold;color: blue;}
#righttable .link a:visited{color: #990099;}
#righttable ul{font-size: 95%;font-weight: bold;}
#righttable li{list-style:disc inside;width:300px;margin-left: 10px;}
#text{
    color:#173E7D;
    text-align: left;
    padding: 5px;
	margin-top: 4px;
	float: left;
	width: 60%;
	height: 800px;
	background-color: #ffffff;
	margin-left: 10px;}
#text a{text-decoration: underline;}
.breadcrumbs{
	text-align:left;
	margin-left: 5px; 
	font-size: 80%;
	color: #003399;
	width: 95%;
	height: 20px;
	padding-top: 20px;}
.righttxt{
	padding: 20px 2px 20px 5px;
	width: 250px;
	text-align: left;
	margin-top:0;
	font-size: x-small;
	color:#000099;
	background-color:#EFEFEF;
	border: 1px solid #cccccc;
	height: 310px;
	float:right;}
#rightabout{
margin-top: 10px;
padding-right: 5px;
color:#336699;
width: 350px;
text-align:left;
float: right;
background-color: #ffffff;}
#rightabout ul{
	font-size: 95%;
	font-weight: bold;
	width: 200px;}
.righttxt a{
	text-decoration: underline;}
.rightbottom{
	padding: 10px 2px 10px 5px;
	width: 245px;
	clear: right;
	float:right;
	text-align: left;
	margin-top:0;
	font-size: 80%;
	color:#000099;
	background-color:#EFEFEF;
	border: 1px solid #cccccc;
	height: 225px;
	color: #400040;
	font-weight: 500;}
.center{text-align: center;}
.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;} 
#lefttxt{
	float: left;
	width: 130px;
	padding: 4px;}
div#main {
margin-left: 160px;
margin-right: 130px;
padding: 10px;
background-color:#FFFFFF;
text-align: left;}
#main a{text-decoration: underline;}
#main li{list-style: disc inside;}
img{border:0;}
div#navcol{
	padding: 10px;
	float: left;
	width: 130px;
	margin-top: 20px;
	text-align: left;}	
#navcol li{
	width:95%;
	padding-bottom: 10px;
	list-style: none;}
.clear {
clear: both;
display: block;
height: 1px;
overflow: hidden;
margin: 0;
padding: 0;}
div#sidecol{
padding:10px;
width:130px;
float:right;}
div#column1 {
margin: 0px;
padding: 0px;
width: 100%;}