/* ROTATING BANNER */


 .startingVPstyle {clear: both;} /* viewport style before JS takes control */

 #bannerViewport { margin-left: 0px; background: white; overflow: hidden; width: 980px; height: 220px} /*viewport when JS takes control*/
 
 #bannerViewport div div {float: left; width: 980px; height: 220px; overflow: hidden} /*each individual banner*/


#bannerViewport ol.EHUrotBanCTRLS {
	font-size: 12px;
	text-indent: 0; margin: 0; 
	padding: 0px;
	cursor: pointer;
	position: absolute;
	background: #000000;
	opacity: .6;
	color: #ffffff;
	list-style-type: none;
	height: 220px;
	width: 245px;
	filter:alpha(opacity='60'); 
}

#bannerViewport ol.EHUrotBanCTRLS:hover { opacity: 1.0; filter:alpha(opacity='100'); }


#bannerViewport ol.EHUrotBanCTRLS li {
	display: block;
	font-weight: bold;
	font-size: 14px;
	margin: 12px 12px 8px 0px;
	padding: 0px 0px 0px 18px;
	color: #dddddd;
}

#bannerViewport ol.EHUrotBanCTRLS li:hover, .EHUbannerSelButOn {
	background: url('/images/_graphics/rotban-arrow.gif') 0px 1px no-repeat;
}

#bannerViewport ol.EHUrotBanCTRLS li span {
	display: block;
	padding: 2px 8px 2px 8px
}

#bannerViewport ol.EHUrotBanCTRLS li span:hover {background: #f9cf5f; color: #000000; border: 1px solid #f9cf5f;}

	.EHUbannerSelButOff span {  color: #aaaaaa; background: none; border: 1px solid #666666;}
	.EHUbannerSelButOn span {color: white; background: #333333; border: 1px solid #f9cf5f; }
 
	ol.EHUrotBanCTRLS div { display: inline; line-height: 16px; padding: 0px 8px 0px 8px; background: none; border: none;  }
	ol.EHUrotBanCTRLS .EHUbannerPPbuttonPlay, ol.EHUrotBanCTRLS .EHUbannerPPbuttonPause {vertical-align: bottom}

/* HIDE BUTTONS, really don't need em */
ol.EHUrotBanCTRLS .EHUbannerPPbuttonPlay, ol.EHUrotBanCTRLS .EHUbannerPPbuttonPause {display: none}







/* FRONT PAGE LAYOUT */


#banner #topnav {margin-left: 228px;}

div.two-col-master {
	width: 735px !important; border-right: none !important;	
}

div.two-col {
	float: left;
	width: 735px;
	padding: 0px 0px 16px 0px;
}



div.sidebar {width: 233px !important; padding: 0px 6px 16px 6px;}

.sidebar .news {padding: 0; background: none}

.sidebar .announcements p+p {display: block}

div.one-col {
	float: left;
	width: 362px;
	border-right: 1px solid #e6b42f;
	padding: 0px 0px 16px 0px;
	margin: 0;
}

div.one-col + div.one-col {
	width: 363px;
	border: none;
	padding-left: 0px;
	margin: 0 0 0 9px;
}


div.target-grp {
	margin-top: 0px;
	background: #ffffff url("/images/_graphics/yel-shade.jpg") 0px -10px repeat-x;
	padding: 0px 0px 4px 0px;
}


#tabSet {
	clear: both; margin: 0; padding: 0;
	padding: 5px 0px 3px 0px;
	border-bottom: 1px solid #000000;
}


#tabSet li {
	float: none;
	display: inline;
	border: none;
	background: none;
	padding: 0px 0px 0px 0px;
	margin: 0;
}

#tabSet a {
	border: 1px solid #000000;
	background: #FBEC95;
	padding: 3px 8px 3px 8px;
	cursor: pointer;
	margin: 0px;
}

#tabSet li+li{padding-left: 1px}

#tabSet a:hover {text-decoration: none}

#tabSet .tabOn {
	border-bottom: 1px solid #FFF9D7;
	background: #FFF9D7;
}

#tabSet .tabOff {
	border-bottom: 1px solid #000000;
	background: #FBEC95;
}

.tabFolds {
	clear: both;
	margin: 0;
	padding: 1px 8px 8px 12px;
	border: 0px;
	background-color: #FFF9D7;
	min-height: 220px;
}

 

/* FRONT PAGE STYLE, NO LAYOUT RULES HERE */



/* BIGBOX STYLES */

.bigbox a:link, .bigbox a:visited, .bigbox a:active {text-decoration: none}

.bigbox p {margin: 0 0 1em 0; padding: 0;}

.bigbox h2 {margin: 0 0 1em 0; padding: 0;}

.bigbox .description {font-size: 12px}

.bigboxDark {color: #eeeeee;}
.bigboxDark a:link, .bigboxDark a:active, .bigboxDark a:visited, .bigboxDark a:hover { text-decoration: none; color: #9ed1f9}
.bigboxDark h2 {color: white; font-family: Georgia, "Times New Roman", serif;}




div.target-grp h2, div.target-grp h3 {
	margin: 0; font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;
	display: block;
	color: #382900;
	float: left;
	height: 17px; overflow: hidden;
	background: #393939 /*fdde88 */ url("/images/_graphics/mhs-h2-curve-yel.png") 100% 0% no-repeat; /* #fed66a */
	padding: 6px 12px 4px 8px ;
}

div.target-grp h3 { font-family: "Lucinda Grande", "Verdana", "Arial", serif; font-style: italic; font-size: 14px; background: none; font-weight: normal; height: auto;}

div.target-grp h2 a:link, div.target-grp h2 a:visited, div.target-grp h2 a:hover {
	color: white /* #382900 */; font-style: normal;
	padding-left: 12px;
	background: url("/images/smgraphics/link-arrow-special.gif") -1px 3px no-repeat;
}

div.target-grp h3 a:link, div.target-grp h3 a:visited, div.target-grp h3 a:hover {
	color: #000000; font-style: normal;
	XXpadding-right: 18px;
	XXbackground: url("/images/smgraphics/link-arrow.gif") 100% 1px no-repeat;
}

div.target-grp p, div.target-grp  h4, div.target-grp h5 {
	margin: 8px; font-size: 100%;
}
.target-grp h5 { padding-top: 12px;}

.two-col .target-grp p {padding: 0px 8px 0px 8px;}

.target-grp img {
	clear: left; float: left; margin: 4px 4px 4px 8px;
}
.two-col .target-grp img {margin-right: 8px;}
.one-col .target-grp img {float: right; margin: 4px 8px 4px 4px;}



.news h2, .news h3, .news h4 {margin-bottom: 12px}


.news .more {border-top: none !important; display: inline;}