body,
table,
tr,
td,
p,
a,
div,
h1,
h2,
h3,
h4,
h5,
ul,
li{
margin:0;
padding:0;
}

:-moz-any-link:focus {
  outline: none;
}

button{
padding:0;
margin:0;
border:0;
}

/* Global Stuff
===============================*/
body{
background:url(../img/body_bg.jpg) #f9fafb repeat-x top left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:1.5em;
color:#757575;
}

ul{
	margin:0px 0 0 25px;
}

h1{
border-bottom:1px solid #c1c1c1;
padding:0 0 10px 0;
margin:0 0 10px 0;
font-size:180%;
font-weight:normal;
color:#4b98c4;
line-height:normal;
}

h2{
margin:0 0 10px 0;
font-size:125%;
color:#4b98c4;
line-height:normal;
}

h3{
margin:0px;
font-size:105%;
font-weight:bold;
color:#5b87af;
}

h4{
border-bottom:1px solid #c1c1c1;
padding:0 0 8px 0;
margin:0 0 10px 0;
font-size:125%;
font-weight:normal;
color:#4b98c4;
}

h5{
font-size:130%;
font-weight:bold;
font-style:italic;
text-transform:uppercase;
color:#ad0a17;
}

p{
padding:0;
margin:0 0 15px;
}

a:link, a:visited, a:hover, a:active {
	color: #5b87af;
}
a:hover, a:active {
	color: #565656;
	text-decoration:underline;
}

/* Useful Classes
===============================*/
.clear {
	clear:both;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.h-line {
border-bottom:1px solid #c1c1c1;
margin:30px 0;

}

.clearDivider{
	padding:0 5px 25px;
	border-bottom:1px dotted #999999;
	clear:both;
}

.clearLine{
border-bottom:1px solid #c1c1c1;
margin:0 0 12px 0;
clear:both;
}

.titleLine{
border-bottom:1px solid #c1c1c1;
margin:0 0 20px 0;
clear:both;
}

.clearDotted{
border-bottom:1px dotted #c1c1c1;
margin:0 0 12px 0;
clear:both;
}

.picLeft{
	float:left;
	margin:0 10px 0 0;
}

.picRight{
	float:right;
	margin:0 0 0 10px;
}

.caption{
background-color:#E1E1E1;
color:#777777;
font-size:90%;
line-height:14px;
padding:10px 20px;
width:auto;
}

.cleanList{
	list-style:none;
}

.niceList{
	margin:10px 20px;
}

/* General ContentAreas
===============================*/

#mainContainer{
width:940px;
margin:0 auto;
background:url(../img/glow_bg.jpg) no-repeat top;
}


#mainContentHome{
color:#757575;
width:940px;
}

#mainContent{
background:url(../img/mainContent_bg.png) repeat-y;
color:#757575;
width:940px;
}

#content{
background-color:#fff;
background:url(../img/contentBG1pixel.jpg) repeat-y;
width:920px;
margin:0 auto;
}

#contentTop{
	background:url(../img/content_top.jpg) no-repeat;
	height:20px;
	width:940px;
}

#contentHome{
background:url(../img/contentHome1PX_bg.png) repeat-y;
}

#contentBottom{
background:url(../img/contentHome_bottom.png) no-repeat;
height:20px;
width:940px;
}

#sliderBtn{
	background:url(../img/slider_btn.png) no-repeat;
	position:relative; 
	top:-15px; 
	left:10px;
	width:344px;
	height:26px;
}

#contentAll{
background-color:#FFF;
padding: 10px 20px;
float:left;
}

#flashContainer{
width:924px;
margin:-10px auto 0 auto;
height:339px;
text-align:center;
}

#storiesContainer{
width:800px;
margin:0px;
height:600px;
text-align:center;
padding:20px 0 0 20px;
}

.search h4{
font-size:150%;
color:#4b98c4;
height:23px;
padding:3px 0 0 10px;
margin:20px 0 10px 0;
background-color:#f1f1f1;
}

.search div a{
	padding-left:10px;
	font-size:120%;
}

.title{
font-size:170%;
color:#4b98c4;
padding-bottom:5px;
letter-spacing:-0.035em;
line-height:normal;
}



.subtitle{
font-size:120%;
color:#A31113;
font-weight:bold;
padding-bottom:8px;
letter-spacing:-0.015em;
line-height:normal;

}

