/*Hampton University Global CSS - Copyright 2010 Hampton University - Authored by O. Winston Sheffield */

*{margin:0;padding:0;}
img{border:none;}
body{
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
background:url(/assets/global/img/body_bgd_2.jpg) repeat-x fixed #253c7f;
text-align:center;
}
#alert{display:none;}
#container{	
width:1012px;
text-align:left;
margin:5px auto;
background: url(/assets/global/img/content_bgd.png) repeat-x #fff;
background-position: 0px 110px;
}
.wordmark{
background:url(/assets/global/img/hampton_university.png) no-repeat; 
width:367px;
height:90px;
float:left;
margin:10px 0 15px 10px;
clear:none;
}

/*topright audience links*/
.trholder{
float:right;
clear:none;
width:555px;
}
.trholder ul{
list-style-type:none;
margin:0 0 40px 0px;
font-size:12px;
}
.trholder li{
display:inline;
padding-right:20px;
}
.trholder li a{
color:#003384;
text-decoration:none;
}
.trholder li a:hover{
color:#000;
text-decoration:none;
}

/*search*/
.search{
margin: -8px 30px 11px 0;
#margin: -10px 30px 0px 0;
padding: 0;
position:relative;
float:right;
}

#cse-search-box{margin-top:3px;}
#search_button{padding:1px 0 0 3px;}
input#q{float:left;width:182px;}


/*
.search_button{
position:absolute;
border: 0px;
padding:7px 0px 0 0;
margin-left:-10px;
}
.search_field{
float:left;
border:0;
margin-left: 7px;
margin-top: 4px;
padding: 0;
width:200px;
height: 21px;
padding: 1px 0px 0px 10px;
#padding: 5px 0px 0px 10px;
font: 12px Arial;
}
#sitesearch{
background:url(/assets/global/img/search.png) 2px 1px no-repeat;
}
#sitesearch_focus{
background:url(/assets/global/img/search_h.png) 2px 1px no-repeat;
}
*/


#vc{background:url(/assets/global/img/footer_skyline_comp.png) no-repeat #fff;width:1012px;height:77px;float:right;margin-top:-31px;}
#sailboat{margin:-110px 0 0 830px;z-index:1000;position:absolute;}
#btmlinks{margin:0 auto;background:#adbbca;height:130px;clear:both;padding-top:30px;padding-left:22px;}
#btmlinks ul{list-style-type:none; width:900px;display:inline;}
#btmlinks ul li {display:inline;float:left;width:162px;font-size:12px;color:#333;font-weight:bold;}
#btmlinks ul li ul li{clear:left;font-size:11px;font-weight:normal;padding-left:4px}
#btmlinks ul a {color:#333;text-decoration:none;}
#btmlinks ul a:hover {color:#fff;text-decoration:none;}


/*footer*/
#footer{
margin: 4px 0 0; 
padding:2px 78px 0; 
font-size:11px; 
color:#888; 
text-align: center;
background:url(/assets/global/img/footer_bgd.png);
height:38px;
}
#footer .copyr{
float: left;
}
#footer .addy{
float: right;
}
#footer a {
color: #666666;
text-decoration: none; 
}
#footer a:hover {
color: #003384; 
text-decoration: underline; 
}
#footer ul {
margin: 0px 0px 6px; 
padding: 0; 
}
#footer li {
background: url(/assets/global/img/bullet_footer.gif) no-repeat 0 5px; 
display: inline;
letter-spacing: 1px; 
line-height: 12px; 
margin: 0; 
padding: 0 12px 0 24px; 
text-transform: uppercase;
}
#footer li:first-child {
background: none;
}



/*superfish dropdown menu*/
#nav{
width:1000px;
height:24px;
margin:10px auto 0;
#margin:0 auto;
background:url(/assets/global/img/ch_bgd2.png);
padding-bottom:6px;
clear:both;
}
.sf-menu, .sf-menu * {
margin:			0;
padding:		0;
list-style:		none;
z-index:100;
}
.sf-menu ul {
position:		absolute;
top:			-999em;
}
.sf-menu ul li {
width:			165px;
}
.sf-menu li:hover {
visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float:			left;
position:		relative;
}
.sf-menu a {
display:		block;
position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left:			0;
top:			27px; /* match top ul list item height */
z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left:			165px;  /*match ul width */
top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left:			165px; /* match ul width */
top:			0;
}

