/*Hampton Proton Therapy Institute CSS Copyright 2009 Hampton University Center for Information Technology*/

/*Global*/
body{
	background:url(../img/bgd.png) repeat-x #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	}
.left{
	width:274px;
	color:#fff;
	float:left;
	}
.logo{
	min-height:189px;
	width:274px;
	background: url(../img/hupti_logo.png) no-repeat center #fff;;
	}
.nav{
	min-height:468px;
	/*background:#1868a8;*/
	}
.right{
	width:700px;
	clear:none;
	float:right;
	}
#footer{
	color:#000;
	height:35px;
	background:#fff;
	overflow:auto;
	clear:both;
	}
#footer a{color:#a53413;text-decoration:none;}
#footer a:hover{color:#a53413;text-decoration:underline;}


/* Turn off display of PRINT ONLY Styles */
.printheader{display:none;}
.homeprintheader{display:none;}


/* General Styles */
p{padding-bottom:10px;}
p.bio {padding: 0px; margin: 0px 0px 24px;}

.ar{text-align:right;}
.al{text-align:left;}
.ac{text-align:center;}
.aj{text-align:justify;}

a{color:#1868a8;text-decoration:none;}
a:hover{color:#821a29;text-decoration:none;}

h1{color: #036;font-size:130%;}
h2{color:#1868a8;font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;font-size:135%;}
h3{color:#1868a8;font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;font-size:125%;}
h4{background:url(/assets/img/hr.gif) 0px 15px no-repeat; margin: 0px 0px 6px; padding: 0px 0px 6px; font-size: 110%;}

.imgl{float:left;margin:4px;clear:none;}
.imgr{float:right;margin:4px;clear:none;}

ul, ol{margin:10px 45px 0 45px;}
li{padding-bottom:10px;}

.border3b{border-bottom: 3px solid #fff;}
.iconright{float:right;padding-top:3px;padding-right:12px;}

.fr{float:right;}
.fl{float:left;}

.bb{border-bottom:1px dotted #003384;margin: 0 0 7px 0;}
.sansbullet{list-style:none;}

dl{font-family:Arial, Helvetica, sans-serif;}
dt{color:#1868a8; font-size:12px; font-weight:bold; margin-top:10px;}
dd{margin:8px 8px;}

.news{list-style:none;}
.news li{padding-left:25px;}
.newsprint{background:url(/assets/img/news_icon.png) no-repeat;}
.newsaudio{background:url(/assets/img/audio_icon.png) no-repeat;}
.newsvideo{background:url(/assets/img/video_icon.png) no-repeat;}
/* Pullquote and Did You Know Styles */
.pullquote, .dyk{
	color: #606366;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
.pullquote{
	background: url(../img/lead_quote.gif) top left no-repeat; 
	}
.dyk{
	background: url(../img/lead_dyk.gif) top left no-repeat;
	}
.pullquote .quote, .dyk .quote{
	padding: 72px 9px; 
	font-size: 24px; 
	font-style: italic;
	color: #606366;
	}
.pullquote .quote{
	background: url(../img/close_quote.gif) bottom right no-repeat; 
	}
.dyk .quote{
	background: url(../img/close_dyk.gif) bottom right no-repeat; 
	}
.pullquote .small, .dyk .small{
/* This is used in combination with the quote and dyk class for long quotes (ex. - class = "quote small") */
	font-size: 18px;
	}
.quote .credit{
/* This is used after the quote class for creditting the quote (ex. - <p class="quote"><span class = "credit"></span></p>) */
	float: left; 
	font-size: 15px; 
	padding: 18px 54px 0px 0px; 
	clear: none; 
	font-style: normal;
	}
	
	
/*Timeline*/
	ol#timeline {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 12em;
	}
	ol#timeline li{
	border-bottom: 1px solid #006;
	/*clear: both;*/
	font-weight: bold;
	font-size: 120%;
	}
	ol#timeline ol {
	list-style: none;
	margin: 0 0 0 10em;
	padding: 0;
	display: block;
	border-left: 1px solid #006;
	float: left;
	position: relative;
	top: -1em;
	/*background: #fff;*/
	}
	ol#timeline ol li {
	border: 0;
	display: block;
	padding: 0 0.5em 0 0.5em;
	clear: both;
	font-weight: normal;
	font-size: 90%;
	color: #666;
	}
	ol#timeline ol li.nested {
	border-bottom: 1px solid #006;
	color: #003;
	width: 225px;
	#width: auto;
	}
	ol#timeline ul {
	list-style: none;
	margin: 0 0 0 5em;
	padding: 0.5em;
	display: block;
	border: 1px solid #003;
	background: #eeeeee;
	/*width: 30em;*/
	width: 200px;
	float: left;
	position: relative;
	top: -1em;
	}
	ol#timeline ul li {
	color: #003;
	}
	
	
/*Homepage*/
#homecontainer{
	width:977px;
	position:absolute;
	left: -490px;
	margin-left: 50%;
	margin-top:23px;
	text-align:left;
	padding:0 3px 0px 3px;
	border-top:3px solid #fff;
	background:#fff;
	}

.top{}
.header{
	height:270px;
	overflow:hidden;
	background:url(/img/topslide/1.jpg) no-repeat;
	}
.ptitle{
	background:url(../img/tagline.gif) no-repeat;
	height:38px;
	text-align:right;
	}
.maincontent{
	width:425px;
	}
.timeline{
	background:url(../img/timeline-bkg.gif) no-repeat;
	height:120px;
	}
.timeline p{
	padding: 47px 160px 0 20px;
	}
.readmore{
	width:100px;
	background: url(../img/timeline-anchor-bkg.gif) no-repeat;
	height:18px;
	padding:2px 0 0 25px;
	margin:5px 0 0 19px;
	}
.readmore a{
	color:#fff;
	text-decoration:none;
	}
.readmore a:hover{
	color:#e87739;
	}
.welcome{
	background:#821a29;
	height:206px;
	margin-top:3px;
	padding: 20px 25px 0 19px;
	}
.welcome h1{
	font-size:160%;
	padding-bottom:11px;
	font-weight:normal;
	color:#fff;
	}
.welcome p{
	padding:7px 0;
	
	}
.welcome a{
	color:#e87739;
	text-decoration:none;
	}
.maincontentright{
	width:272px;
	float:right;
	}
.support{
	height:120px;
	background: url(../img/support.jpg)
	}
.rotatingimg{
	height:226px;
	margin-top:3px;
	}


/*Secondary*/
#container{
	width:977px;
	position:absolute;
	left: -490px;
	margin-left: 50%;
	margin-top:23px;
	text-align:left;
	background: url(../img/cont_bgd.png) no-repeat  #fff;
	background-position: center;
	background-repeat:repeat-y;
	padding:0 3px 0px 3px;
	border-top:3px solid #fff;
	}

