/* Bristol CSS Document */


.quickJump ul li{ margin: 0px; padding: 0px;}

.blueBin {font-family: times}


/*** Tabs ***/

#tabs {
	height: 1.7em;
	margin-left: 10px;
	cursor: pointer;
	margin-left: 0;
	font-size: .9em;
	font-weight: normal;
}

.mediabox #tabs {
	height: 2.0em;
	margin-left: 10px;
	cursor: pointer;
	margin-left: 0;
	font-size: 1.0em;
	font-weight: normal;
}


#mainContent .mediabox #tabs .unselected a {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.2em;
font-weight: bold;
}

.mediabox ul li {
padding-bottom: 10px;

}

.mediabox ul li em {
	font-style: italic;
	font-variant: small-caps;
	}
	
.mediabox ul li span {
	font-size: .9em;
}
	
#tabBox .tabNav a {font-size: 12pt; padding: 0 .3em;}

#tabBox {font-size: 12pt;
	}

#mainContent #tabs .unselected a {
	text-decoration: none;
	background: #E2E3E4; 
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #eee;
	padding: 5px 4px 2px 4px; 
	margin: 0 2px 0 0;
	color: #003a67; 
	float: left;
}

#mainContent #tabs .unselected a:hover {background: #BDBDBD; color: #fff;}
#mainContent #tabs .selected a:hover {background: #D9EFF3; color: #003a67; }

#mainContent #tabs .selected a {
	text-decoration: none;
	background: #D9EFF3; 
	padding: 5px 4px 2px 4px; 
	color: #003a67; 
	margin: 0 2px 0 0;
	float: left;
}

.tabContent {	
	border:  1px solid #eee; 
	background: #fff url(../img/site/bluefade.gif) top left repeat-x;
	padding: .3em;
	font-size: .9em;
	margin: 0;
	cursor: pointer;
	color: #333;
}

#pageContainer #mainContent .tabContent ul li a {
	color: #003a67;
	cursor: pointer;
}	

#pageContainer #mainContent .tabContent ul li a:hover {background-color: #fff; color: #DB7834;}

.tabContent img {border: 1px solid #ddd; padding: .2em; margin: .2em;}
#mainContent .tabContent h4 {font-family: Georgia, "Times New Roman", Times, serif; color: #003a67; padding: 0;}



/******************************/
/*     Two column design      */
#pageContainer.government .rightcolumn,
#pageContainer.ohc .rightcolumn  
{
	display: none;
	width: 0;
}
#pageContainer.government .centercolumn, 
#pageContainer.ohc .centercolumn
{
	margin-right: 0;
	padding-right: 1em;
}
#pageContainer.government #wrapper1,
#pageContainer.ohc #wrapper1
{
	background: transparent;
}

#pageContainer.home #middleFooterarea, #pageContainer.healthyri #middleFooterarea, #pageContainer.ohc #middleFooterarea {
	margin: 0px 170px 0px 170px;
	background: url(../img/site/wave_center.gif) top left repeat-x;
	height: 65px;
	color: #99D9E8;
	padding: 0;

}

#pageContainer.government #footerMain1, #pageContainer.healthyri #footerMain1, #pageContainer.ohc #footerMain1 {
	margin: 0px; padding: 0px; 
	background: url(../img/site/footer_transparent.gif) right bottom no-repeat;
	height: 65px;
}



/***************************** Top Nav Styles ************************************/
#topNav { 
	text-align: right;
	background: #3992BE;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #fff;
	padding: .4em 1em .2em 0;
	font-size: .9em;
	color: #eee;
	

}
#topNav a { 	
	text-decoration: none;
	line-height: 2em;
	color: #fff;
	font-weight: bold;
	padding: .4em 1em;

	
}

#topNav a:hover { 	
	text-decoration: underline;
	color: #def;
	padding: .6em 1em 0.4em 1em;
	margin: 0;
}