/*** SKIN ***/
.sf-menu {
float:			left;
padding:0px 0 0 0;
}
.sf-menu a {
padding: 		3px 0 4px;
text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
color:			#13a;
}
.sf-menu li {
border-left:	1px solid #fff;
text-align:center;
width:165px;
padding:3px 0;
}
.sf-menu li li {
font-size:12px;
border-left:0;
border-top:		1px solid #ddd;
padding-left:3px;
text-align:left;
width:162px;
background:		#fff;
}
.sf-menu li li li {
font-size:12px;
background:		#9AAEDB;
border-left:0;
padding-left:3px;
text-align:left;
width:165px;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background: url(/assets/global/img/dd_hover.png);
outline:		0;
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
background: url(/assets/global/img/shadow.png) no-repeat bottom right;
#background:none;
padding: 0 8px 9px 0;
-moz-border-radius-bottomleft: 17px;
-moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
background: transparent;
}

/*weather*/
#weather{
width:1000px;
height:30px;
margin:0 auto;
background:url(/assets/global/img/ch_bgd2.png);
}

#weather #weather-txt{
	float: right;
	color: #666;
	font-size: 85%;
	font-weight: bold;
}

#weather #weather-txt img{
	float: left;
	margin: 0px;
	padding: 0px;
}

#weather #weather-txt p{
	line-height: 28px;
	padding: 0px 12px 0px 32px;
	letter-spacing: 0.1em;
}

#weather a{}
#weather a:hover{}

/*li classes*/

.sqshad{}
.sqshad li{
padding-left:12px;
line-height:18px;
background:url(/assets/global/img/icon/square-shadow.png) no-repeat
}
.tri{list-style-type:none;}
.tri li{
padding-left:12px;
line-height:18px;	
background:url(/assets/global/img/icon/triangle.png) no-repeat
}
.tri li:hover{
padding-left:12px;
line-height:18px;
background:url(/assets/global/img/icon/triangle_hover.png) no-repeat;
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Copyright (c) 20010 Janis Skarnelis
 * Examples and documentation at: http://fancybox.net
 *
 * Version: 1.3.0 (02/02/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
 
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	background: transparent;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('/assets/global/img/fancybox/fancy_loading.png') no-repeat;
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 32px;
	height: 32px;
	background: url('/assets/global/img/fancybox/fancy_close.png') top left no-repeat;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background: url('/assets/global/img/fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background: transparent url('/assets/global/img/fancybox/fancy_title_left.png') repeat-x;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background: transparent url('/assets/global/img/fancybox/fancy_title_main.png') repeat-x;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background: transparent url('/assets/global/img/fancybox/fancy_title_right.png') repeat-x;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('/assets/global/img/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background: transparent url('/assets/global/img/fancybox/fancy_nav_left.png') no-repeat;
}

#fancybox-right-ico {
	background: transparent url('/assets/global/img/fancybox/fancy_nav_right.png') no-repeat;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

div.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	z-index: 1001;
}

div#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('/assets/global/img/fancybox/fancy_shadow_n.png') repeat-x;
}

div#fancy-bg-ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/assets/global/img/fancybox/fancy_shadow_ne.png') no-repeat;
}

div#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('/assets/global/img/fancybox/fancy_shadow_e.png') repeat-y;
}

div#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/assets/global/img/fancybox/fancy_shadow_se.png') no-repeat;
}

div#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('/assets/global/img/fancybox/fancy_shadow_s.png') repeat-x;
}

div#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/assets/global/img/fancybox/fancy_shadow_sw.png') no-repeat;
}

div#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('/assets/global/img/fancybox/fancy_shadow_w.png') repeat-y;
}

div#fancy-bg-nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/assets/global/img/fancybox/fancy_shadow_nw.png') no-repeat;
}

/*note blockquote*/

