/*
@description Homepage CSS

@author	Bryan Gullan
@created 2007-08

@dependsOn 
@basedOn 

@modified
*/

 
#header, #header-wrapper {
	min-height:155px;
	height: 6em;
	background-image: none;
	margin-bottom:0;
}

#header, #header-wrapper, #content {
	color:white;
	border: none;
	margin-top:5px;
}

 #content {
	color:white !important;
	background:#333333;
}



body.newsflash #header, body.newsflash #header-wrapper {
	min-height:135px;
}

div#newsflash {
	width:100%;
	overflow:hidden;
	position:relative;
	padding:5px 0;
	margin-bottom:20px;
	background: url("/display_images/horizontal_dash.gif") top left repeat-x;
	height:3em;
}
	div#newsflash h2 {
		float: left;
		margin:0 20px 0 0;
		color:white;
		text-transform: uppercase;
	}
		div#newsflash h2.imaged {
			text-indent:-5000px;
			background: url("/display_images/newsflash.gif") left 30% no-repeat;
			width: 80px;
			height:1.2em;
			padding:0 0 5px 0;
		}
	div#newsflash div{
		width:100%;
		overflow:hidden;
		position:relative;
		padding:1px 0;
		background: url("/display_images/horizontal_dash.gif") bottom left repeat-x;
	}
	div#newsflash a {
		position:relative;
		overflow:hidden;
		display:block;
		padding:0 0 5px 0;
		outline:none;
	}
	
