/*Hampton University Secondary CSS - ©2010 Hampton University - Authored by O. Winston Sheffield */

/*top elements*/

#mm{
width:1000px;
height:315px;
margin:-1px auto 0 auto;
padding:0;
}
#mmleftholder{
float:left;
clear:none;
width:665px;
}

#mmright {
float:right;
clear:none;
background: url(/img/academics/var_bgd.png);
width:311px;
height:292px;
padding:5px;
margin:6px 7px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
letter-spacing:1px;
}
#mmright ul{list-style-type:none;margin:0;}
#mmright ul li {color:#fff;display:block;}
#mmright ul li a{
background:none;
color:#fff;
text-decoration:none;
border:none;
font-size:18px;
padding:12px 10px;
width:290px;
float: left;
cursor: pointer;
	}
#mmright ul li a:hover{color:#003384;background:url(/img/academics/var_bgd_h.png)}




.holder{margin-top:-5px;}
.holder h1{
	width:335px;
	height:18px;
	position:absolute;
	top:430px;
	background:/*#003384*/ url(/assets/sec/img/gallery_button_bgd2.png) bottom left repeat-x;
	color:#fff;
	font-size:18px;
	padding:1px 0 6px;
	font-weight:normal;
	letter-spacing:.7px;
	text-align:center;
}
/*bottom elements*/
#content{padding-bottom:30px;}
#sec_holder{width:1000px;margin-left:6px;background:#fff;border-bottom:1px solid #eee;padding-bottom:8px;min-height:180px;}
#sec_content1col{float:left;width:985px;margin:10px 0 0 10px}
#sec_content2col{float:left;width:780px;margin:10px 0 0 10px}
#sec_content2colwide{float:left;width:635px;margin:10px 0 0 10px}
#sec_content3col{float:left;width:580px;margin:6px 0 0 10px}
#sec_holder p{
padding:5px 0;
}
#sec_left{
float:left;
width:180px;
margin-top:10px;
padding:0 10px;
border-right:1px solid #eee;
}
#sec_rightside{
float:right;
width:190px;
padding:0 5px;
margin-top:10px;
border-left:1px solid #eee;
}
#sec_rightsidewide{
float:right;
width:325px;
padding:0 5px;
margin-top:10px;
border-left:1px solid #eee;
}
#sec_rightside p, #sec_rightsidewide p{margin-left:15px;}
#sec_rightside img, #sec_rightsidewide img{margin:0 0 15px 10px;}
.secondary h2{
	position:absolute;
	top:416px;
	color:#fff;
	font-size:34px;
	background: url(/assets/sec/img/h2bgd.png);	
	padding:0 0 5px 0px;
	margin:1px 0 0 9px;
	height:35px;
	width:663px;
	font-family: Georgia, serif;
	font-weight:normal;
	font-variant:small-caps;
	text-align:center;
	letter-spacing:1px;
	}
	
.secondary h2.nomenu{
	position:absolute;
	top:416px;
	color:#fff;
	font-size:34px;
	background: url(/assets/sec/img/h2altbgd.png);	
	padding:0 0 5px 0px;
	margin:-4px 0 0 9px;
	height:35px;
	width:982px;
	font-family: Georgia, serif;
	font-weight:normal;
	font-variant:small-caps;
	text-align:center;
	letter-spacing:1px;
	}

.secondarytopimage{width:1000px;height:315px}

blockquote {
margin-left: 40px;
margin-right: 40px;
font-style:italic;
}

#sec_content1col h2, 
#sec_content2col h2, 
#sec_content2colwide h2, 
#sec_content3col h2{
color:#253c7e;
font-size:15px;
padding:5px 0;
font-size:14px;
}


#sec_rightside h1, 
#sec_rightsidewide h1, 
#sec_left h1{
background:#fefefe;
color:#253c7e;
font-size:16px;
padding:0px 4px;
margin:0 15px;
border-bottom:4px solid #555;
}

#sec_left ul{margin:5px 20px}
#sec_left li{padding-bottom:10px;}
.imgc{margin:0 auto;text-align:center;}

