@charset "utf-8";
/* CSS Document */
#Content {
    clear:both;
    width:1000px;
    margin:0px;
	padding:0px;
    position:relative;
	float:left;
	min-height:430px;
	border-right:1px dotted #e3e3e2;
	background-color:#FFFFFF;
	}
#InnerLeft{
		background-color:#f0f0f0;
		width:180px;
		/*border:1px solid red; Sample Border RED*/	
		}
/* =LAYOUT =InnerRight
----------------------------------------------------------------------------- */			
#InnerRight{
			width:800px;
			font-family: "Verdana", Arial, Helvetica, sans-serif ;
			font-style: normal;
			font-weight: normal;
			color: #666;
			font-size: 11px;
			padding:0px;
			padding-left:0px; 
			border-left:1px solid #eee;
			/*border-top:1px solid #eee;
			border-bottom:1px solid #eee;*/
			min-height:430px;
			text-align:left;
			float:left;
			
			}		
#titlewrapper{
			width:790px;
			padding-bottom:2px;
			height:40px;
			padding-left:0px;
			border-bottom:#666 1px dotted;
			font-family:"Times New Roman", Times, serif;
			}
			
#titlewrapper h1 {
	/*color: #0082BF;*/
	color: #006BD7;
	font-size:20px;
	margin:5px 0 0 0px;
	padding-left:10px;
	font-family:"Times New Roman", Times, serif;
	}
	
/* =LAYOUT = BreadCrumb
----------------------------------------------------------------------------- */
.crumb {position:relative; z-index:0;  left:10px; top:0px;  font-family: "Verdana", Arial, Helvetica, sans-serif; font-size:10px;  }
/* hack to correct IE5.5 faulty box model border-bottom:#333 1px solid; */
*/ html .crumb {width:100%;}
/* remove all the bullets, borders and padding from the default list styling */
.crumb ul {padding:0;margin:0;list-style-type:none;width:100%;}
.crumb ul ul {}
.crumb ul ul li {background-color:#F1F1F1;width:500px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.crumb ul li {float:left;position:relative;}
/* style the links for the top level */
.crumb a, .crumb a:visited {display:block;text-decoration:none; color:#666;line-height:1.00em;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .crumb a, * html .crumb a:visited {}

/* style the second level background */
.crumb ul ul a.drop, .crumb ul ul a.drop:visited {}
/* style the second level hover */
.crumb ul ul a.drop:hover{}
.crumb ul ul :hover > a.drop {}
/* style the third level background */
.crumb ul ul ul a, .crumb ul ul ul a:visited {}
/* style the third level hover */
.crumb ul ul ul a:hover {background:#ccc;}
/* style the top link hover */
.crumb li:hover{background: #ececec;}
/* style the top link's arrow hover */
.crumb li div:hover{background: #fff;}
/* style the arrow */
.crumb li div{color:#666; padding-top:1px;}
.crumb li div img{border:0px; vertical-align:-.17em;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.crumb ul ul {visibility:hidden;position:absolute;height:0;top:16px;left:0px;}
/*----------------------------------------------------------------------------- */

/* =LAYOUT = mainContent
----------------------------------------------------------------------------- */
#InnerRight #mainContent {
	margin-top:5px;
	text-align: justify;
	margin:10px;
	color:#444444;
	}
#mainContent h2{
	/*color: #0082BF;*/
	color: #006BD7;
	font-size:15px;
	margin:5px 0 0 0px;
	padding-bottom:5px;


	}
     
#mainContent p{ 
	margin-bottom:5px;
	line-height:15px;
    }
#mainContent ul li{
	padding-bottom:10px;
	}
#mainContent ul li a{
	color:#444;

	}
	/*Image Fade Cycle*/
#leadstory_wrapper {
	width:325px;
	height: 225px;
	overflow: hidden;
/*	border-top:4px solid #fff;
	border-bottom:5px solid #fff;*/
	border:2px solid #000;
	float:right;
	margin:5px 0px 5px 10px;
	}

#leadstory_wrapper div.slide {
	width: inherit;
	height: inherit;
	overflow: hidden;
	}

#leadstory_wrapper div.leadstory_img {
	float:right;
	width:325px;

	}
.contentlink a{
		color:#333;
		text-decoration:none;
		}
 .contentlink a:hover{
	color:#666666;
	text-decoration:underline;
	
	}
.fltrt { 
	float: right;
	margin-left: 8px;
	margin-bottom:8px;
	}
	
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right:8px;
	}
