* { margin: 0; padding: 0; }

body {
min-width: 740px;
background-color: #88a290;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: #666;
}

#contain { width: 740px; margin: 0 auto; background-color: #fff; text-align: left; }
#header { width: 740px; height: 130px; }
#header .logo { width: 420px; height: 96px; float: left; }
#header .search { width: 320px; height: 96px; background-image: url(/images/bg_search.gif); 
background-repeat: no-repeat; float: right; text-align: right; }
#header .search .button { margin-top: 10px; margin-right: 20px; }
#topnav { width: 740px; height: 34px; clear: both; }

#header2 { width: 740px; height: 90px; }
#header2 .logo { width: 420px; height: 96px; float: left; }
#header2 .search { width: 320px; height: 96px; background-image: url(/images/bg_search.gif); 
background-repeat: no-repeat; float: right; text-align: right; }
#header2 .search .button { margin-top: 10px; margin-right: 20px; }

#header_navbottomhome { width: 740px; height: 21px; }
#header_navbottomhome #fnavleft { width: 379px; height: 21px; float: left; }
#header_navbottomhome #functionav { width: 361px; height: 21px; background-color: #000; float: right; }

#header_navbottomsub { width: 740px; height: 37px; }
#header_navbottomsub .fnavleft { width: 379px; height: 37px; float: left; }
#header_navbottomsub #fnavright { width: 361px; height: 37px; float: right; }
#header_navbottomsub #fnavright #functionav { width: 361px; height: 21px; background-color: #000; }
#header_navbottomsub #fnavright .colorbar { width: 361px; height: 16px; }

#content_sub { clear: both; }
#content_sub h1 { font-size: 12px; line-height: 18px; color: #000; font-weight: bold; padding: 5px 25px 18px 10px; }
#content_sub h2 { font-size: 12px; line-height: 18px; color: #000; font-weight: bold; padding: 10px 25px 5px 10px; }
#content_sub h3 { font-size: 11px; line-height: 18px; color: #000; font-weight: bold; padding: 10px 25px 0px 10px; }
#content_sub p { padding: 0px 25px 10px 10px; }


#content_sub a:link { color: #666; text-decoration: underline; }
#content_sub a:visited { color: #666; text-decoration: underline; }
#content_sub a:hover { color: #000; text-decoration: underline; }
#content_sub a.red:link { color: #903; text-decoration: none; }
#content_sub a.red:visited { color: #903; text-decoration: none; }
#content_sub a.red:hover { color: #000; text-decoration: none; }
#content_sub a.academicprograms:link { color: #903; font-size: 10px; line-height: 14px; text-decoration: none; }
#content_sub a.academicprograms:visited { color: #903; font-size: 10px; line-height: 14px; text-decoration: none; }
#content_sub a.academicprograms:hover { color: #000; font-size: 10px; line-height: 14px; font-weight: normal; text-decoration: none; }




#content_sub #subnav_grey { width: 159px; background-color: #dbdbdb; border-left: 1px solid #fff; float: left; padding-bottom: 30px; }
#content_sub #subnav_grey p { padding: 0px 5px 10px 10px; }
#content_sub #subnav_grey .feature { font-size: 10px; line-height: 14px; }
#content_sub #subnav_grey .feature p { padding: 10px; padding: 5px 25px 0px 25px; color:#03294e; color:#03294e; }
#content_sub #subnav_grey .feature ul { margin: 0; padding: 5px 15px 5px 20px; list-style-type: none; }
#content_sub #subnav_grey .feature li { background: url(/images/bullet_feature.gif) no-repeat 0 5px; padding: 0px 0px 5px 6px;  color:#03294e; line-height: 14px; }


#content_sub #subnav_biochemistry { width: 159px; background-color: #ffd584; border-left: 1px solid #fff; float: left; padding-bottom: 30px; }
#content_sub #subnav_biochemistry p { padding: 0px 5px 10px 10px; }
#content_sub #subnav_biochemistry .feature { font-size: 10px; line-height: 14px; }
#content_sub #subnav_biochemistry .feature p { padding: 5px 25px 0px 25px; color:#03294e; }
#content_sub #subnav_biochemistry .feature .photo { padding: 5px 25px 0px 20px;}