#sec_content1col a, 
#sec_content2col a, 
#sec_content2colwide a, 
#sec_content3col a, 
#sec_left a
{color:#003384;text-decoration:none;}

#sec_content1col a:hover, 
#sec_content2col a:hover, 
#sec_content2colwide a:hover,
#sec_content3col a:hover, 
#sec_left a:hover,
#sec_content1col a:visited:hover, 
#sec_content2col a:visited:hover, 
#sec_content2colwide a:visited:hover,
#sec_content3col a:visited:hover,
#sec_left a:visited:hover,
#sec_rightside a:visited:hover
{color: #030;text-decoration:none;}

#sec_content1col a:visited, 
#sec_content2col a:visited, 
#sec_content2colwide a:visited, 
#sec_content3col a:visited,
#sec_left a:visited,
#sec_rightside a:visited
{color: #069;text-decoration:none;}

#sec_content1col ul, 
#sec_content2col ul, 
#sec_content2colwide ul, 
#sec_content3col ul
{margin:7px 0 7px 40px}

#sec_content1col ul.nobull, 
#sec_content2col ul.nobull, 
#sec_content2colwide ul.nobull, 
#sec_content3col ul.nobull
{list-style-type: none;}

#sec_content1col ol, 
#sec_content2col ol, 
#sec_content2colwide ol, 
#sec_content3col ol
{margin:7px 0 7px 40px}

#sec_content1col li, 
#sec_content2col li, 
#sec_content2colwide li, 
#sec_content3col li
{padding-bottom:10px;}

.clear{clear:both;}


#sec_rightside ul, #sec_rightsidewide ul{display:block;list-style:none;margin:8px 0 15px 15px}
#sec_rightside ul li, #sec_rightsidewide ul li{padding-bottom:5px;}
#sec_rightside ul li a, #sec_rightsidewide ul li a{
	display:inline-block;
	padding-left:10px;
	background:transparent url(/assets/sec/img/linklih.png) center left no-repeat;
	text-decoration:none;
	color:#003384;
	}
#sec_rightside ul li a:hover, #sec_rightsidewide ul li a:hover{
	text-decoration:none;
	color:#555;
	background:transparent url(/assets/sec/img/linkli.png) center left no-repeat;
	}
	


/* 'three bucket' variations for admissions, finaid, registrar, oba */

.areas{
width: 228px;
margin: 0px 10px 12px;
padding: 6px;
background: #EDF2FC;
float: left;
font-size: 90%;
}
.areas h1{
	font-size: 110%;
	margin-bottom: 3px;
	padding: 0px;
	font-weight: bold;
}
.areas .leadin{
height: 90px;
border-bottom: 1px dashed #003384;
font-size: 95%;
}

.areas .areaslinks{
margin-bottom: 0px; 
padding-bottom: 0px; 
margin-left: 6px;
font-size: 90%;
}

#content p.areaslinks a{color:#C60; text-decoration:none;}
#content p.areaslinks  a:hover{color: #930; border-bottom: 1px dashed #930;/* text-decoration:underline;*/}



#mmright h2{
	margin-bottom:2px;
	}

/*	Form Elements	*/

/*form {}

form input {
	border:1px solid #739fe6;
}

form .row {
	margin:10px;
}*/

div.row {
	clear: both;
	padding-top: 5px;
}

div.row span.label {
	float: left;
	width: 28%;
	text-align: right;
	margin-top:2px;
}

div.row span.formw {
	float: right;
	width: 70%;
	text-align: left;
}

div.row span.label2 {
	/*float: left;*/
	width: 15%;
	text-align: right;
	font-weight: bold;
}

div.row span.formw2 {
	/*float: right;*/
	width: 25%;
	text-align: left;
}