* Subnav
*********************************************/
#subnav-2 div {
	width:800px;
	margin:10px 0px 5px 5px;
	height:35px;
	min-width:800px;
}

	
#subnav-2 a {
	font-family:"Arial", Helvetica, sans-serif;
	display:block;
	font-size:11px;
	color:#1e62a9;
	text-decoration:none;
	background:url('../images/subnav2-arrow.gif') no-repeat center;
	border-bottom:4px solid #dcdcdc;
	padding: 0px 8px 12px 8px;

}

#subnav-2 a:hover {
	display:block;
	color:#ff6600;
	text-decoration:none;
	background: #eee url('/images/subnav2-rollover-arrow.gif') no-repeat center;
	border-bottom:4px solid #ff6600;
	padding: 0 8px 12px 8px;
}

#subnav-2 a.active {
	display:block;
	color:#ff6600;
	text-decoration:none;
	background: #eee url('/images/subnav2-rollover-arrow.gif') no-repeat center;
	border-bottom:4px solid #ff6600;
	padding: 0 8px 12px 8px;
}	
.subnav-2action {
	float:left;
	background:#fff url('/images/dotted-v-separator.gif') repeat-y right;
	list-style-type:none;
	
}
.subnav-2action1 {
	float:left;
	background:#fff url('/images/dotted-v-separator.gif') repeat-y right;
	list-style-type:none;
	color:#ff6600;
	
}
.subnav-2action1 span {
	float:left;
	background:url('/images/dotted-v-separator.gif') repeat-y left;
	list-style-type:none;
	color:#ff6600;
	
}
.subnav-2highlight {
	color:#ff6600;
	border-bottom:4px solid #ff6600;
}
/*
.subnav-2highlight span {
	font-family:"Arial", Helvetica, sans-serif;
	font-size:11px;
	display:block;
	
	background:url('/images/subnav2-rollover-arrow.gif') no-repeat center;
	padding: 0 8px 12px 8px;
}*/
ul.news_links{
padding-left:25px;
list-style:disc;

}

ul.news_links li{
font-style: normal;
font-weight: normal;
/*list-style-image: url(/images/navdown_blue.gif);*/
margin-top:5px;
}
ul.news_links li span{
color:#666; 
font-size:9px;


}

ul.news_links li a{
	color:#0066cc;
    cursor:pointer;
	text-decoration:none;
	margin-bottom:10px;color: #006BD7;
}
ul.news_links a:hover{
color:#FF732F;
text-decoration:underline;

}
ul.new_links .readmore {
	padding-left:12px;
	background:url(/images/arrow-more.gif) no-repeat left;
	line-height:12px;
	}
/*************** Events Page ***************/
.event-wrapper{display:block; border-bottom:1px dotted #ccc; height:120px; margin-top:20px}
.event-title{float:left; display:inline; width:168px; height:110px; padding-right:10px;}
.event-date{float:left; display:inline; width:171px; height:110px; border-left:1px solid #ebe9e9; padding:0 10px 0 15px;}	
.event-abstract{float:left; display:inline; width:309px; height:110px; border-left:1px solid #ebe9e9; padding-left:15px}
.event-h3{
	color:#0066cc;
	font-size:12px;
	text-decoration:none;
	
	}

#viewby-bg {
	float:left;
	width:700px;
	height:30px;
	margin:5px 0 10px 10px;
	padding-top:10px;
	background-color:#ececec;
	display:inline;
	}
	
#viewby-bg span {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	padding:0 10px 0 20px;
	}
#mainContent h3{
	color: #006BD7;
	font-size:14px;
	margin:0 0 3px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
		font-weight:bold;
	}
#mainContent h4 {
	
	color:#0066CC;
	font-size:13px;
	font-weight:bold;
	padding-left:0px;
	padding-bottom:10px;
	}
#mainContent h4 a {
	
	color:#0066CC;
	font-size:13px;
	font-weight:bold;
	padding-left:0px;
	}

.h7{
	color:#0066CC;
	font-size:12px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:20px;
	margin:0;
	padding:0;
	text-decoration:underline;

}
.new-window {
	color:#0066cc;
	padding-left:16px;
	margin-top:4px;
	line-height:0px;
	background:url('/icon/icon-new-window.gif') no-repeat left;
	}
#mainContent .readmore{
	color:#0066cc;
	padding-left:12px;
	background:url(/images/arrow-more.gif) no-repeat left;
	line-height:12px;
	}