.secright{
	float:right;
	width:700px;
	}
.secright img{
	clear:none;padding:2px 5px 0px 5px;
	}
.sectop{
	background:#fff;
	}
.secheader{
	background: url(../img/header.gif) no-repeat;
	height:106px;
	}
.secbreadcrumb{
	background:#ccddef;
	height:24px;
	margin-top:3px;
	font-size:12px;
	padding:9px 0 0 10px;
	color:#000;
	text-transform: lowercase;  
	}
.secbreadcrumb a{color:#000;text-decoration:none;}
.secbreadcrumb a:hover{color:#003384;text-decoration:underline;}
.secptitle{
	background:#e87739/*#821a29*/;
	height:41px;
	margin:3px 0;
	border-bottom:3px solid #fff;
	}
.secptitle h1{
	font-size:185%;
	font-weight:normal;
	color:#fff;
	padding:9px 0 0 10px;
	}
.secmaincontent{
	width:404px;
	min-height:448px;
	padding:10px;
	color:#000;
	}

.secmaincontentright{
	width:273px;
	min-height:468px;
	float:right;
	}
.secmaincontentright p{
	padding:5px;color:#000;
	}	
.secmaincontentright p.caption{
	width:259px;
	padding:7px;
	font-size:11px;
	text-align:left;
	background:#821a29;
	color:#fff;
	}
.secmaincontentright img{
	margin:-5px -5px 0px -5px;
	}
	
.widecontent{
	background:#dddede;
	color:#000;
	margin-top:-3px;
	padding:10px;
	min-height:458px;
	}


/*News*/
.longnewstitle{font-size:80%;margin-top:-8px;letter-spacing:1px;text-transform:uppercase;}


/*contact form*/
.contactform{
background: url(../img/trscn/60-fff.png);
padding:15px;
color:#000;
margin:0;
font-size:12px;
}

.contactform a{color:#33392b;text-decoration:none;}
.contactform a:hover{color:#fff;text-decoration:none;}


/*Email this page form*/
.emailform{
background: url(../img/trscn/60-fff.png);
padding:15px;
color:#000;
padding-left:120px;
}
.emailform a{color:#33392b;text-decoration:none;}
.emailform a:hover{color:#fff;text-decoration:none;}
.emailform table{}


/*SiteMap*/
.sitemap{}
.sitemap ul{margin:0 0 0 5px;padding:0;list-style:none;}
.sitemap li{
	margin: 3px 0 3px 30px;
}

a:focus {
        outline: none;
}
#panel {
        /*background: #754c24;*/
        width: 100%;
        display: none;
}
.slide {
        margin: 0;
        padding: 0;
        /*border-top: solid 4px #422410;*/
        background: #1868a8;/*url(../img/btn-slide.gif) no-repeat center top;*/
        width: 680px;
}
.btn-slide {
        background: url(../img/white-arrow.gif) no-repeat right -45px;
        text-align: center;
        width: 144px;
        height: 31px;
        padding: 10px 10px 0 0;
        margin: 0 auto;
        display: block;
        font: bold 120%/100% Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration: none;
                width: 570px;
}
.active {
        background-position: right 12px;
}