/* Gateway Links */
.gatewaylinks{float:left;width:32%;}
.gatewaylinks h2{border-bottom:1px dotted #ccc;margin-left:40px;}
.gatewaylinks ul{list-style-type:none;}
.gatewaylinks li{padding-bottom:7px;}
.gatewaylinks li a{
padding-left:10px;
background:transparent url(/assets/sec/img/linkli.png) center left no-repeat;
text-decoration:none;
color:#555;
}
.gatewaylinks li a:hover{
background:transparent url(/assets/sec/img/linklih.png) center left no-repeat;
}


/*Area Boxes*/
#sec_content1col .areaboxholder, 
#sec_content2col .areaboxholder, 
#sec_content2colwide .areaboxholder, 
#sec_content3col .areaboxholder
{margin:20px auto 30px;}

#sec_content1col .areaboxholder .areabox, 
#sec_content2col .areaboxholder .areabox, 
#sec_content2colwide .areaboxholder .areabox, 
#sec_content3col .areaboxholder .areabox
{width:280px;height:97px;background:#ebebeb;float:left;margin:7px 15px;}

#sec_content1col .areaboxholder .areabox img, 
#sec_content2col .areaboxholder .areabox img, 
#sec_content2colwide .areaboxholder .areabox img, 
#sec_content3col .areaboxholder .areabox img
{float:right;width:150px;height:75px;}

#sec_content1col .areaboxholder .areabox h1, 
#sec_content2col .areaboxholder .areabox h1, 
#sec_content2colwide .areaboxholder .areabox h1, 
#sec_content3col .areaboxholder .areabox h1
{background:#ddd;color:#003384;padding: 3px;font-size:14px;text-align:left;}

#sec_content1col .areaboxholder .areabox ul, 
#sec_content2col .areaboxholder .areabox ul, 
#sec_content2colwide .areaboxholder .areabox ul, 
#sec_content3col .areaboxholder .areabox ul
{float:left;font-size:11px;list-style-type:none;margin:4px 0 0 4px;}

#sec_content1col .areaboxholder .areabox ul li, 
#sec_content2col .areaboxholder .areabox ul li, 
#sec_content2colwide .areaboxholder .areabox ul li, 
#sec_content3col .areaboxholder .areabox ul li
{padding-bottom:3px;}

/*academics>schools css*/
.bottomlistholder{clear:both;}
.bottomlistcol{float:left;width:49%;}
.schoolscol3 dl{margin-bottom:10px;}
.schoolscol3 dt{font-weight:bold;}
.schoolscol3 dd{margin-bottom:5px;}
.schoolscol3{font-size:11px;}
.schoolscol3 hr{margin-bottom:8px;}

/*apply>apply.cfm*/

#sec_content2colwide .block-title {
	width:460px;
	padding:5px;
	margin: 10px 13% 0px 13%;
	background-color:#D9DFDF;
}

#sec_content2colwide .infoblock {
	width:470px;
	padding:0;
	margin: 0px 13% 20px 13%;
	overflow:hidden;
}

#sec_content2colwide .infoblock h3{background:#ddd;color:#003384;padding:2px 0 2px 5px;}

#undergrad {
	background:#EBEFEF url(/assets/sec/img/undergrad-apply-bg.jpg) top right no-repeat;
}

#transfer {
	background:#EBEFEF url(/assets/sec/img/transfer-apply-bg.jpg) top right no-repeat;
}

#grad {
	background:#EBEFEF url(/assets/sec/img/grad-apply-bg.jpg) top right no-repeat;
}

#sec_content2colwide .infoblock ul {
	 width:202px;
	 padding:0;
	 margin:0;
	 list-style:none;
}

#sec_content2colwide .infoblock li {
	text-align:right;
	border-bottom:1px dashed #DBDBDB;
	padding-top:6px;
}

#sec_content2colwide .infoblock p {
	 width:202px;
	 height:115px;
	 margin:0;
	 padding:12px;
	 list-style:none;
	 background:#ebebeb;
	 font-size:85%;
}

#sec_content2colwide .infoblock a {
	margin-right:10px;
	padding-top:2px;
	margin-top:2px;
}

/* SMALL INFOBLOCKS */
#sec_content2colwide .areaboxholder .sm_infoblock h1 {
	background:#ddd;
	color:#003384;
	padding: 3px;
	font-size:14px;
	text-align:left;
}

#sec_content2colwide .areaboxholder .sm_infoblock {
	width:275px;
	height:97px; /* Remove height if number of links changes */
	background:#ebebeb;
	padding:0;
	float:left;
	margin:7px 20px;
	overflow:hidden;
}

#sec_content2colwide .areaboxholder .sm_infoblock ul {
	 float:left;
	 font-size:11px;
	 list-style-type:none;
	 margin:4px 0 0 4px;
}

#sec_content2colwide .areaboxholder .sm_infoblock ul li {
	padding-bottom:3px;
}

#sec_content2colwide #business_sm_infoblock {
	background:#ebebeb url(/img/academics/schools/business_sm.jpg) right 20px no-repeat;
}

#sec_content2colwide #cecs_sm_infoblock {
	background:#ebebeb url(/img/academics/schools/cecs_sm.jpg) right 20px no-repeat;
}

#sec_content2colwide #pharm_sm_infoblock {
	background:#ebebeb url(/img/academics/schools/pharm_sm.jpg) right 20px no-repeat;
}