.title a:link,
.title a:visited,
.title a:hover,
.title a:active{
text-decoration:none;
}

.title a:hover,
.title a:active{
text-decoration:underline;
}


/*Content Left Stuff
==========================*/
#contentLeftHome{
float:left;
margin:0 0 12px 10px;
width:344px;
min-height:287px;
*height:293px;
}

#contentLeftHome img{
margin-bottom:0;
}

#contentLeft{
/*background:url(../img/sidebar_bg.jpg) repeat-x;*/
background-color:#d9d9d9;
width:277px;
padding:3px 6px 0 6px;
float:left;
}

#sideBarNews{
background-color:#f7f7f8;
border:2px #FFF solid;
margin:10px auto;
width:248px;
padding:10px;
}

#sideBarNewsHome{
position:relative;
top:25px;
width:300px;
margin:0 auto;
}

#sideBarEvents{
background-color:#f7f7f8;
border:2px #FFF solid;
margin:10px auto;
width:248px;
padding:10px;
}

.newsItemHome{
margin:0 0 20px 0;
line-height:normal;
}

.newsItem{
margin:0 0 15px 0;
}

.eventsItemHome{
margin:0 0 20px 0;
}

.eventsItem{
margin:0 0 15px 0;
}

.newsMore{
	position:relative;
	text-align:right;
	z-index:20;
	bottom:-21px;
}

/*Content Right Stuff
==========================*/
#seotext{
	margin-bottom:30px;
}

#seotext p{
font-size:12px;
line-height:1.5em;
}

#contentRightHome{
/*background:url(../img/rightHome_bg.png) no-repeat;
*/
padding:20px 20px 0;
width:538px;
float:left;
}

#contentRight{
background-color:#FFF;
padding:30px 40px;
width:551px;
float:left;
}



.journalsItem{
float:left;
width:400px;
}

.journalsItem p{
margin:0 0 0 0;
padding:0;
}

/*Navigation
==========================*/
#nav{
background:url(../img/nav_container.png) no-repeat;
height:83px;
margin:0;
padding:0;
position:relative;
z-index:20 !important;
}

#logo{
margin:0 0 0 10px;
float:left;
width:233px;
}

#nav ul{
list-style:none;
}

#nav ul li{
display:inline;
}

#nav li a{
height:71px;
display:block;
}

#about_btn a{
background:url(../img/nav/about_btn.gif) no-repeat;
background-position:top;
width:139px;
}

#about_btn a:hover,
#about_btn a:active{
background-position:bottom;
}

#services_btn a:link,
#services_btn a:visited,
#services_btn a:hover,
#services_btn a:active{
background:url(../img/nav/healthservices_btn.gif) no-repeat;
background-position:top;
width:137px;
}

#services_btn a:hover,
#services_btn a:active{
background-position:bottom;
}


#education_btn a:link,
#education_btn a:visited,
#education_btn a:hover,
#education_btn a:active{
background:url(../img/nav/healtheducation_btn.gif) no-repeat;
background-position:top;
width:136px;
}

#education_btn a:hover,
#education_btn a:active{
background-position:bottom;
}

#research_btn a:link,
#research_btn a:visited,
#research_btn a:hover,
#research_btn a:active{
background:url(../img/nav/research_btn.gif) no-repeat;
background-position:top;
width:138px;
}

#research_btn a:hover,
#research_btn a:active{
background-position:bottom;
}


#firms_btn a:link,
#firms_btn a:visited,
#firms_btn a:hover,
#firms_btn a:active{
background:url(../img/nav/bioscience_btn.gif) no-repeat right;
background-position:top;
width:133px;
}

#firms_btn a:hover,
#firms_btn a:active{
background-position:bottom;
}

.archive{
font-size:14px;
margin:0px 2px 30px 0;
background-color:#f1f1f1;
border:1px dashed #bbb;
padding:5px 10px 3px 10px;
width:330px;
float:left;
}

.archive a{
color:#eb9f0c;

}

.archive a:hover{
color:#757575;
}

#memberBtn a:hover{
opacity:.8;
cursor:pointer !important;
}



/*Search Bar and Page
==========================*/
#infoBar{
background:url(../img/home_bar2.png) no-repeat;
height:65px;
}

#subscribeHome{
width:357px;
float:left
}