#content_sub #subnav_bioinformatics { width: 159px; background-color: #efd09b; border-left: 1px solid #fff; float: left; padding-bottom: 30px; }
#content_sub #subnav_bioinformatics p { padding: 0px 5px 10px 10px; }
#content_sub #subnav_bioinformatics .feature { font-size: 10px; line-height: 14px; }
#content_sub #subnav_bioinformatics .feature p { padding: 5px 25px 0px 25px; color:#03294e; }
#content_sub #subnav_bioinformatics .feature .photo { padding: 5px 25px 0px 20px;}

#content_sub #subnav_biomedicalwriting { width: 159px; background-color: #d3ddc2; border-left: 1px solid #fff; float: left; padding-bottom: 30px; }
#content_sub #subnav_biomedicalwriting p { padding: 0px 5px 10px 10px; }
#content_sub #subnav_biomedicalwriting .feature { font-size: 10px; line-height: 14px; }
#content_sub #subnav_biomedicalwriting .feature p { padding: 5px 25px 0px 25px; color:#03294e; }
#content_sub #subnav_biomedicalwriting .feature .photo { padding: 5px 25px 0px 20px;}

#content_sub #subnav_cellbiology { width: 159px; background-color: #cebcd6; border-left: 1px solid #fff; float: left; padding-bottom: 30px; }
#content_sub #subnav_cellbiology p { padding: 0px 5px 10px 10px; }
#content_sub #subnav_cellbiology .feature { font-size: 10px; line-height: 14px; }
#content_sub #subnav_cellbiology .feature p { padding: 5px 25px 0px 25px; color:#03294e; }
#content_sub #subnav_cellbiology .feature .photo { padding: 5px 25px 0px 20px;}

#content_sub #subnav_healthpolicy { width: 159px; background-color: #cae9ea; border-left: 1px solid #fff; float: left; padding-bottom: 30px; }
#content_sub #subnav_healthpolicy p { padding: 0px 5px 10px 10px; }
#content_sub #subnav_healthpolicy .feature { font-size: 10px; line-height: 14px; }
#content_sub #subnav_healthpolicy .feature p { padding: 5px 25px 0px 25px; color:#03294e; }
#content_sub #subnav_healthpolicy .feature .photo { padding: 5px 25px 0px 20px;}

#content_sub #subnav_healthpsychology { width: 159px; background-color: #b5e3b1; border-left: 1px solid #fff; float: left; padding-bottom: 30px; }
#content_sub #subnav_healthpsychology p { padding: 0px 5px 10px 10px; }
#content_sub #subnav_healthpsychology .feature { font-size: 10px; line-height: 14px; }
#content_sub #subnav_healthpsychology .feature p { padding: 5px 25px 0px 25px; color:#03294e; }
#content_sub #subnav_healthpsychology .feature .photo { padding: 5px 25px 0px 20px;}

#content_sub #subnav_pharmbiz { width: 159px; background-color: #cfcee5; border-left: 1px solid #fff; float: left; padding-bottom: 30px; }
#content_sub #subnav_pharmbiz p { padding: 0px 5px 10px 10px; }
#content_sub #subnav_pharmbiz .feature { font-size: 10px; line-height: 14px; }
#content_sub #subnav_pharmbiz .feature p { padding: 5px 25px 0px 25px; color:#03294e; }
#content_sub #subnav_pharmbiz .feature .photo { padding: 5px 25px 0px 20px;}

#content_sub #subnav_pharmaceutics { width: 159px; background-color: #ffd0b9; border-left: 1px solid #fff; float: left; padding-bottom: 30px; }
#content_sub #subnav_pharmaceutics p { padding: 0px 5px 10px 10px; }
#content_sub #subnav_pharmaceutics .feature { font-size: 10px; line-height: 14px; }
#content_sub #subnav_pharmaceutics .feature p { padding: 5px 25px 0px 25px; color:#03294e; }
#content_sub #subnav_pharmaceutics .feature .photo { padding: 5px 25px 0px 20px;}