#sec_content2colwide #nursing_sm_infoblock {
	background:#ebebeb url(/img/academics/schools/nursing_sm.jpg) right 20px no-repeat;
}

#sec_content2colwide #shsjc_sm_infoblock {
	background:#ebebeb url(/img/academics/schools/shsjc_sm.jpg) right 20px no-repeat;
}

#sec_content2colwide #libarts_sm_infoblock {
	background:#ebebeb url(/img/academics/schools/libarts_sm.jpg) right 20px no-repeat;
}

#sec_content2colwide #set_sm_infoblock {
	background:#ebebeb url(/img/academics/schools/set_sm.jpg) right 20px no-repeat;
}

#sec_content2colwide #science_sm_infoblock {
	background:#ebebeb url(/img/academics/schools/science_sm.jpg) right 20px no-repeat;
}

#sec_content2colwide #grad_sm_infoblock {
	background:#ebebeb url(/img/academics/schools/grad_sm.jpg) right 20px no-repeat;
}

#sec_content2colwide #cofvb_sm_infoblock {
	background:#ebebeb url(/img/academics/schools/cofvb_sm.jpg) right 20px no-repeat;
}

/* END SMALL INFOBLOCKS */

.moreinfo {
	width:470px;
	padding:0;
	margin: 10px 13% 20px 13%;
	background:#EBEFEF;
	overflow:hidden;
	max-height:auto;
}

.moreinfo h3 {
	padding:5px;
	margin:0;
	background:#D9DFDF;
}

.moreinfo img {
	float:right;
}

.moreinfo li {
	text-align:right;
	border-bottom:1px dashed #DBDBDB;
	padding-top:6px;
}

.moreinfo a {
	margin-right:10px;
	padding-top:2px;
	margin-top:2px;
}

.clear {
    clear:both;
    overflow:hidden;
}

.leftbutton {
	background:#C9E0B5;
	padding: 3px;
	border:1px solid #46522B;
}

.rightbutton {
	background:#C9E0B5;
	padding: 3px;
	border:1px solid #46522B;
}

.apply-download {
	float:right;
	margin:-23px 90px 5px 0px;
}

.apply-download a {
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
}

/**/

