/****************
Universal Style*/

body{
background-color:white;
font-family: Verdana, Arial, San-serif;
font-size: 12px;
}

body.gray{background-color: #CCC;}

div#container {
width:750px;
border: 1px solid #333;
margin: 15px auto 45px auto;
background-color: white;
}
.clear{clear:both;}

/****************
Header */
#top_header {
width:100%;
}
#top_header a img{border: none;}
#top_header a{
text-decoration: none;
color: #333;
font: bold 12px Arial, Verdana;
}
#top_header a:hover{
color: #069;
font-size: 12px;
}
#top_header #logos{
padding: 5px;
width:350px;
float:left;
}
#top_header #top_right_links{
width:200px;
float: right;
}
#top_header #top_right_links ul{
display:inline;
float:right;
margin:0;
padding:5px 10px 0 0;
list-style:none;
}
#top_header #top_right_links li{
float:left;
border-left: 1px dotted black;
padding-left: 5px;
margin-left: 5px;
}

/****************
Footer*/
#footer {
border-top: 1px solid #999;
background-color: #666;
width:100%;
margin:0;
padding:0;
}
#footer p {
font-size: 0.8em;
color: white;
margin: 0 5px;
padding: 5px;
}

/*******************
Banner (rotating images)*/

div#banner * {margin:0;padding:0;border:0;}

* html div#banner {width: 754px;}

div#banner {
width:750px;
border:0;
overflow: hidden;
background-color: #EEE;
margin:0;
padding:0;
}

.graybar{height:3px;
width:100%;
background-color:#999;
margin-top: 1px;}

.banner_box{float:left;margin:0;padding:0;}

#leftbox {
margin-right: 1px !important; 
position:relative; 
width:327px;
height: 140px;
}
#rightbox1 {padding-right: 1px !important;}
#rightbox2 {padding-right: 1px !important;}
#rightbox3 {
margin:0;
padding:0;
overflow:hidden;
clear:right;
}

div#banner .rotating_banner {
position:absolute;
}

/******************
Content Wrapper */
#content_wrapper{
margin: 10px 0 0 0;
padding: 0;
background-color: #eee;
overflow:hidden;
}

/******************
Left Menu */
#left_menu{
background-color: #EEE;
float:left;
width: 170px;
}
.menu_block h4{
font-size: 11px;
background: url(/include/img/lightbluebar.gif) repeat-x;
padding: 5px 10px;
color:white;
margin:0;
}
.menu_block ul{
list-style: none;
margin: 0;
padding: 0;
}
.menu_block ul li{
margin-left: 15px;
margin-bottom: 2px;
padding-bottom: 2px;
border-bottom: 1px solid black;
}
.menu_block a{
text-decoration:none;
font-size: 7.5pt;
font-weight: bold;
color: black;
}
.menu_block a:hover{
color: red;
}

/******************
Main Content */
* html #main_content{
width: 557px;
}

#main_content{
width: 560px;
margin-left: 170px;
padding: 0 5px 5px 15px;
background-color: white;
}
#main_content .midtitle{
font-size: 2em;
color: #444;
}

/******************
News Section - only */
div#news_section div.news_listing {
font-family: verdana,arial,sans-serif;
font-size: 11px !important;
}

div#news_section div.news_listing h3,
div#publication_section h3 {
font-weight         : bold;
font-size: 11px !important;
letter-spacing      : +1px;
color               : #006699;
}

div.dotted_spacer {
clear: both;
background-image:url(/~dchu/cms/images/2.gif);
}

/******************
 Site map (alternative, might have been depreciated)*/
div#site_map ul {
list-style-type: none;
font-size: 13px;
margin-left: 0px;
padding-left: 15px;
font-family: Tahoma; 
font-weight: bold;
}

div#site_map ul ul {
font-family: Verdana;
font-weight: normal;
}

/******************
Publication Section*/

div#publication_years_links ul {
list-style:none; margin:0 0 0 20px;padding:0;
}

div#publication_years_links ul li {
margin-left: 20px;
height:auto;
margin-top:3px;
padding-bottom:3px;
border-bottom: solid 1px black;
}

div#publication_years_links a:link,
div#publication_years_links a:visited{ 
color: black;text-decoration:none;}
div#publication_years_links a:hover{ color: red;text-decoration:underline;}

/*******************
Sitemap Section */
#sitemap_left{
	width: 300px;
	float:left;
	margin-right: 6px;
	background-color: white;
}
#sitemap_right{
	width:300px;
	float:left;
	background-color:white;
}
.sitemap_block {
	background-color:#FFF;
	border: 1px solid #0086B3;
	font: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	padding-bottom: 2px;
	margin-top: 10px;
}
.sitemap_block h2{
	padding: 2px 0 2px 10px;
	margin:0;
	display:block;
	background-color: #0086B3;
	color: white;
	font-size: 1.3em;
}
.sitemap_block ul{
	list-style:none;
	margin-left: 0px;
	padding: 0px;
}
.sitemap_block ul li{
	margin-left: 15px;
}
.sitemap_block a:link, .sitemap_block a:visited {
	text-decoration:none;
	color: #0099CC;
}
.sitemap_block a:hover{
	background-color: #0099CC;
	color:white;
}
.sitemap_block ul li{
	font-weight: bold;
	text-indent: -5px;
}
.sitemap_block ul li ul li{
	font-weight: normal;
}
.red{
	border: 1px solid #B3002D;
}
.red h2{
	background-color: #B3002D;
}
.gold {
	border: 1px solid #B38600;
}
.gold h2{
	background-color: #B38600;
}
.green {
	border: 1px solid #00B386;
}
.green h2{
	background-color: #00B386;
}
.purple {
	border: 1px solid #B30086;
}
.purple h2{
	background-color: #B30086;
}
/*************************
In The News section only*/
* html div#inthenews_section {
  width: 100% !important;
}

div#inthenews_section h4{
	color: #006699;
	font-size: 11px;
	margin: 0;
	padding:0;
}
div#inthenews_section p.blurb{
	margin: 3px 0;
	padding: 0;
}
div#inthenews_section a:visited, div#inthenews_section a:link, div#inthenews_section a:active{
	text-decoration: none;
	color: #006699;
}
div#inthenews_section a:hover{
	text-decoration: underline;
}
div#inthenews_section img{
	margin: 0 5px;
}
.inthenews_title {
	font-size: 16pt;
	font-weight: normal;
	color: #069;
	font-family: Georgia, Arial, san-serif;
	margin:0 0 10px 0;
	padding:0;
}
.posted{
	color: #333;
	font: normal 10pt Arial, Helvetica, san-serif;
}

/* FOR FIXING OLD LAYOUT, to be removed*/
#content_wrapper{
	margin: 10px 0 0 0;
	padding: 0;
	}
table.mainpage{
/*	width: 740px !important;*/
width: 100% !important;
	}
table.mainpage tr td.leftmenu + td{
	display:none;
}

#player1 {visibility:hidden;}