#content_sub #subnav_pharmadmin { width: 159px; background-color: #f2d98c; border-left: 1px solid #fff; float: left; padding-bottom: 30px; }
#content_sub #subnav_pharmadmin p { padding: 0px 5px 10px 10px; }
#content_sub #subnav_pharmadmin .feature { font-size: 10px; line-height: 14px; }
#content_sub #subnav_pharmadmin .feature p { padding: 5px 25px 0px 25px; color:#03294e; }
#content_sub #subnav_pharmadmin .feature .photo { padding: 5px 25px 0px 20px;}

#content_sub #subnav_pharmtox { width: 159px; background-color: #afb7c5; border-left: 1px solid #fff; float: left; padding-bottom: 30px; }
#content_sub #subnav_pharmtox p { padding: 0px 5px 10px 10px; }
#content_sub #subnav_pharmtox .feature { font-size: 10px; line-height: 14px; }
#content_sub #subnav_pharmtox .feature p { padding: 5px 25px 0px 25px; color:#03294e; }
#content_sub #subnav_pharmtox .feature .photo { padding: 5px 25px 0px 20px;}

#content_sub #subnav_publichealth { width: 159px; background-color: #abd3de; border-left: 1px solid #fff; float: left; padding-bottom: 30px; }
#content_sub #subnav_publichealth p { padding: 0px 5px 10px 10px; }
#content_sub #subnav_publichealth .feature { font-size: 10px; line-height: 14px; }
#content_sub #subnav_publichealth .feature p { padding: 5px 25px 0px 25px; color:#03294e; }
#content_sub #subnav_publichealths .feature .photo { padding: 5px 25px 0px 20px;}




#subnav { width: 159px; }
#subnav .heading { color: #000; font-weight: bold; padding-left: 10px; }
#subnav ul { margin: 0; padding: 5px 5px 5px 10px; list-style-type: none; }
#subnav ul.thirdlevel { margin: 0; padding: 5px 5px 0px 10px; list-style-type: none; }
#subnav li.thirdlevel { background: url(/images/bullet_subnav.gif) no-repeat 0 4px; padding: 0px 0px 5px 8px; font-size: 10px; line-height: 13px; }
#subnav li { background: url(/images/bullet_subnav.gif) no-repeat 0 6px; padding: 0px 0px 5px 8px; line-height: 14px; }
#subnav a:link { color: #000; font-weight: normal; font-size: 11px; text-decoration: none; }
#subnav a:visited { color: #000; font-weight: normal; font-size: 11px; text-decoration: none; }
#subnav a:hover { color: #000; font-weight: bold; font-size: 11px; text-decoration: none; } 





#content_sub #main { width: 570px; background-color: #fff; float: right; }
#content_sub #main_form { width: 690px; background-color: #fff; float: right; margin-right:10px; }
#path { color: #903; font-size: 10px; line-height: 18px; padding: 10px 10px 0px 10px; } 
#path .page_on { color: #666; } 
#path a:link { color: #903; text-decoration: none; }
#path a:visited { color: #903; text-decoration: none; }
#path a:hover { color: #000; text-decoration: none; }

#content_sub #main h1 { font-size: 12px; line-height: 18px; color: #000; font-weight: bold; padding: 5px 25px 18px 10px; }
#content_sub #main h2 { font-size: 12px; line-height: 18px; color: #000; font-weight: bold; padding: 10px 25px 5px 10px; }
#content_sub #main h3 { font-size: 11px; line-height: 18px; color: #000; font-weight: bold; padding: 10px 25px 0px 10px; }
#content_sub #main p { padding: 0px 25px 10px 10px; }

#features_column { width: 180px; margin: 15px 10px 20px 25px; float: right; }
#features_column #box { border: 1px solid #ccc; margin-top: 10px; }
#features_column #box p { font-size: 10px; margin-top: 5px; padding: 5px 10px 5px 15px; line-height: 14px; color: #000; }