#features_panel {
	width: 100%;
	height: 234px;
	position: relative;
	overflow: hidden;
	background: #062B55 url('/display_images/homepage/loader.gif') 50% 0 no-repeat;
	/*opacity:0.99999;*/
}
	.photo_info a{
		display:block;
		background-image:url(/display_images/homepage/icon_information_right.png);
		background-repeat:no-repeat;
		background-position:100% 0;
		width:164px;
		z-index:5000;
		position:absolute;
		text-indent:-5000px;
		right:0;
		margin:5px;
		text-decoration:none !important;
		line-height:22px;
		padding-left:0px;
		overflow:hidden;
	}
		.feature_link_4_selected .photo_info a,
		.feature_link_5_selected .photo_info a,
		.feature_link_6_selected .photo_info a,
		.feature_link_7_selected .photo_info a{
			background-image:url(/display_images/homepage/icon_information_left.png);
			background-position:0 0;
			left:0;
			padding-left:25px;
			
		}
		.photo_info a:hover{
			text-indent:5px;
			overflow:hidden;
			background-position:100% -22px !important;	
		}
			.feature_link_4_selected .photo_info a:hover, 
			.feature_link_5_selected .photo_info a:hover, 
			.feature_link_6_selected .photo_info a:hover,
			.feature_link_7_selected .photo_info a:hover{
				text-indent:0px;
				background-position:0px -22px !important;
			}
	#features_menu {
	position: absolute;
	top: 185px;
	width: 101%; /* compensate for slightly-less-than-16.6666% values which are there to prevent IE rounding errors */
	height: 37px;
	border-bottom: 1px solid #000d1d;
	z-index: 50;
	background: #00162f url("../images/button_gradient.gif") top left repeat-x;
	left: -18px;
	}
	#features_menu li {
		float: left;
		width: 16.5%;
		text-align: center;
		opacity:0.99999;
	}
		#features_menu li.new-addition a {
			background: url(/display_images/homepage/tab_new.gif) right top no-repeat;
		}
	#features_menu li a {
		display: block;
		padding: 10px 0;
		height: 17px;
		outline: none;
		font-family:Arial, Helvetica, sans-serif!important;
		font-size:13px!important;
		border-left: 1px solid #6398ca;
		border-right:1px solid #0c3458;
	}
		#features_menu li a:hover, #features_menu li a.current, #features_menu li a:focus {
			background-color: #2e4c6f;
			border-left: 1px solid #2e4c6f;
			text-decoration: none;
			opacity:0.99999;
		}
		#features_menu li.new-addition a:hover, #features_menu li.new-addition a.current, #features_menu li.new-addition a:focus {
			background: #2e4c6f url(/display_images/homepage/tab_new_hover.gif) right top no-repeat;
		}
		#features_menu li.feature_1 a {
			border-left:none;
		}
		#features_menu li.feature_6 a {
			border-right:none;
		}
			#features_menu li h2 {
				margin: 0;
			}
			#features_menu li h2 a {
				color: #C2D7EF;
				font-size: 11px;
				margin: 0;
				cursor: pointer;
			}
	#features_submenu {
		position: absolute;
		width: 101%;
		height: 52px;
		top: 144px;
		z-index: 40;
	}
	#content div.no-js {/* = #features_panel*/
		height:223px;
	}
	div.no-js #features_submenu {
		top: 0px;
	}
		#features_submenu ul.feature_stories {
			width: 25%; /* compensate for slightly-less-than-25% values which are there to prevent IE rounding errors */
			height:196px;
			background: #1b395e;
			padding:15px 5px 0 10px;
			
		}
			#features_submenu ul.feature_stories li {
				position: relative;
				margin: 0 10px 10px 3px !important;
				font-size: 1em;
				line-height: 1.4em;
				opacity:0.99999;
			}
			#features_submenu ul.feature_stories li a {
				color:#fff !important;
				display: block;
				height:auto !important;
			}

				#features_submenu ul.feature_stories li a{
					background: url("../images/arrow_slider.png") left 0.35em no-repeat;
					padding-left:8px;
				}
				div.index_link a{
					background: url("../images/arrow_indexlink.png") left 0.3em no-repeat;
					padding-left:6px;
				}
			#features_submenu ul.feature_stories li a {
				font-weight: normal;
			}
				#features_submenu ul.feature_stories li h3 {
					font-weight: normal;
					
					letter-spacing: 0;
					font-size:13px;
					margin: 0 0 3px 0px;
					color:#C2D7EF !important;
				}
				#features_submenu ul.feature_stories li.feature3 h3, #features_submenu ul.feature_stories li.feature4 h3, #features_submenu ul.feature_stories li.feature5 h3 {
					margin-bottom:8px;
				}
				#features_submenu ul.feature_stories li.all-items {
					text-align:right;
					color: #386092;
					margin: -6px 0 0 0;
				}
				#features_submenu ul.feature_stories li.all-items a {
					display:inline;
					background-image: none;
					padding: 0 5px 0 5px;
					padding-bottom:1px;
				}
					#features_submenu ul.feature_stories li.all-items a:hover {
						padding-bottom: 0;
					}
				
				#features_submenu ul.feature_stories li.video_panel {
					position:absolute;
					left:25%;
					top:0;
					width:210px;
					background: #1b395e url("/display_images/homepage/panel_gradient.gif") top left repeat-x;
					height:196px;
					opacity: 1;
				}
				
				#features_submenu ul.feature_stories li.videofeature4, #features_submenu ul.feature_stories li.videofeature5 {
					left:auto;
					right:25%;				
				}
				
				#features_submenu ul.feature_stories li.video_panel #feature_video {
					position: absolute;
					top:15px;
					left:8px;
					width: 186px;
					height: 156px;
				}
				#features_panel #features_submenu ul.feature_stories li .feature_video_ratio_16_9 {
					width: 187px;
					height: 124px;
					/*border: 1px solid #c7c7c7;*/
					background: #1B395E url(/display_images/homepage/video_185x104.jpg) top left no-repeat;
				}
				#features_panel #features_submenu ul.feature_stories li .feature_video_ratio_4_3 {
					width: 187px;
					height: 159px;
					/*border: 1px solid #c7c7c7;*/
					background: #1B395E url(/display_images/homepage/video_185x139.jpg) top left no-repeat;
				}
				#features_panel #features_submenu ul.feature_stories li .feature_video_loaded {
					background-image:none;
					/*z-index:200;*/
				}
			
			#features_submenu div#image-panel {
				margin:15px 0 10px 0;
				height: 156px;
			}
			#features_submenu div.image-panel-left {
				padding:0 0 0 10px;
				background: url(/display_images/header_block_divider.gif) repeat-y left top;
			}
			#features_submenu div.image-panel-right {
				padding:0 10px 0 0px;
				background: url(/display_images/header_block_divider.gif) repeat-y right top;
				float:right;
			}
				#features_submenu div#image-panel img {
					border:1px solid #4e5863;
					margin-bottom:8px;
				}
				#features_submenu div#image-panel ul {
					width:185px;
					margin:0 !important;
				}
			
		#features_submenu .feature_biographies {
			position: absolute;
			width: 70%;
			height: 79px;
			background: #0b3257  top left repeat-x;
			display: block;
			top: 40px;
			padding:0px 10px 0px 0px !important;
		}
			#features_submenu .feature_biographies .index_link {
				height: 79px;
				text-align: right;
				margin: 10px 7px 10px 7px;
			}
				#features_submenu .feature_biographies .index_link a {
					color: #002147 !important;
					font-weight: bold;
				}
					#features_submenu .feature_biographies .index_link a:hover {
						color: #002147 !important;
					}	
			#features_submenu .feature_biographies ul {
				float: left;
			}
				#features_submenu .feature_biographies ul li {
					float: left;
					margin: 10px 0px 10px 10px;
				}
				#features_submenu .feature_biographies ul li .firstimg {
					float: left;
					margin-left: 10px 0px 10px 0px !important;
				}
				#features_submenu .feature_biographies ul li img {
					border: 1px solid #fff;
				}
				#features_submenu .feature_biographies ul li.hover img {
					outline: 4px solid #00162f;
					cursor: pointer;
				}
			#features_submenu #feature_biographies_popup_area {
				position: absolute;
				top: -116px;
				height: 116px;
				width: 100%;
				overflow: hidden;
			}
			#features_submenu #feature_biographies_popup_area #feature_biographies_popup {
				top: 116px;
				width: 310px;
				height: 80px;
				background: #0b3257  top left repeat-x;
				position: absolute;
				padding: 10px 15px 10px 15px;
				opacity:0.99999;
			}
			#features_submenu #feature_biographies_popup_area #feature_biographies_popup h3 {
				color: #c1d6ee;
				margin-bottom:3px;
				font-size:12px;
				font-family:Arial, Helvetica, sans-serif!important;
			}
			#features_submenu #feature_biographies_popup_area #feature_biographies_popup p {
				color: #fff;
				line-height: 1.3em;
			}

		#features_submenu .feature_facts {
			position: absolute;
			width: 74%;
			height: 79px;
			background: #1b395e url("/display_images/homepage/panel_gradient.gif") top left repeat-x;
			display: block;
			padding: 10px;
		}
			#features_submenu .feature_facts .feature_facts_browser {
				width: 100%;
				float: left;
			}
				#features_submenu .feature_facts .feature_facts_browser h3 {
					color: #c1d6ee;
				}
				#features_submenu .feature_facts .feature_facts_browser p {
					color: #fff;
					line-height: 1.3em;
					padding-right: 60px;
				}
				#features_submenu .feature_facts .feature_facts_browser .feature_facts_paging {
					display: block;
					width: 50px;
					height: 22px;
					float: right;
				}
					#features_submenu .feature_facts .feature_facts_browser .feature_facts_paging a {
						text-indent: -500px;
						overflow: hidden;
						display: block;
						width: 22px;
						height: 22px;
						outline: none;
						cursor:pointer;
					}
					#features_submenu .feature_facts .feature_facts_browser .feature_facts_paging a.disabled {
						opacity: 0.5;
						cursor:default;
					}
					a#feature_fact_previous {
						background-image: url(/display_images/icons/arrow_button_left.gif);
						float: left;
					}
					a#feature_fact_next {
						background-image: url(/display_images/icons/arrow_button_right.gif);
						float: right;
					}
			.index_link {
				position:absolute;
				width: 15%;
				height:30px;
				top:38px;
				right:0;
				background-color: #67b6ff;
				padding:13px 0 0 0px;
			}
			
			body #features_submenu div.index_link a {
				display:block;
				line-height:1.2em;
				color: #0f3e6a !important;
				font-weight: normal;
				margin-left: 4px;
			}
			#features_submenu .feature_facts a:hover {
				color: #0f3e6a !important;
			}
	