#pageContainer.events #topNav a.events, #pageContainer.constituent #topNav a.constituent, #pageContainer.press #topNav a.press, #pageContainer.staff #topNav a.staff, #pageContainer.contact #topNav a.contact {
	background: #3992BE url(../img/site/topNavHover.gif) top left repeat-x;
	color: #003a67;
	padding: .6em 1em 0.4em 1em;
	border-width: 0 1px;
	border-style: solid;
	border-color: #fff;
	margin: 0;
}



#mainContent .video h4 {margin: 0; padding: 0; font-size: 1.2em; color: #003a67;}


#mainContent .columnSpread h3 {font-size: .95em; padding: 3px; background-color:#ddd; font-weight:normal; font-family:Arial, Helvetica, sans-serif; margin-bottom: 4px; border-bottom:1px solid #ccc;}

#pageContainer #mainContent .banner img {max-width: 100%; background-color: #fff; border: 1px solid #eee; width: 98%; margin-bottom: 10px;}

#mainContent img {border: 1px solid #ccc; margin: .2em; padding: .4em; background-color: #fff;}

#pageContainer #mainContent .infoblock a {font-weight: bold;}

.infoblock {padding: 4px 4px 4px 60px; color: #194b80;  margin: 6px 5px 15px 0; width: 203px;}
#mainContent .infoblock h3 {color: #3C69B2; padding: 0; margin: 0;}
.infoblock.stemcell {background:#F7F8EC url(../img/content/infoblocks/stemcell.jpg) top left repeat-x;}
.infoblock.military {background:#F7F8EC url(../img/content/infoblocks/militaryrelief.gif) top left repeat-x;}
.infoblock.ohc {background:#F7F8EC url(../img/content/infoblocks/ohc.gif) top left repeat-x;}


#pageContainer.calendar #mainContent .lightblueContent .rssheadline {font-weight: bold;}

#mainContent .press .rssheadline a {font-weight: bold; font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.2em;}
#mainContent .rsspubdate {padding-left: .7em; color: #666666; letter-spacing: .2em;}
#mainContent .rssdescription {padding-left: .7em;}

/** Headline slider ***/

.sliderboxNav {
	position: absolute;
	right: 10px;
	top: 14px;
	z-index: 5;
	
}

*+html .sliderboxNav{background: url(../img/site/ieslidernav.gif) top right no-repeat; right: 0; top: 0; padding: .4em;}
* html .sliderboxNav{background: url(../img/site/ieslidernav.gif) top right no-repeat; right: 0; top: 0; padding: .6em;}


#mainContent .sliderboxNav a{
	font-weight: bold; 
	text-decoration: none; 
	backgrond-color: #ccc;
	background-color: rgba(0,0,0,.5); 
	padding: 0 .3em; color: #fff; 	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
}


*+html #mainContent .sliderboxNav a{padding: .3em .5em; }
* html #mainContent .sliderboxNav a{padding: 0em .5em; }
	
#mainContent .sliderboxNav a:hover {background-color: rgba(0,0,0,.2)}

.sliderboxNav div.sliderboxNavMain{
	float:right;
	
}

.sliderboxNav div.progress_box{
	float:right;
	margin-right: 10px;
	
	
}

.sliderboxNav div.progress_box div {
	float:right;
	background-color: rgba(0,0,0,.4);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	vertical-align: bottom;
	padding-top: .2em;
	
	
}


*+html .sliderboxNav div.progress_box div{background: url(../img/site/ie7progress.png) top right no-repeat; padding-top: 0;}
* html .sliderboxNav div.progress_box div{background-color: #194b80;}



#mainContent .sliderboxNav div.sliderboxNavMain a.active_icon {
	font-weight:bold;
	color: #8CCADF;
	font-size: 1.1em;
	vertical-align: bottom;
}

#mainContent ul li.headline {height: 290px;}

#mainContent ul li.headline h3 {position: relative; top: 155px; left: 20px; color: #fff; font-size: 1.8em; font-family:Helvetica, Arial, sans-serif}
#mainContent ul li.headline p {color: #fff; display:block; font-size: 10pt; font-family:Helvetica, Arial, sans-serif; font-weight:bold; padding: 160px 170px 0px 32px; }

/*** Headline Images ***/

#mainContent ul li.headline.one {background: #003A68 url(../img/content/headlines/headline1.jpg) top left no-repeat;}
#mainContent ul li.headline.two {background: #003A68 url(../img/content/headlines/headline2.jpg) top left no-repeat;}
#mainContent ul li.headline.three {background: #003A68 url(../img/content/headlines/headline3.jpg) top left no-repeat;}
#mainContent ul li.headline.four {background: #003A68 url(../img/content/headlines/headline4.jpg) top left no-repeat;}
#mainContent ul li.headline.five {background: #003A68 url(../img/content/headlines/headline5.jpg) top left no-repeat;}
#mainContent ul li.headline.six {background: #003A68 url(../img/content/headlines/headline6.jpg) top left no-repeat;}
#mainContent ul li.headline.commone {background: #003A68 url(../img/content/headlines/headlinecomm1.jpg) top left no-repeat;}
#mainContent ul li.headline.commtwo {background: #003A68 url(../img/content/headlines/headlinecomm2.jpg) top left no-repeat;}



*+html #mainContent ul li.headline p {width: 500px;}
* html #mainContent ul li.headline p {width: 50%;}

#mainContent ul li.headline p {width: 500px;}

#mainContent ul li.headline a {font-weight: bold; color: #fff;}

.subscribe {margin: .5em;}
#mainContent .subscribe h4 {padding: 0;}

#new_slide {margin-top: .5em;}

#mainContent .featurebox {background: url(../img/site/featurebox.gif) top left no-repeat; padding: 20px;}
.featurebox p {font-size: .85em; color: #222;}
#mainContent .featurebox h4 {
	background-color: #fff; 
	color: #333; 
	padding: 0 0 .4em 0; 
	margin: 0; 
	font-weight: normal;
	border-bottom: 1px solid #eee; 
	margin-bottom: .3em; 
	letter-spacing: .1em; 
	font-size:.95em;
}

/*** Legacy Styles ***/

#mainContent .lightyellowContent {border: 1px solid #eee; padding: .3em;}
#mainContent .lightyellowContent h1 {
	background: #194b80 url(../img/site/lightyellowContent.gif) bottom left repeat-x;
	color: #333;
	font-weight: bold;
	font-size: 1.4em;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 4px;
	border-bottom: 3px solid #fff;
	margin: 0px 0px 0px 0px; 
	font-family: Georgia, "Times New Roman", serif;
}

.left {width: 48%; float: left;}
.right {width: 48%; float: right;}


/*** Quick links / sub navigation ***/

#mainContent .quickLinks {
	background-color: #fff;
	margin: 0 10px 0 0;
	padding: 0;
	font-size: .9em;
	line-height: 1.1em;
	width: 12em;
	font-weight: bold;
	color: #194b80;
	border-width: 4px 1px 4px 0;
	border-style: solid;
	border-color: #ddd;
	background-color: #F5F8F9;
	float: left;
}

#mainContent .quickLinks a {font-weight: normal; display: block;}

#mainContent .quickLinks h1{
	font-size: 12px;
	font-weight: bold;
	background-color: #194B80;
	background-image: none;
	color: #fff;
	padding:2px;
	margin: 0;
}

#mainContent .quickLinks ul {margin: 0 0 0 1em; color: #333;}
#mainContent .quickLinks ul li {list-style-type: circle;  margin: 0 0 .2em 0px; }

#mainContent .quickLinks ul li ul {margin: 1em 0 0 1.1em; padding: 0;}	

#topNav {text-align: left;}