#subscribeForm{
float:right;
padding:15px 24px 0 0;
}

#memberBtn{
width:261px;
float:left;
}

#subscribeInput{
background:#FFF url(../img/input_bg.gif);
width:148px;
height:22px;
margin:0;
padding:0;
border:none;
float:left;
}

#subscribeBtn{
background:url(../img/subscribe_btn.jpg) no-repeat;
width:93px;
height:22px;
border:none;
margin:0;
padding:0;
float:left;
cursor:pointer !important;
}

#searchHome{
width:322px;
float:right;
padding-top:15px;
}

#searchForm{
float:right;
padding:0 24px 0 0;
}

#searchBtn{
background:url(../img/search_btn.jpg) no-repeat;
width:75px;
height:22px;
border:none;
margin:0;
padding:0;
float:left;
cursor:pointer !important;
}

#searchInput{
background:#FFF url(../img/input_bg.gif);
width:148px;
height:22px;
margin:0;
padding:0;
border:none;
float:left;
}

#searchPage{
border-bottom:1px solid #e1e1e1;
padding:0 0 8px 0;
margin:0 0 10px 0;
}

#searchPage h1{
font-size:180%;
font-weight:normal;
color:#4b98c4;
width:180px;
float:left;
border-bottom:none;
padding:0;
margin:0;
}

#searchPage #search{
float:right;
padding:0px;
margin:-4px 0 0 0;
}

/*Footer Stuff
==========================*/
#infoBar_bottom{
background:url(../img/footer_bg.png) no-repeat;
color:#FFF;
height:85px;
width:940px;
}

#footer{
font-size:10px;
line-height:15px;
margin:10px 15px;
}

#footer a:link,
#footer a:visited{
color:#757575;
text-decoration:none;
}

#footer a:hover{
	color:#5b87af;
}

#footerLeft{
float:left;
width:65%;
}

#footerRight{
float:left;
width:35%;
}

#footer ul{
list-style:none;
}

#footer li a{
float:left;
display:block;
margin:0 5px;
height:44px;
width: 95px;
}

#progress_btn a:link,
#progress_btn a:visited,
#progress_btn a:hover,
#progress_btn a:active{
background:url(../img/progress_footer.jpg) no-repeat;
background-position:top;
}

#progress_btn a:hover,
#progress_btn a:active{
background-position:bottom;
}

#mission_btn a:link,
#mission_btn a:visited,
#mission_btn a:hover,
#mission_btn a:active{
background:url(../img/mission_footer.jpg) no-repeat;
background-position:top;
}

#mission_btn a:hover,
#mission_btn a:active{
background-position:bottom;
}

#medicine_btn a:link,
#medicine_btn a:visited,
#medicine_btn a:hover,
#medicine_btn a:active{
background:url(../img/medicine_footer.jpg) no-repeat;
background-position:top;
}

#medicine_btn a:hover,
#medicine_btn a:active{
background-position:bottom;
}

/* Accordian Styles
=========================*/
.toggler{
background:url(../img/accordianBtn_bg.gif);
cursor: pointer;
font-weight:normal;
font-size:120%;
height:23px;
padding:3px 0 0 10px;
margin:5px 0 0 0;
}

.togglerActive{
background:url(../img/accordianBtn_bg2.gif);
opacity:.5;
cursor: pointer;
font-weight:normal;
font-size:120%;
height:23px;
padding:3px 0 0 10px;
color:#2a2a2a;
}

.element {
overflow: hidden;	/* ARGH! Undocumented requirement of accordion! */
padding:10px;
}

.element div.item{
margin:10px 0 20px;
}

.item .leaderImage div.image{
	float:left;
	margin:0;
	padding:0;
}

.item div.image{
float:left;
margin:5px 15px 15px 0;
min-height:120px;
}

.element p{
margin:0;
padding:0;
}

.element ul{
margin:0 0 0 25px;
}

.element ul li{
margin:10px 0;
border-bottom:1px solid #e1e1e1;
padding: 0 10px 10px 10px;
}

/*Gallery Display Stuff
==========================*/

#gallery ul{
	margin:0;
	list-style:none;
}

#galleryMenu {position:relative;}

/* Hide Dropdown menu and set dimensions */
ul#galleryMenu li ul.submenu {display:none; border-bottom:1px dashed #bbb; border-left:1px dashed #bbb; border-right:1px dashed #bbb; border-top:1px dashed #bbb;}