#features_column #box ul { margin: 0; padding: 5px 10px 5px 15px; font-size: 10px; line-height: 14px; color: #000; list-style-type: none; }
#features_column #box li { background: url(/images/bullet_content.gif) no-repeat 0 6px; padding: 0px 0px 5px 10px; }

#content_home { clear: both; width: 739px; margin: 0; background-color: #fff; }
#content_home a.home:link { color: #903; font-size: 10px; line-height: 14px; text-decoration: none; }
#content_home a.home:visited { color: #903; font-size: 10px; line-height: 14px; text-decoration: none; }
#content_home a.home:hover { color: #000; font-size: 10px; line-height: 14px; text-decoration: none; }
#content_home #intro { width: 535px; float: left; }
#content_home #intro #photo_introtext { width: 535px; }

#content_home #intro #research_news { width: 510px; background-color: #ccc; margin: 10px; }
#content_home #intro #research_news p { padding: 50px 50px 10px 20px; color: #000; font-size: 10px; line-height: 14px; }
#content_home #intro #research_news #research { background-image:url(../images/home_researchupdates.gif); background-repeat:no-repeat; width: 200px; background-color: #ccc; float: left; }
#content_home #intro #research_news #news { background-image:url(../images/home_news.gif); background-repeat:no-repeat; width: 294px; background-color: #ccc; border-left: 1px solid #fff; float: right;  }

#content_home #right { width: 204px; float: right; }

#content_home #right #portals_spotlight { width: 194px; background-color: #eaeaea; padding: 16px 0px 10px 0px; }
#content_home #portals_spotlight p { padding: 0px 5px 0px 0px; font-size: 10px; line-height: 14px; }
#content_home #portals_spotlight .portals { color: #903; padding: 0px 10px 10px 10px; }
#content_home #portals_spotlight .spotlighttitle { padding: 0px; }
#content_home #portals_spotlight a.red:link { color: #903; font-size: 10px; line-height: 14px; text-decoration: none; }
#content_home #portals_spotlight a.red:visited { color: #903; font-size: 10px; line-height: 14px; text-decoration: none; }
#content_home #portals_spotlight a.red:hover { color: #903; font-size: 10px; line-height: 14px; text-decoration: none; }
#content_home #portals_spotlight .spotlightfeature { text-align: left; color: #000; padding: 16px;}

#content_home #right #portals_spotlight2 { width: 194px; background-color: #B02342; padding: 16px 0px 10px 0px; }
#content_home #portals_spotlight2 p { padding: 0px 5px 0px 0px; font-size: 10px; line-height: 14px; }
#content_home #portals_spotlight2 .portals { color: #903; padding: 0px 10px 10px 10px; }
#content_home #portals_spotlight2 .spotlighttitle { padding: 0px; }
#content_home #portals_spotlight2 a.red:link { color: #903; font-size: 10px; line-height: 14px; text-decoration: none; }
#content_home #portals_spotlight2 a.red:visited { color: #903; font-size: 10px; line-height: 14px; text-decoration: none; }
#content_home #portals_spotlight2 a.red:hover { color: #903; font-size: 10px; line-height: 14px; text-decoration: none; }
#content_home #portals_spotlight2 .spotlightfeature { text-align: left; color: #000; padding: 16px;}


#content_landing { clear: both; width: 739px; margin: 0; background-color: #fff; }
#content_landing a.home:link { color: #903; font-size: 10px; line-height: 14px; text-decoration: none; }
#content_landing a.home:visited { color: #903; font-size: 10px; line-height: 14px; text-decoration: none; }
#content_landing a.home:hover { color: #000; font-size: 10px; line-height: 14px; text-decoration: none; }
#content_landing #intro { width: 739px; float: left; }
#content_landing #intro #photo_introtext { width: 535px; }

#content_landing #intro #research_news { width: 510px; background-color: #ccc; margin: 10px; }
#content_landing #intro #research_news p { padding: 50px 50px 10px 20px; color: #000; font-size: 10px; line-height: 14px; }
#content_landing #intro #research_news #research { width: 200px; background-color: #ccc; float: left; }
#content_landing #intro #research_news #news { width: 294px; background-color: #ccc; border-left: 1px solid #fff; float: right; padding-bottom: 20px; }