/*about>facts.cfm*/
.widecol{width:97%;margin-left:1%;}
.col{float:left;width:48%;margin-left:1%;}
.alltables{background:#efefef;}
.alltables h3{color:#fff;background:#003384;font-weight:normal;letter-spacing:1px;padding:2px;}
.stuoverview{
	margin-bottom:10px;
	}
.enrbyrace{
	margin-bottom:10px;
	}
.facstaffoverview{
	margin-bottom:9px;
	}
.finoverview{
	margin-bottom:7px;
	}
.grad{
	margin-bottom:8px;
	}
.enrbyschool{
	width:97%;
	clear:both;
	margin-left:1%;
	}
.enrbyschool th{color:#003384;}

/**/
table{width:100%;}
.greybgd{background:#ebebeb;padding:10px;#padding-left:0px; border:5px;}
.wh{color:#fff;}
.secondary .eb{color:#ebebeb;}
th{font-weight:normal; text-align: center;}
.sm{font-size:10px;}

.acli{}

#ofcselector{margin-top:-36px;margin-bottom:10px;text-align:center;}
#sec_holder .top a{color:#ebebeb;}
#sec_holder .top a:hover{color:#ccddff;}
.top{text-align:center;}

/*visitor>driving.cfm*/
/*Google markup modification to hide Google title*/
a.ig_lgbluelink{
	visibility: hidden;
}


/*visitor>dining.cfm*/
#dining_list table {margin-bottom:10px;}
#dining_list thead th {background-color:#003384;color:#fff;padding:3px;margin:0;font-weight:bold;}
#dining_list tr {padding:25px 0;}
#dining_list td {font-size:11px;padding:5px}

/* Class for Hours of Operation table  */
/********** CODE SAMPLE ****************/
/*
<table class="hours">
<col align="right" />
<col align="left" />
<tbody>
<tr>
	<th align="right">Sunday</th>
	<td align="left">3:00pm - 11:45pm</td>
</tr>
<tr>
	<th align="right">Monday-Thursday</th>
	<td align="left">8:30am - 11:45pm</td>
</tr>
<tr>
	<th align="right">Friday</th>
	<td align="left">8:30am - 4:45pm</td>
</tr>
<tr>
	<th align="right">Saturday</th>
	<td align="left">9:00am - 4:45pm</td>
</tr>
</tbody>
</table>
*****************************************/
.hours {width:auto;margin:5px;padding:10px;background-color:#ebebeb}
.hours th {font-weight:bold;padding-right:5px}

/* root element for ACCORDION including gradient background image */
#accordion {
	background:#333 url(/assets/global/img/h300.png) 0 0;
	width: 300px;
	border:1px solid #333;	
	-background:#666;
}

/* ACCORDION element with class designations */
#accordion.social{
	background:#FFF;
	width: 310px;
	height: 337px;
	margin: 0px 0px 36px 10px;
	border: solid #E3E3E3;
	border-width: 0px 0px 2px;
}
#accordion.forecast{
	background:#EEE url(/assets/global/img/h300.png) 0 0;
	width: 300px;
	height: 430px;
	border:1px solid #CCC;	
}
#accordion.driving{
	background:#EEE url(/assets/global/img/h300.png) 0 0;
	width: 300px;
	height: 268px;
	margin: 12px 0px 0px 15px;
	border:1px solid #CCC;	
}
/* root element for ACCORDION H2 heading including gradient background image */
#accordion h2{
	background:#ccc url(/assets/global/img/h30.png);
	margin:0;
	padding:5px 15px;
	font-size:14px;
	font-weight:normal;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	cursor:pointer;		
}
#accordion.social h2{
	background: #fff;
	margin:0px;
	padding: 0px;
	font-size:14px;
	font-weight:normal;
	border: none;
	border-bottom: none;
	cursor:pointer;		
}
#accordion.forecast h2{
	background:#DDD url(/assets/global/img/h30.png);
	margin:0;
	padding:5px 15px;
	font-size:14px;
	font-weight:normal;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	cursor:pointer;		
}
#accordion.driving h2{
	background:#DDD url(/assets/global/img/h30.png);
	margin:0;
	padding:5px 15px;
	font-size:14px;
	font-weight:normal;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	cursor:pointer;		
}
/* ACCORDION active header */
#accordion h2.current {
	cursor:default;
	background-color:#fff;
}

/* ACCORDION settings when an image is used for the header */
#accordion h2 img, #accordion h2.current img{
	margin: 0px;
	padding: 0px;
	border: none;
	border-width: 0px;
}
/* root element for ACCORDION PANEL (PANE) */
#accordion div.pane{
	border: solid #fff;
	border-width: 0px 2px;
	height:180px;
	padding:15px;
	font-size:12px;
}

#accordion.social div.pane{
	border: solid #E3E3E3;
	border-width: 0px 2px 1px;
	height:127px;
	padding:15px;
	font-size:12px;
}

#accordion.forecast div.pane{
	height:315px;
	padding: 15px 5px;
}

#accordion.driving div.pane{
	height:125px;
	font-size: 14px;
}


/* a title inside pane */
#accordion div.pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#003384;
}
#accordion.social div.pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:14px;
	color:#003384;
}
#accordion.social div.pane p {
	margin: 0px 0px 18px;
}

#sec_rightside a, 
#sec_rightsidewide a, 
#sec_left a{color:#003384;text-decoration:none;}

#sec_rightside a:hover, 
#sec_rightsidewide a:hover, 
#sec_left a:hover{color:#000}

/* custom font embed for drop case */
@font-face {
	font-family: 'SaginawMedium';
	src: url('/assets/global/typography/SaginawMedium.eot');
	src: local('Saginaw'), local('SaginawMedium'), url('/assets/global/typography/SaginawMedium.woff') format('woff'), url('/assets/global/typography/SaginawMedium.ttf') format('truetype');
}
.sagmed{font-family: 'SaginawMedium';}
/**/

.offices a{color:#003384;text-decoration:none;}
.offices a:hover{color:#000;text-decoration:underline;}

@media print{
#mm{height:auto;margin-bottom:30px;}
.secondarytopimage{background-image:none;height:auto;}
#sec_rightside, #sec_rightsidewide, #weather, #mmright{display:none;}
#sec_content1col, #sec_content2col, #sec_content2colwide, #sec_content3col{width:auto;}
#mm .secondarytopimage #mmleftholder h2{top:0;background:none;color:#003384;}
body, #container, .greybgd{background-image:none;background-color:#fff;}
}