@media all {

/* global styles */
body { margin: 0; background-color: #FFF; color: #333; font-size: 10px; }
* { font-family: Verdana, Helvetica, Arial, sans-serif; }
a { color: #039; text-decoration: underline; }
img { border: none; }

/* standard page-element styles */
#header { border-bottom: solid 1px #000; }
#footer { text-align: center; line-height: 14px; clear: both; }
.banner { background-color: #36C; text-align: center; }
div.footlinks { padding: 6px; border-top: solid 1px #000; }
div.footlinks a { color: #FFF; }
div.footlinks a:hover { color: #FF3; }
.footercontact { padding: 6px; }

#container {
	min-width: 800px;
/*
	min-width: 960;
	min-width: expression( document.body.clientWidth < 810 ? 800 : true );
*/
}

#menu { width: 160px; float: left; padding: 0px; margin: 0px; font-size: 10px; }

#content {
	float: left;
	width: 100%;
	padding: 0 10px 0 10px;
	width: 75%;
	max-width: 1000px;
	min-height: 758px; /* shrink/grow this with menu col. */
/*
	width: expression( document.body.clientWidthh > 860 ? 850 : true );
	width: expression( document.body.clientWidth > 1002 ? 1000 : true );
	width: expression( document.body.clientWidth.width > 860 ? 850 : true );
*/
	border-left: 1px solid black;
}
/* IE6 */
* html #content {
height: 750px;
}


/* these two are for three-column only */
#middlecol {
	float: left;
	padding: 0;
	margin: 0;
	min-height: 758px;
}
#middlecol_noborder {
	float: left;
	padding: 0;
	margin: 0;
	min-height: 758px;
}

#rightcol {
	float: left;
	padding: 0;
	margin: 0;
}

* html #rightcol {
height: 750px;
}
/*
* html #rightcol { height: 750px; } */

/* Menu styles */
ul#nav {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 159px;
}
#nav li {
	position: relative;
	text-align: right;
	border-bottom: 1px solid #99C;
	padding: 6px; text-align: right;
	margin: 0;
}
#nav li.navA { color: #006;  background: #DCDCDC; }
#nav li.navB { color: #006;  background: #FFF; }
#nav li ul {
	display: none;
	position: absolute;
	left: 159px;
	top: -3px;
	list-style: none;
	min-width: 200px;
	margin-left: 0;
	border: solid 1px #99C;
	padding: 2px;
	background: #DCDCDC;
}
#nav li ul li { text-align: left;}
#nav li a {
	display: block;
	text-decoration: none;
}
#nav a:hover {
	text-decoration: underline;
}
#nav li a img { border: none; }
/* dirty IE tricks */
* html #nav li {
float: left;
width: 148px; /* long menu item was causing blow-out - but also has bogus w/s.  this would be better as 159 */
}
* html #nav li a { height: 1%; }
/* it's magick! */
#nav li:hover ul, #nav li.over ul { display: block; }
div.news_block { padding: 2px 3px 8px 3px; }
/* end menu styles */

/* other standard styles */
.error { font-weight: bold; color: #C00; }
.hourly { font-weight: bold; color: #009597; }
.page_title { color: #039; font-size: 16px; font-weight: bold; border-bottom: solid 1px #69C; margin: 15px 0 15px 0; }
.page_title_no_border { color: #039; font-size: 16px; font-weight: bold; margin: 15px 0 15px 0; }
.sub_title  { color: #339; font-size: 12px; font-weight: bold; }
.content_title { color: #000; font-weight: bold; }
hr { height: 1px; border: solid 1px #039; }
.sm_text { font-size: 85%; }
.tinytext { font-size: 75%; }
.tiny_bold { font-size: 75%; font-weight: bold; }
a.nolink { text-decoration: none; color: #333; }
.caption { font-size: 90%; font-style: italic; }


/* tables */
table.std { background-color: white; border: solid 1px #036; margin: 10px 0 10px 0; }
table.std th { background-color: #9CF; font-weight: bold; font-size: 10px; text-align: center; white-space: nowrap; border-right: #DDD 1px solid; }
.shade { background-color: #F5F5F5; }
tr.tr1 td { border-bottom: 1px solid #339; padding: 5px; }
tr.tr2 td { background-color: #F0F8FF; text-align: center; font-weight: bold; }
.bluebox { background-color: #F5F5F5; border: 1px #6699CC solid; }
tr.stdsub td { background-color: #CCC; font-size: 10px; font-weight: bold; color: black; border-right: #ddd 1px solid; }
/* other tables (see quick history, 12 hr history) */
table.tbl1 { background-color: white; border: 1px solid #036; }
table.tbl1 td, th { border: none; white-space: nowrap; text-align: right; }
table.tbl1 th { background-color:#9CF; border-right: 1px solid #DDD; font-weight:bold; text-align:center; }
table.tbl1 td.td1 { font-weight: bold; border-right: 1px solid #DDD; text-align: center; }
table.tbl1 th.th1 { background-color: #F0F8FF; }
table.twelvehr td { text-align: right; padding: 6px; }
table.twelvehr td.datakey { font-weight:bold; text-align: center; }
table.td1 td { border-right: #DDD 1px solid; }

/* PORTLET STYLES */
.portaltop { background-color: #36C; margin: 0; padding: 0px 2px 2px 2px; border: 0; color: #FFF; font-size: 14px; font-weight: bold; }
.portalbox { border-style: solid; border-color: rgb(216, 216, 216); border-width: 1px; padding: 6px 6px 6px 7px; }
.portlet_subtitle { font-size: 10px; color: #960; font-weight: bold; text-align: left }
.pic_box  { float: left;  border: 2px solid #fff; background-color: #fff; padding: 4px; margin-right: 2px } 
.pic_title {  border: 2px solid #fff; background-color: #fff; padding: 1px; margin-right: 1px; margin-top: 2px; } 

/* Site feature */
/*
*/

/* --- Partnership ---- */
#partners img { display: block; border: 0; }
#partners div.partner { float: left; width: 30%; margin: 5px 0 8px 2px; }

/* --- Testimonials ---- */
#testimonial .quote { background: #FFF url(/images/home/comment_grad.gif) repeat-x; margin: 0; padding: 5px; border: 1px #999966 solid; border-bottom: none; font-weight: normal; font-size: 11px; width: 291px; min-height: 75px; }
#testimonial .footer { background: url(/images/home/comment_footer2.gif) no-repeat; margin: -15px 0 20px 0; }
#testimonial .attribution { font-size: 11px; font-weight: normal; color: #000; margin: 15px 0 0 43px; padding: 15px 0 0 3px; }

/* end portlet styles */

} /* end media block */

@media print { .toplink { display: none; } }