ul#galleryMenu li ul.submenu li {margin:0; padding:0; font-size:11px;}

ul#galleryMenu li ul.submenu h4 {font-size:15px; color:#057996; margin-bottom:5px;}

/* clear all styling of dropdown a tags */
ul#galleryMenu li ul li a {font-size:11px; cursor:pointer; text-decoration:none; color:#FFF; background:none; display:none;}

/* set drop down style and position */
ul#galleryMenu li:hover ul.submenu {display:block; position:absolute; top:28px; left:0;  background-color:#f1f1f1;}

/* GALLERIES DROPDOWN */
ul#galleryMenu li {float:left; position:relative; margin:0;}
ul#galleryMenu li ul {width:inherit; left:0px;}
ul#galleryMenu li ul {float:left; padding:20px;}
ul#galleryMenu li ul li a:link, ul#galleryMenu li ul li a:visited{background:none; float:none; display:block; color:#bbb; border:none; padding:10px;}
ul#galleryMenu li ul li a:hover {color:#F33; }

ul.submenu li a:link img, ul.submenu li a:visited img{color:#bbb;}
ul.submenu li a:hover img, ul.submenu li a:active img {color:#F33;}

/* Might Not Need
=========================*/
		/* I (Camacho) added these for development*/
		div#header li {
			/* horizontal list */
			display: inline;
		}
		img.p_img {
			/* image at the top of a paragraph */
			float: left;
			padding-right: 10px;
		}
		* a {
			background: none;
		}

		/* see bool2yesno() and related functions in app/biomed_util.php file */
		.yes {
			color: #006600;
		}
		.no {
			color: #660000;
		}
		
		/* Added these after changing the template */
		div#logo img {
			float: left;
		}
		div#header ul {
			padding-top: 20px;
		}
		div#header li {
			list-style-type: none;
			margin: 0;
			padding: 10px;
			white-space: nowrap;
			font-size: 130%;
		}
		div.actions li {
			display: inline;
			list-style-type: none;
			margin: 0 10px 0 0;
			white-space: nowrap;
		}
		
		#subMenu{
		list-style:none;
		position:relative;
		top:-10px;
		right:-10px;
		float: right;
		}
				
		#subMenu li{
			margin: 0 2px 0 0;	
		}		
				
		/* add these for the paragraph folding */
		.moreButton {
			background: #eee;
			cursor: pointer;
		}
		
		/* added for promos sidebar */
		#sideBarPromos{
		background-color:#f7f7f8;
		border:2px #FFF solid;
		margin:10px auto;
		width:248px;
		padding:10px;
		}
		.promosItem{
		margin:0 0 15px 0;
		}
		
		#sideBarJournals{
		background-color:#f7f7f8;
		border:2px #FFF solid;
		margin:10px auto;
		width:248px;
		padding:10px;
		}
		.journalItem{
		margin:0 0 15px 0;
		}
		
		/* More... links in the sidebar */
		.morelink {
			clear: both;
			text-align: right;
		}
		
		
		
		/* Added from the stakeholders pages... */
		#quicksearch{display:inline;}

		.member_filter{
			background:url(/img/nav/btn_bg.gif);
			height:26px;
			width:450px;
			margin-top:-12px;
			border-bottom:1px solid #CCCCCC;
			border-right:1px solid #CCCCCC;
			margin-bottom:5px;
			float:left;
		}
		
		a.button{
			background:transparent none;
			border:none;
			border-left:1px solid #ccc;
			cursor:pointer;
			padding:2px 7px;
			padding-top:30;
			font-size:11px;
			margin-top:4px;
			float:left;
			display:block;
			text-decoration:none;
			font-weight:bold;
			color:#555;
		}
		
		.memberBtn{
			float:left;
			width:92px;
			margin-left:-2px;
			margin-top:-12px;
			
		}
		
		.memberBtn a:hover{
			opacity: .7;
		}
		
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			.button { 
				padding:7px 9px;
				font-size:11px;
			}
		}
		
		input{
			width:146px;
			height:14px;
			*margin:0 0 4px 0;
			*width:147px;
		}
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			input { 
				width:150px;
				margin:0 0 1px 0;
			}
		}
		
		button:hover{
			color:#eb9f0c;
	}