/* BEGIN CONRAD CSS ----------------------------------------------> */

/*-------------------------- SECTIONS ------------------------------*/
/* #1 General Layout */
/* #2 Header */
/* #3 Main Navigation (home and inside) */
/* #4 Home Page */
/* #5 Content (includes research grid) */
/* #6 Footer */
/* #7 Object Support */
/*------------------------------------------------------------------*/

/*------------------------- FONT COLOR -----------------------------*/
/* Content text: #666666; */
/* Content link: #3874a8; */
/* Footer text: #7586a2; */
/* Footer link: #7586a2; */
/*------------------------------------------------------------------*/



/* General Layout ------------------------------------------------> */
/* Edits to this section must be updated in sp_wysiwyg.css!!! */

body {
	position: relative;
	width: 908px;
	margin: 0px auto;
	padding: 20px 15px 0 15px;
	background: #fff;
	font: normal 12px 'Trebuchet MS', Helvetica, sans-serif;
	color: #666666;
	line-height: 19px;
}

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

a {
	color: #3874a8;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	color: #00446a;
	line-height: normal;
}

h1 {
	padding: 5px 0 15px 0;
	font-size: 165%;
}

h1.pageTitle {
	padding: 0px 0 15px 0;
}

h2 {
	padding: 5px 0 15px 0;
	font-size: 145%;
	
}

h3 {
	padding: 5px 0 15px 0;
	color: #000;
	font-size: 135%;
	font-weight: normal;
}

h5 {
	padding: 5px 0 5px 0;
	font-size: 125%;
}

/* Reserved for Print Pilot */
h6 {
	
}

ul {
	padding: 0;
	margin: 0 0 15px 0;
	line-height: 16px;
}

ul li {
	padding: 0;
	/*margin: 0;*/
	margin: 0 0 0 15px;
	line-height: 16px;
}

img {
	border: 0;
}

.clearb {
	clear: both;
}




/* Header --------------------------------------------------------> */

#header {
	height: 82px;
}

#banner {
	
}

#topLinks {
	position: absolute;
	top: 20px;
	left: 628px;
	width: 300px;
	text-align: right;
}

#topLinks a {
	margin: 0 3px 0 3px;
	color: #a5a5a5;
	font-size: 10px;
	text-transform: uppercase;
}

#topLinks a:hover {
	color: #589ec0;
	text-decoration: none;
}

img#searchIcon {
	padding: 0 0 0 1px;
	vertical-align: bottom;
}





/* Main Navigation -----------------------------------------------> */
#menuWrapper {
	position: absolute;
	z-index: 20000;
	top: 65px;
	left: 324px;
	width: 604px;
	height: 16px;
	background: #fff;
	line-height: normal;
}

.navButton { 
	position:relative !important;
	height: 16px;	
	overflow: hidden;
}

#udm_about_button.navButton { 
	padding-left: 0px !important;
}

#udm_publications_button.navButton { 
	padding-right: 0px !important;
}

#udm li ul {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

#udm_about_button span, #udm_microbicides_button span, #udm_contraception_button span, 
#udm_research_button span, #udm_partnerships_button span, #udm_news_button span, 
#udm_publications_button span { 
	height: 16px;
	background: #fff url('../i/nav_back.png') top left no-repeat;
}

.navButton span {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background-position: 0 0;
}

#udm_about_button, #udm_about_button span {width: 54px; background-position: 0px 0px;}
#udm_about_button:hover span, #udm_about_button.udmY span, #udm_about_button.udmR span {background-position: 0px -16px}

#udm_microbicides_button, #udm_microbicides_button span {width: 76px; background-position: -68px 0px;}
#udm_microbicides_button:hover span, #udm_microbicides_button.udmY span, #udm_microbicides_button.udmR span {background-position: -68px -16px}

#udm_contraception_button, #udm_contraception_button span {width: 84px; background-position: -158px 0px;}
#udm_contraception_button:hover span, #udm_contraception_button.udmY span, #udm_contraception_button.udmR span {background-position: -158px -16px}

#udm_research_button, #udm_research_button span {width: 91px; background-position: -256px 0px;}
#udm_research_button:hover span, #udm_research_button.udmY span, #udm_research_button.udmR span {background-position: -256px -16px}