#features_submenu ul.feature_stories li a.addonclass{
					color: #ffff00 !important;
					
				}

.liveCast {
   -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -webkit-box-shadow: #6E7849 0 0 10px;
  background-color: #154470;
  background-image: -moz-linear-gradient(180deg, #41709c, #154470);
  background-image: -ms-linear-gradient(180deg, #41709c, #154470);
  background-image: -o-linear-gradient(180deg, #41709c, #154470);
  background-image: -webkit-linear-gradient(180deg, #41709c, #154470);
  background-image: linear-gradient(180deg, #41709c, #154470);
  border-radius: 10px;
  border: 1px solid #0c3458;
  color: #ffffff;
  display: inline-block;
  font-size: 15px;
  margin: 18px 0 0 0;
  padding: 10px;
  text-decoration: none;
  float:right;
  position:relative;
  
  /*text-shadow: #000000 5px 5px 8px*/;
}
  
  
  .live{
width:35px;
height:38px;
float:right;
margin-top:15px;
position:relative;
padding:5px 5px 0px 0px;

}


/* added for departmental tool tips*/
/* Styles not related to code  */

div#tipDiv {
    min-width:150px;
  font-size:14px;
  font-family:Arial, Helvetica, sans-serif;
  font-style:normal; 
	line-height:1.2;
    color:#fff; 
	background-color:#77B2E9; 
	border-bottom: 8px solid #77B2E9;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
   border-radius: 7px;
   text-decoration:none;
  
	padding:4px;
     z-index: 999999;
	 box-shadow: -2px 2px 3px #6B6B6B;
}
#tipDiv a{
  color:#fff;
  text-decoration:none;
  z-index: 999999;
	}
	.genButton {float:left; position:relative; text-align:center; width:115px; height:30px; background:#8eca37; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0.34em 0.56em 0.34em; behavior: url(PIE.htc); letter-spacing:1px; margin-left:10px; cursor:pointer; outline:none; border:none!important}
	
#leftpanel_innerpage1{
width:39%;
float:left;
position:relative;
background-image: url(../images/blck11.png);
background-size: 100% 100%;
background-repeat:no-repeat;
/*background:#4a79a6;*/
padding:20px;
left:5px;
color:#fff;
height:145px!important;
margin-bottom:20px;
height:100%;

}
/********/
#leftpanel_innerpage1 a {
color:#fff;
}	
#leftpanel_innerpage1 .title :hover{
    
    color:#000;
	
}

#leftpanel_innerpage2{
width:30%;
float:left;
position:relative;
/*background:#d0d6c5;*/
background-image: url(../images/blck22.png);
background-size: 100% 100%;
background-repeat:no-repeat;
padding:20px;
left:5px;
color:#fff;
height:145px!important;
/*overflow-y:scroll;*/
margin-bottom:20px;
height:100%;
}
#leftpanel_innerpage2 a {
color:#000;
}
#leftpanel_innerpage2 .title a{
color:#fff!important;
}
#leftpanel_innerpage2 .title :hover{
    
    color:#000;
	
}
#leftpanel_innerpage3{
width:18%;
float:left;
position:relative;
/*background:#a9975e;*/
background-image: url(../images/blck3.png);
background-size: 100% 100%;
background-repeat:no-repeat;
padding:20px;
left:5px;
color:#000;
height:145px!important;

