/* CSS Document */


/* global framework */
html,body{
    margin:0;
    padding:0;
    height:100%;
    border:none;
	background-color:#dfdfdf;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#shell { height:100% }
#shell_left { background-image:url(images/bkgd_left.gif); background-repeat:repeat-y; width:20px }
#shell_right { background-image:url(images/bkgd_right.gif); background-repeat:repeat-y; width:20px }
#innershell { width:778px; }
#logo { position:absolute; z-index:0 }
#topbar { font-size:10px; color:#ffffff; padding-top:3px; text-align:right; padding-bottom:3px; text-align:right; position:relative }
#topbarlinks { float:right; background-image:url(images/topbar_grad.gif); background-repeat:repeat-x; height:16px; padding-top:2px;text-align:right; position:relative; display:inline }
a.top { font-size:10px; color:#ffffff; text-decoration:none }
a.top:hover { text-decoration:underline }
#footer { background-image:url(images/bottombar_grad.gif); background-repeat:repeat-x; font-size:9px; color:#002266; height:23px; padding-top:5px; text-align:center }
#currentdate { text-align:right; position:relative; font-size:10px; color:#990000; padding-right:10px }


/* navigation bar */
#navbar  { background-image:url(images/navbar_grad.gif); background-repeat:repeat-x; height:24px }
#nav { height:24px; width:40em; display:inline; }
.collapse, .expand { 
	display: inline; 
	background-image:url(images/navbar_btn_grad.gif); 
	background-repeat:repeat-x;
	text-align:left;
	cursor: pointer;
	float:left
}
.collapse .dropmenu {
	display:none;
}
.expand .dropmenu {
	display:block;
}
.nav_btn { padding:2px 15px 4px 15px; border-right:#002266 1px solid; font-size:11px; font-weight:bold; color:#FFFFFF; vertical-align:middle }
.nav_btnl { padding:2px 15px 4px 15px; border-right:#002266 1px solid; font-size:11px; font-weight:bold; color:#FFFFFF; border-left:#002266 1px solid; vertical-align:middle }
.dropmenu {   
	position: relative;
	width: 10px;
	overflow: visible;
	
}
.dropdown {
	width: 160px;
	overflow: visible;
	background-color:#000066;
	font-size:9px;
	text-align:left;
	position: absolute;
	left: 0px;
	top: 0px;
	clear: both;
	border: 1px solid #999;
}
/*
.dropmenu .dropdown {
	position: absolute;
}*/
.dropdown a { 
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold
	
}
.dropdown .dropitemHi { 
	background-color:#3366FF;
}
.dropitem, .dropitemHi {
    border-bottom:#999 1px solid; padding:6px;
}


/* homepage */
a.adlink { font-size:12px; color:#ffffff; text-transform:uppercase; text-decoration:none }
a.adlink:hover { text-decoration:underline }
a.special { text-decoration:none; color:#990000;font-size:9px }
a.special:hover { text-decoration:underline;font-size:9px }
#bannercontent { padding-left:30px; padding-top:15px; color:#FFFFFF; width:390px; height:200px }
#floatlinks {padding-left:35px; padding-right:35spx; position:absolute; top:335px}
#newsbar { background-image:url(images/newsbar_grad.gif);  font-size:12px; font-weight:bold; color:#FFFFFF; padding-left:11px; height:21px; text-shadow:#333333 }
#newsarea { background-image:url(images/bottom_grad.gif); background-repeat:repeat-x; background-color:#e4e9f4; height:171px; color:#262626; font-size:11px; padding-left:11px }
.newsitem { padding-top:10px; padding-right:15px; padding-bottom:15px }
.newstitle { font-size:11px; color:#002266; margin-bottom:0px }
.lowerfeaturetopics { white-space:normal } /* defined in js file */


/* inner pages */
.breadcrumbs { background-color:#FFFFFF; font-size:10px; color:#990000; padding:3px 20px 3px 20px; border-bottom:#BBBBBB 1px solid }
a.crumb { text-decoration:none; color:#990000 }
a.crumb:hover { text-decoration:underline; color:#990000 }
#update { float:right; font-style:italic }

#contentarea { font-size:11px; padding:10px 20px 40px 20px }
#contentarea h2 { font-size:11px; color:#002266; margin-bottom:0px}
#contentarea h1 { font-size:14px; color:#002266}
#contentarea p { font-size:11px; color:#002266; margin-top:0px}
#contentarea td { font-size:11px; color:#002266}

.image{ font-style:italic}
.smcontent { font-size:10px }
a { color:#000099; text-decoration:underline }
a:hover { text-decoration:none } 

#rightbox { float:right; width:200px; background-image:url(images/popup_mid.gif); background-repeat:repeat-y; margin:0px }
#rightboxcontent { font-size:11px; color:#FFFFFF; padding:0px 15px 10px 15px }
#rightboxtop { height:35px; margin:0px }
#rightboxbottom { height:33px; margin:0px }
a.poplink { text-decoration:none; color:#ffffff; display:block; margin:5px }
a.poplink:hover { text-decoration:underline; color:#ffffff; display:block }

.canvas { background-image:url(images/canvas.jpg); background-repeat:repeat;}
.blgradient{ background-image:url(images/blgradient.jpg); background-repeat:repeat-x; background-color:#e4e9f4; color:#262626;}
.redgradient{ background-image:url(images/redgradient.jpg); background-repeat:repeat-x; background-color:#f2e3e3; color:#262626; }
.metal{ background-image:url(images/metal.jpg); background-repeat:repeat-y; color:#262626; }
.clouds{ background-image:url(images/clouds.jpg); background-repeat:repeat-y; color:#262626; }
.parpaper{ background-image:url(images/parpaper.jpg); background-repeat:repeat-y; color:#262626; }