#udm_partnerships_button, #udm_partnerships_button span {width: 74px; background-position: -361px 0px;}
#udm_partnerships_button:hover span, #udm_partnerships_button.udmY span, #udm_partnerships_button.udmR span {background-position: -361px -16px}

#udm_news_button, #udm_news_button span {width: 71px; background-position: -449px 0px;}
#udm_news_button:hover span, #udm_news_button.udmY span, #udm_news_button.udmR span {background-position: -449px -16px}

#udm_publications_button, #udm_publications_button span {width: 70px; background-position: -534px 0px;}
#udm_publications_button:hover span, #udm_publications_button.udmY span, #udm_publications_button.udmR span {background-position: -534px -16px}






/* Home Page ------------------------------------------------------> */

.index #contentWrapper {
  	background: none;
}

.index .contentMainCol {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-bottom: 0px solid #fff;
}

.index .contentSide {
	display: none;
}

#index #upperBox {
	height: 473px;
	padding: 1px 0 0 0;
	border-right: 1px solid #dddddd;
}

#index #flashContent {
	display: block;
	position: relative;
	z-index: 1;
	float: left;
	width: 605px;
	height: 263px;
	border-bottom: 1px solid #fff;
}

#index #mission {
	display: block;
	clear: left;
	float: left;
	width: 549px;
	height: 163px;
	padding: 23px 28px 23px 28px;
	overflow: hidden;
	background: #114563;
	color: #fff;
}

#index #mission p {
	padding: 0 0 10px 0;
	line-height: 15px;
}

#index #mission a {
	color: #b6e0f5;
}

#index #mission a:hover {
	text-decoration: underline;
}

#index #media {
	height: 460px;
	overflow: hidden;
	padding-left: 28px;
}

#index #media ul.homeList {
	width: 240px;
	margin: 0px;
	padding: 0px;
}

#index #media ul.homeList li {
	list-style: none;
	list-style-image: none;
	margin: 0px;
	padding: 5px 0 5px 0;
	background: url('../i/home_list_dot.gif') bottom left repeat-x;
	line-height: 15px;
}

#index #media ul.homeList li a {
	color: #a5a5a5;
}

#index #media ul.homeList li a:hover {
	color: #589ec0;
	text-decoration: none;
}

#index #media #homeListMore {
	display: block;
	padding: 3px 35px 0 0;
	
}

#index #media .homeList-view_more {
	display: block;
	float: right;
	
}

#index #media img#newsHeader {
	width: 189px;
	height: 13px;
	padding: 21px 0 10px 0;
}

#index #media img#pubsHeader {
	width: 183px;
	height: 13px;
	padding: 20px 0 10px 0;
}

#index img#newsletterHeader {
	width: 148px;
	height: 17px;
	padding: 2px 0 15px 0;
}

#index #lowerBox {
	display: block;
	clear: both;
	margin: 0 0 0px 0;
	padding: 0 0 0px 0;
}

#index .signup,
#index .globalReach,
#index .spotlight,
#index .office {
	float: left;
	overflow: hidden;
}

#index .signup,
#index .globalReach {
	width: 246px;
	height: 181px;
	padding: 23px 28px 23px 28px;
	background: #f0f0f0;
	border-right: 1px solid #fff;
}

#index .signup {
	width: 254px;
	padding: 23px 20px 23px 28px;
}

#index .globalReach {
	width: 256px;
	padding: 23px;
}

#index .spotlight,
#index .office {
	width: 246px;
	height: 32px;
	padding: 23px 28px 23px 28px;
	color: #fff;
}

#index .spotlight {
	background: #abb538;
}

#index .spotlight h3 {
	padding: 0 0 0px 0;
	color: #fff;
}

#index .spotlight p {
	padding: 0;
	color: #fff;
}

#index #mission a.sp_pencil img,
#index .spotlight a.sp_pencil img {
	display: inline;
	float: left;
}

#index .office {
	height: 102px;
	background: #579cbe;
	border-top: 1px solid #fff;
}

#index .office ul li {
	list-style: none;
	list-style-image: none;
	padding: 0px;
	margin: 0px;
}

#index .office a {
	color: #fff;
}

.index #footer {
	text-align: left;
}

#index img#noPrintFlash {
	display: none;
}





/* Content -------------------------------------------------------> */