.note{
	background: #CCC url(/assets/global/img/note_bg.gif) left center no-repeat;
	border: 1px solid #CCC;
	min-height:40px;
	color: #333;
	margin-left:0;
	width:100%;
}
.note .inner{
	text-align: justify; 
	font-size:inherit;
	min-height:40px;
	margin: 0px 0px 0px 50px; 
	background: #EBEBEB; 
	font-weight: normal;
	font-size:12px;
	padding:3px 10px;
	}

/* For external links */
	a[target = '_blank']{
	padding-right:15px;
	background: url(/assets/global/img/icon/external_link.png) no-repeat right;
	}
	
/* accordion pane - defined globally so basic functionality of accordion tabs exists */
#accordion div.pane {
	display:none;
}

.imgr{float:right;margin:10px;padding:5px;text-align:right;}
.imgl{float:left;margin:10px;padding:5px;text-align:left;}
.imgr p, .imgl p{clear:both;font-size:10px;}
.clear{clear:both;}

/* Bio Modal Windows */
.bio{background:#ddddff;width:800px;}
.bio .lcol{width:170px;float:left;padding:5px 12px;margin-top:42px;}
.bio .rcol{width:530px;float:left;padding:5px 5px;clear:none;margin:0 5px;}
.bio .maintext{}
.bio .maintext ul{margin:0 0 10px 20px;list-style-type:circle;}
.bio .maintext li{padding-bottom:10px;}
.bio .maintext p{padding-bottom:10px;}
.bio .maintext h4{color:#003384;padding-bottom:15px;font-size:18px;}
.bio .image{width:160px;height:200px;background:url(http://img.hamptonu.edu/faculty/placeholder.jpg) no-repeat;}
.bio .image p{clear:left;font-size:12px;font-style:italic;text-align:left;color:#003384;}
.bio .contact{margin:15px 0;}
.bio .lcol a[href^="mailto"] { color: #003384;font-size:11px; }
.bio .offices{font-size:12px;}
.bio .offices dl{float:left;width:260px;margin-bottom:15px;}
.bio .offices dt{font-weight:bold;}
.bio .offices dd{padding:0 0 7px 15px;}
.bio .staff{clear:both;}
.bio .staff ul{margin:0 0 10px 20px;list-style-type:circle;}
.bio .staff li{padding-bottom:10px;}
.bio .credentials ul{margin:0 0 10px 20px;list-style-type:circle;}
.bio .credentials li{padding-bottom:10px;}
.bio .offices h5, .bio .staff h5, .bio .credentials h5{color:#003384;padding-bottom:15px;font-size:15px;}
/*End Bio Modal Style*/

.imgl{float:left;margin:5px;padding:5px;}
.imgl p{text-align:left;font-size:11px;font-style:italic;clear:both;}
.imgr{float:right;margin:5px;padding:5px;}
.imgr p{text-align:right;font-size:11px;font-style:italic;clear:both;}
.imgc{margin:5px auto;padding:5px;}
.imgc p{text-align:center;font-size:11px;font-style:italic;clear:both;}
.tal{text-align:left;}
.tac{text-align:center;}
.tar{text-align:right;}

/*note blockquote original*/	



.note{
	background: #CCC url(/assets/global/img/note_bg.gif) left center no-repeat;
	border: solid #CCC;
	border-width: 1px 1px 1px 0px;
	color: #333;
	width:80%;
	margin:10px auto;
}

.note div{margin: 0px 0px 0px 55px; background: #EBEBEB; padding: 3px 6px 3px 12px; font-size: 80%; font-weight: normal;font-size:12px;padding:10px;min-height:30px;
}



/*note blockquote original*/	



.pdfnote{
	background: #CCC url(http://img.hamptonu.edu/assets/global/icons/acro_50x.png) left center no-repeat;
	border: solid #CCC;
	border-width: 1px 1px 1px 0px;
	color: #333;
	width:80%;
	margin:10px auto;
}

.pdfnote div{margin: 0px 0px 0px 55px; background: #EBEBEB; padding: 3px 6px 3px 12px; font-size: 80%; font-weight: normal;font-size:12px;padding:10px;min-height:30px;
}

.pdfindent{margin: 0px 0px 0px 78px;}

@media print{
#top, #nav, #btmlinks, #footer, #vc{display:none;}
#container{margin:0;left:0;width:auto;}
body, div{background-image:none;background-color:#fff;}
}