margin-bottom:20px;
height:100%;
}
#leftpanel_innerpage3 a {
color:#fff;
}
#leftpanel_innerpage3 .title :hover{
    
    color:#000;
	
}
/*end departmental tool tip*/
.Currentstudents {
background:#4a79a6;
}
.contactblock{
width:189px;
padding:20px;
float:left;
position:relative;
text-align:left;
font-size:13px;
background-color:#eaeaea;
-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;   color:#fff; text-indent:0;behavior: url(PIE.htc);
margin-bottom:20px;
color:#454545;

}
.contactblock p{
line-height:20px;
}
.contactblock p span{
border-top:1px dotted #a3a4a7;
display:block;
padding-top:10px;
margin-top:10px;
width:170px;
color:#2a5985;
}
.contactblock1{
width:150px;
padding:15px;
float:left;
position:relative;
text-align:left;
font-size:13px;
border-top:1px dotted #a3a4a7;
border-left:1px dotted #a3a4a7;
border-right:1px dotted #a3a4a7;
border-bottom:1px dotted #a3a4a7;
-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;   color:#fff; text-indent:0;behavior: url(PIE.htc);
margin-bottom:5px;
color:#454545;

}
.contactblock1 p{
line-height:15px;
}
.contactblock1 p span{


display:block;
padding-top:10px;
margin-top:10px;
width:200px;
color:#2a5985;
}

.news_divider {
    background-image: url(../images/panel_news_divider.gif);
    height: 2px;
    width: 100%;
   }
   .news_divider1 {
    background-image: url(../images/newsdeviderblue.gif);
    height: 2px;
    width: 100%;
   }
   
   .homepresivideo {
     height: 	50px;
   }