#contentWrapper,
.emailPage #contentWrapper {
	min-height: 350px;
  	height: auto !important;
  	height: 350px;
  	background: url('../i/content_stripe.png') repeat-y;
  	border-top: 6px solid #dddddd;
  	border-collapse: collapse;
	
	/* make div stretch to height of content */
	overflow: hidden;
	!height: 100%;
	!overflow: visible;
}

.contentMainCol,
.emailPage .contentMainCol {
	width: 603px;
	margin: 0px 0 0px 261px;
	padding: 3px 0 20px 40px;
	!padding: 2px 0 20px 38px;
	border-bottom: 20px solid #fff;
}

.mainBuffer {
	padding: 0px 15px 0px 0px;
	font-size: 13px;
}

#microbicides-grid .mainBuffer {
	padding: 0px 0px 0px 0px;
}

.contentSide,
.emailPage .contentSide {
	float: left;
	width: 261px;
	margin: 0 0 0 0;
	padding: 0px 0px 165px 0px;
	background: url('../i/side_bg.png') bottom no-repeat;
	border-top: 3px solid #fff;
}

.contentSideBuffer {
	margin: 30px 0 15px 0;
	padding: 10px 20px 5px 20px;
	background: #2e759e;
	color: #fff;
	font-size: 11px;
}

.contentSideBuffer a {
	color: #a5a5a5;
}

.contentSideBuffer p {
	padding: 3px 0 8px;
}

.contentMainCol ul li,
.contentSide ul li {
	list-style: none url(../i/bullet_default.png);
	!list-style: none url(../i/bullet_default_ie.png);
	margin: 0 0 8px 13px;
	line-height: 16px;
}

#breadBox {
	height: 42px;
	background: #fff;
}

.breadCrumb,
.breadCrumb li {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 10px;
}

.breadCrumb {
	height: 20px;
	overflow: hidden;
	padding: 0 0 0 20px;
	background: #abb538;
	border-top: 1px solid #fff;
}

.microbicides .breadCrumb {
	background: #efaa21;
}

.contraception .breadCrumb {
	background: #d5c726;
}

.research .breadCrumb {
	background: #6d57be;
}

.partnerships .breadCrumb {
	background: #4dbfc9;
}

.news .breadCrumb,
.newsletter .breadCrumb {
	background: #cc4498;
}

#publications .breadCrumb {
	background: #579bbe;
}

.breadCrumb li {	
	float: left;
	line-height: 20px;
}

.breadCrumb a {
	color: #fff;
}

span.breadSep {
	padding: 0 7px 0 5px;
}

img#bannerImg {
	padding: 0 0 20px 0;
}

#sectionTitle {
	height: 44px;
	padding: 0 0 0 20px;
	color: #fff;
	font-size: 18px;
	line-height: 42px;
	letter-spacing: 1px;
}

.contentSide #subNav {
	background: #fff;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
}

.contentSide #subNav ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.contentSide #subNav ul.thirdLevel {
	border-bottom: 8px solid #f8f8f8;
}

.contentSide #subNav li {
	list-style: none;
	list-style-image: none;
	margin: 0 0 0 0;
	
}

.contentSide #subNav ul li {
	padding: 5px 20px 5px 20px;
	border-top: 1px solid #e9e9e9;
}

.contentSide #subNav ul li.subsub {
	padding: 0px 20px 3px 30px;
	border-top: 0px solid #e9e9e9;
}

.contentSide #subNav a {
	display: block;
	color: #535353;
}

.contentSide #subNav a:hover,
.contentSide #subNav a.onNav {
	color: #0e75b2;
	text-decoration: none;
}


/* bio listing stuff */

.bioListTitleHeading,
.newsListTitleHeading {
	clear: right;
	margin: 10px 0 0 0;
	padding: 0px 0px 2px 0px;
	border-bottom: 1px solid #cccccc;
	color: #333;
	font-size: 13px;
	font-weight: bold;
}

.bioListTitle {
	margin: 10px 0 0 0;
	padding: 0px 0px 2px 0px;
	border-bottom: 1px solid #cccccc;
	color: #4c5268;
	font-size: 120%;
	font-weight: bold;
}