#content_landing #right { width: 204px; float: right; }

#content_landing #right #portals_spotlight { width: 194px; background-color: #eaeaea; padding: 16px 0px 10px 0px; }
#content_landing #portals_spotlight p { padding: 0px 5px 0px 0px; font-size: 10px; line-height: 14px; }
#content_landing #portals_spotlight .portals { color: #903; padding: 0px 10px 10px 10px; }
#content_landing #portals_spotlight .spotlighttitle { padding: 0px; }
#content_landing #portals_spotlight a.red:link { color: #903; font-size: 10px; line-height: 14px; text-decoration: none; }
#content_landing #portals_spotlight a.red:visited { color: #903; font-size: 10px; line-height: 14px; text-decoration: none; }
#content_landing #portals_spotlight a.red:hover { color: #903; font-size: 10px; line-height: 14px; text-decoration: none; }
#content_landing #portals_spotlight .spotlightfeature { text-align: left; color: #000; padding: 16px;}

#content_landing #right #portals_spotlight2 { width: 194px; background-color: #B02342; padding: 16px 0px 10px 0px; }
#content_landing #portals_spotlight2 p { padding: 0px 5px 0px 0px; font-size: 10px; line-height: 14px; }
#content_landing #portals_spotlight2 .portals { color: #903; padding: 0px 10px 10px 10px; }
#content_landing #portals_spotlight2 .spotlighttitle { padding: 0px; }
#content_landing #portals_spotlight2 a.red:link { color: #903; font-size: 10px; line-height: 14px; text-decoration: none; }
#content_landing #portals_spotlight2 a.red:visited { color: #903; font-size: 10px; line-height: 14px; text-decoration: none; }
#content_landing #portals_spotlight2 a.red:hover { color: #903; font-size: 10px; line-height: 14px; text-decoration: none; }
#content_landing #portals_spotlight2 .spotlightfeature { text-align: left; color: #000; padding: 16px;}



#footer { background-color: #333; background-image: url(/images/bg_footer.gif); background-repeat: no-repeat; height: 41px; padding: 9px 0px 0px 40px; margin-bottom: 0px; } 
#footer .address{ color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 8px 0px 5px 10px;
line-height: 12px; } 
#footer a:link { color: #fff; text-decoration: underline; }
#footer a:visited { color: #fff; text-decoration: underline; }
#footer a:hover { color: #fff; text-decoration: underline; }



#top { padding: 0px 25px 10px 10px; color:#999; text-align: right; }
#top a:link { color: #999; text-decoration: underline; }
#top a:visited { color: #999; text-decoration: underline; }
#top a:hover { color: #666; text-decoration: underline; }

ul { margin: 0; padding: 0px 25px 5px 35px; list-style-type: none; }
li { background: url(/images/bullet_content.gif) no-repeat 0 7px; padding: 0px 0px 5px 8px; }

ul.floatpic { margin: 0; padding: 0px 25px 5px 220px; list-style-type: none; }
li.floatpic { background: url(/images/bullet_content.gif) no-repeat 0 7px; padding: 0px 0px 5px 8px; }


form { margin: 0; padding: 0px; }
/*
PLEASE do not uncomment this Style. Defining a style using the element type 'form label' is
disrupting the render of the asp.net forms. If you need to keep this style, you must define class
and associate each label with it. If you require more information please contact v.chau@usip.edu 
and s.strato@usip.edu. Thank you.

form label { 
	float: left; width: 150px; display: block; clear: both; }
	form labelspan { 
	clear: both; }
*/
for p { clear: both; } 

.red { color: #c00; } 


.callout {
	background-color: #C7DBEB;
	margin: 1em;
	float: right;
	height: auto;
	width: 200px;
	border: 1px solid #A1A1A1;
	padding-top: 0em;
	padding-right: .25em;
	padding-bottom: .25em;
	padding-left: .25em;
}
.callout h2 {
	color: #D2EEFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #396B9D;
}
#features_column_wide {
	width: 300px;
	float: right;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 25px;
	background-color: #990033;
}