.bioListItem {
	clear: none;
	padding: 8px 6px 8px 6px;
	background: #fff;
	border-bottom: 1px solid #ccc;
	
	/* make div stretch to height of content */
	overflow: hidden;
	!height: 100%;
	!overflow: visible;
}

.bioListName {
	float: left;
	width: 195px;
}

.bioListEmail {
	float: left;
	width: 180px;
	padding: 0 0 0 30px;
	text-align: left;
}

.bioListPhone {
	float: left;
	text-align: left;
}

.bioListvCard {
	float: right;
	text-align: right;
}


/* bio profile */

#bioPicBox {
	float: left;
	margin: 0 20px 20px 0;
	background: #efaa21;
}

img.bioPic {
	display: block;
	position: relative;
	margin: 0 3px 0 3px;
	padding: 0px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

.bioTitle {
	font-weight: bold;
}

#backLink {
	position: absolute;
	top: 191px;
	left: 800px;
	width: 120px;
}

#backLink a {
	color: #666666;
}


/* news media */

.itemRow {
	padding: 8px 0 8px 0;
	background: url('../i/newsdot.gif') bottom repeat-x;
	
	/* make div stretch to height of content */
	overflow: hidden;
	!height: 100%;
	!overflow: visible;
}

.itemRowSummary {
	float: left;
}

.itemRowTitle {
	
}

.itemRowTitle a {
	display: block;
}

.itemRowDate {
	float: left;
	width: 123px;
	text-align: left;
}

.itemRowAbstract {
	margin: 10px 0 0 0;
}

#moreButtons {
	display: block;
	width: 100%;
	height: 40px;
}

.signupLink a,
.viewMoreLink a,
.viewMoreSectionLink a {
	float: left;
	padding: 2px 6px 2px 6px;
	background: #569cbd;
	border: 1px solid #4d8cab;
	color: #fff;
}

.signupLink a {
	margin: 0 10px 0 0;
}

.signupLink a:hover,
.viewMoreLink a:hover,
.viewMoreSectionLink a:hover {
	background: #4d8cab;
	text-decoration: none;
}

.viewMoreLink a {
	background: #eca823;
	border: 1px solid #ca9630;
}

.viewMoreLink a:hover {
	background: #ca9630;
}

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

.viewMoreSectionLink a {
	background: #abb538;
	border: 1px solid #98a138;
}

.viewMoreSectionLink a:hover {
	background: #98a138;
}

#contact .viewMoreLink a {
	margin: 0px 0 0px 0;
	background: #569cbd;
	border: 1px solid #4d8cab;
}

#contact .viewMoreLink a:hover {
	background: #4d8cab;
}


/* research grids */

table.grids {
		width: 100%;
		margin: 20px 0px 15px 0px;
        font-size: 11px;
        text-align: left;
        border-collapse: collapse;
        border: 0px;
        background: url('../i/tabledot.gif') right repeat-y;
}

table.grids thead tr th,
table.grids tfoot tr th {
       	padding: 4px 20px 4px 10px;
       	color: #fff;
       	font-weight: normal;  	
}

table.grids thead th.header {
        background-image: url('../i/grid_updown_arrow.gif');
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
}

table.grids thead th#col_0 {
      background-color: #579cbe;
      border-right: 1px solid #fff;
}

table.grids thead th#col_1 {
   	background-color: #abb538;
   	border-right: 1px solid #fff;
}

table.grids thead th#col_2 {
      background-color: #efaa21;
      border-right: 1px solid #fff;
}

table.grids thead th#col_3 {
      background-color: #cc4498;
      border-right: 1px solid #cc4498;
      !border-right: 0px solid #cc4498;
}

table.grids tbody td {
   	padding: 4px 10px 4px 10px;
    vertical-align: top; 
    background: url('../i/tabledot.gif') left repeat-y;
    border-bottom: 1px solid #ccc;
}

table.grids tbody td.dark {
   background-color: #f8f8f8; 
}

table.grids thead th.headerSortUp {
    background-image: url('../i/grid_down_arrow.gif');
}

table.grids thead th.headerSortDown {
    background-image: url('../i/grid_up_arrow.gif');
}

table.grids thead th.headerSortDown,
table.grids thead th.headerSortUp {
   	background-color: #8dbdd8;
}






/* Forms ---------------------------------------------------------> */

form {
	margin: 0px;
	padding: 0px;
}

.stndForm { 
	position: relative;
	margin: 0;
	padding: 0; 
}

.stndForm input.txt, 
.stndForm select.txt, 
.stndForm .textarea,
.SEARCH-input,
.ITEM_SEARCH-input { 
	width: 320px; 
	!width: 316px; 
	height: 13px;
	padding: 3px;
	background: #fff; 
	border: 1px solid #dddddd;
	/* _border: 1px solid #91aac2;  default blue for poor ole IE */
	color: #5a5b5b;
	font-size: 11px;
}

.stndForm select.txt,
.SEARCH-input {
	width: 320px;
}

.ITEM_SEARCH-input {
	width: 180px;
}

.stndForm .textarea {
	!border: 1px;
	height: 100px;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}

.stndForm p { 
	float: left;
	margin: 0; 
	padding: 3px 0 8px 0; 
}

.stndForm label { 
	float: left;
	width: 100px;
	font-size: 12px;
	font-weight: bold; 
}

#contact .stndForm label { 
	width: 150px;
}


/* home page signup */

#index .stndForm label { 
	width: 37px;
}

#index .stndForm input.txt, 
#index .stndForm select.txt {
	width: 207px; 
	!width: 205px; 
}

#index .stndForm .submitButton {
	margin: 0 0 10px 199px;
	!margin: 0 0 10px 187px;
	_margin: 0 0 10px 189px;
}


/* submit */

.stndForm .submitButton,
.EMAIL_PAGE-buttons input,
.ITEM_SEARCH-button,
.SEARCH-button {
	padding: 2px 2px 1px 2px;
	!padding: 1px 2px 1px 2px;
	background: #579cbe;
	border: 1px solid #4285a6;
	color: #f2f2f2;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	!cursor: hand;
}

.SEARCH-button {
	margin-left: 10px;
}



/* Footer --------------------------------------------------------> */

#footer,
.emailPage #footer {
	height: 28px;
	margin: 1px 0 10px 0;
	padding: 0 10px 0 10px;
	background: #575252;
	color: #a9a9a9;
	font-size: 11px;
	line-height: 26px;
	text-align: right;
	
	/* make div stretch to height of content */
	overflow: hidden;
	!height: 100%;
	!overflow: visible;
}

#footer a {
	color: #a9a9a9;
}

#footer a:hover {
	color: #589ec0;
	text-decoration: none;
}





/* Object Support ------------------------------------------------> */


/* Support for SiteMap object */

table.SITE_MAP
{
	border-collapse: collapse;
	margin-top: 5px;
}

table.SITE_MAP th
{
	padding-top: 5px;
	text-align: right;
}

table.SITE_MAP td
{
	padding-top: 5px;
}

table.SITE_MAP td.h_separator
{
	height: 5px;
	border-bottom: solid 1px #cccccc;
}

table.SITE_MAP td.v_separator
{
	padding-left: 15px;
	padding-right: 15px;
	font-size: .8em;
	color: #666666;
}


/* Support for EmailPage object */

.emailPage .contentSide {
	display: block;
}

div.EMAIL_PAGE div.email_form {
	display: none;
}

p.EMAIL_PAGE-title {
	font-weight: bold;
	margin-bottom: 0;
}

p.EMAIL_PAGE-url {
	margin-top: 0;
	font-style: italic;
}

table.EMAIL_PAGE {
	width: 500px;
}

table.EMAIL_PAGE td {
	width: 47%;
}

table.EMAIL_PAGE td input {
	width: 95%;
}

table.EMAIL_PAGE td textarea {
	width: 100%;
	height: 120px;
}

div.EMAIL_PAGE ul.error {
	color: red;
}

/* Site Search */
#search form div
{
        padding-bottom: .3em;
}

#search .search_form label
{
        display: inline;
        margin: 3px;
}

#search .search_form label,
#search .search_form input
{
        margin: 3px 4px;
        vertical-align: middle;
}

#search div.sections,
#search div.search_type
{
        width: 35%;
        float: left;
        !height: 100%;
}

#search a.more
{
        font-weight: bold;
        font-size: 1.1em;
}

#search #select_all_links
{
        margin-top: 8px;
}

/* - ( Search ) - */
.searchfoundtext { font-weight: bold; }




/* END CONRAD CSS ------------------------------------------------> */