/*-------------------------------------------------
Title:		Womens Health Foundation
Author:	kgloff@kimberlyhaffey.com
Created:	April 14, 2009
Updated:	Novemeber 20, 2009 by Otherwise Inc.
------------------------------------------------- */

/* baselines
------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
* a:link,
* a:visited,
* a:hover,
* a:active {
	line-height: normal;
	color: #333;
	text-decoration:none;
	}
	
* a:hover {
	color:#018397;
	text-decoration:underline;
	}
	
* body {
	font-family: Helvetica, Arial, Verdana,sans-serif;
	font-size: 1em;
	line-height: 1;
	background:#018397;
	color:#333;
	}
	
img, a img {
	border: none;
	vertical-align: text-bottom;
	}
	
.note {
	color:#999;
	font-size:.7em;
	font-weight:normal;
	font-style:inherit;
	line-height:.5em;
	text-align:left;
	}
	
.clear {
	clear:both;
	}
/* -------------------------------------------------
                                    end baselines */

/* header
------------------------------------------------- */
#header_home {
	border:1px solid #ccc;
	position:relative;
	padding:10px;
	margin:0 5px;
}

#header {
	background:url(../images/header_bkgd.jpg) no-repeat 0 0;
	height:112px;
	position:relative;
	padding:10px 10px 0 10px;
	margin:0 5px;
}

.logo {
	float:left; 
	margin:5px 0 8px 5px;
	display:inline;
}

.search {
	float:right;
}

.search_field_home {
	position:absolute;
	top:0;
	right:0;
	margin:45px 15px 10px 0;
}

.search_field {
	position:absolute;
	top:0;
	right:0;
	margin:45px 15px 10px 0;
}

form {
    margin: 0;
    border: none;
}

#search_box {
    width: 160px;
    height: 25px;
    background: url(../images/search_bkgd.gif) no-repeat;
}

#search_box #s {
    float: left;
    padding: 0;
    margin: 5px 0 0 9px;
    border: 0px;
    width: 120px;
    background: none;
    font-size: .8em;
}
#search_box #go {
    float: right;
    margin: 2px 2px 0 0;
}

.top_nav {
	float:right;
	font-size:.8em;
	margin-top:10px;
}

#header_nav li{
	display:inline;
	list-style-type:none;
	padding:0 3px;
}
/* -------------------------------------------------
									end header */


/* navigation
------------------------------------------------- */
#menu_container {
	margin:15px 0 0 0; 
	position:relative;
	z-index:100;
	width:850px;
	}

#nav {
	float: left;
	/* background:url(../images/bg_nav.jpg) repeat-x 0 0; */
	margin:0;
	font-size:120%;
	}

#nav, #nav ul {
	padding:5px 0 0 0; 
	margin:0; 
	list-style-type: none; 
	color:#000;
	z-index:100;
	/* background:url(../images/bg_nav.jpg) repeat-x 0 0; */
	}

#nav iframe {
	position:absolute; 
	left:-9999px; 
	border:0; 
	padding:0; 
	margin:0; 
	width:0; 
	height:0;
	}

#nav a, #nav a:visited {
	display:block;
	float:left;
	font-size:.75em;
	text-decoration:none;
	padding:8px 10px 8px 10px ;
	}

#nav li {
	position: relative;
	float:left;
	}
	
/*
#nav li a {
	color:#666;
	}
*/
#nav li.health a.on, #nav li.health a:hover {
	position:relative; 
	color:#b4c735;
	font-weight:normal;
	}
	
#nav li.life_stage a.on, #nav li.life_stage a:hover {
	position:relative; 
	color:#f0ca57;
	font-weight:normal;
	}
	
#nav li.about a.on, #nav li.about a:hover {
	position:relative; 
	color:#C63D6C;
	font-weight:normal;
	}
	
#nav li.news a.on, #nav li.news a:hover {
	position:relative; 
	color:#61ae95;
	font-weight:normal;
	}
	
#nav li.pelvis a.on, #nav li.pelvis a:hover {
	position:relative; 
	color:#F0AF57;
	font-weight:normal;
	}
	
#nav li:hover {
	position:relative; 
	}
	
#nav li ul {
	position:absolute; 
	left:-9999px; 
	width:170px;
	background:#FFF;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	border-left:1px solid #CCC;
	border-top:1px solid #CCC;
	margin-top:4px;
	padding-top:0;
	}
	
#nav li:hover > ul {
	top:-1px; 
	left:165px; 
	width:170px;
	}
	
#nav > li:hover > ul {
	left:0; 
	top:21px;
	}
	
#nav li:hover ul.first {
	top:0;
	}

#nav table {
	border-collapse:collapse; 
	width:0; 
	height:0; 
	border:0; 
	font-size:1em;
	}

#nav li a:active, #nav li a:focus {
	color:#000;}
	
#nav li.drop {}

#nav li ul li {
	width:170px;
	}

#nav li ul li a:link,
#nav li ul li a:visited,
#nav li ul li a:hover,
#nav li ul li a:active {
	width:158px;
	display: block;
	margin: 1px;
	padding: 5px;
	font-weight: normal;
	}
	
	/*
#nav li ul li a:hover {
	background:#ccc;
	color:#00F;
	text-decoration:underline;
}
*/

#nav li a:hover ul {
	left:-1px; 
	top:21px;
}

#nav li a:hover ul a:hover ul,
#nav li a:hover ul a:hover ul a:hover ul,
#nav li a:hover ul a:hover ul a:hover ul a:hover ul, 
#nav li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul {
	top:-1px; 
	left:150px;
	}

#nav a:hover ul ul,
#nav li a:hover ul a:hover ul ul,
#nav li a:hover ul a:hover ul a:hover ul ul,
#nav li a:hover ul a:hover ul a:hover ul a:hover ul ul,
#nav a:hover ul iframe,
#nav li a:hover ul a:hover ul iframe,
#nav li a:hover ul a:hover ul a:hover ul iframe,
#nav li a:hover ul a:hover ul a:hover ul a:hover ul iframe {
	left:-9999px;
	}

#nav a:hover iframe {
	left:-1px; 
	top:21px;
	}

#nav a:hover a:hover iframe,
#nav a:hover a:hover a:hover iframe,
#nav a:hover a:hover a:hover a:hover iframe {
	left:150px; 
	top:-1px;
	}
	

/* -------------------------------------------------
                                   end navigation */

/* sidenav
------------------------------------------------- */
#sidenav {
	float:left;
	margin:30px 10px 0 10px;
	font-size:.9em;
	display:inline;
}

#sidenav li {
	list-style-type:none;
}

#sidenav li a {
	display:block;
	line-height:18px;
	width:160px;
	padding:8px 5px 7px 20px;
}
#sidenav li ul#subNav li{
	padding-left: 20px;
}

#sidenav li ul#subNav li a {
	width:140px;
}

#sidenav ul.pelvis li a.on, #sidenav ul.pelvis li a:hover {
	background-color: #F0AF57;
/*	background:url(../images/sidenav_pelvis.gif) no-repeat left center; */
	color:#333;
	text-decoration:none;
}
#sidenav ul.pelvis li ul#subNav li a.on, #sidenav ul.pelvis li ul#subNav li a:hover {
	background-color: transparent;
	color: #F0AF57;
}

#sidenav ul.health li a.on, #sidenav ul.health li a:hover {
	background-color: #B4C735;
/*	background:url(../images/sidenav_health.gif) no-repeat left center; */
	color:#333;
	text-decoration:none;
}
#sidenav ul.health li ul#subNav li a.on, #sidenav ul.health li ul#subNav li a:hover {
	background-color: transparent;
	color: #B4C735;
}

#sidenav ul.life_stage li a.on, #sidenav ul.life_stage li a:hover {
	background-color: #F0CA57;
/*	background:url(../images/sidenav_life.gif) no-repeat left center; */
	color:#333;
	text-decoration:none;
}
#sidenav ul.life_stage li ul#subNav li a.on, #sidenav ul.life_stage li ul#subNav li a:hover {
	background-color: transparent;
	color: #F0CA57;
}

#sidenav ul.news li a.on, #sidenav ul.news li a:hover {
	background-color: #61AE95;
/*	background:url(../images/sidenav_news.gif) no-repeat left center; */
	color:#333;
	text-decoration:none;
}
#sidenav ul.news li ul#subNav li a.on, #sidenav ul.news li ul#subNav li a:hover {
	background-color: transparent;
	color: #61AE95;
}

#sidenav ul.about li a.on, #sidenav ul.about li a:hover  {
	background-color: #C63D6C;
/*	background:url(../images/sidenav_about.gif) no-repeat left center; */
	color:#333;
	text-decoration:none;
}
#sidenav ul.about li ul#subNav li a.on, #sidenav ul.about li ul#subNav li a:hover  {
	background-color: transparent;
	color: #C63D6C;
}

/* ----------------------------------------------
									end sidenav */

/* headings
------------------------------------------------- */
h1 {
	font-size: 320%;
	font-family:"Baskerville Old Face",Georgia, Times New Roman, Times, serif;
	font-weight:normal;
	line-height:.95em;
	padding:35px 0 10px 0;
	color:#336699;
	}
	
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	text-transform:uppercase;
	color:#336699;
	padding:10px 10px 0 10px;
}

h3 {
	font-size:1em;
}

h4 {
	font-size:1em;
	margin-top:15px;
}

/* -------------------------------------------------
                                     end headings */


/* structure
------------------------------------------------- */
#wrap {
	background:url(../images/background.gif) no-repeat #fff;
	width: 900px;
	border:1px solid #999;
	border-bottom:0;
	margin: 0 auto;
	text-align: left;
	padding:0 0 15px 0;
	z-index:1;
	}
	
#wrap_pelvis {
	background:#fff url(../images/background.gif) no-repeat;
	width: 900px;
	border:1px solid #999;
	border-bottom:0;
	margin: 0 auto;
	text-align: left;
	padding:0;
	z-index:1;
	}
	
#content_pelvis {
	background:url(../images/pelvis.gif) no-repeat right 0;
	height:547px;
	width:900px;
	margin:0 auto;
	}
	
#content {
	background:url(../images/background2.gif) no-repeat #fff;
	min-height:547px;
	width:900px;
	margin:0 auto 20px auto;
	padding-bottom:20px;
	z-index:-10;
	}
	
#main_content {
	margin:0 0 25px 0;
	width:430px;
	float:left;
	font-size:.9em;
	line-height:1.5em;
}

#main_content img {
	float:left;
	margin:5px 5px 5px 0;
	display:inline;
}

#main_content p {
	width: 400px;
	margin-bottom:20px;
	text-align:left;
}

#main_content a {
	color:#336699;
	font-weight:bold;
	text-decoration:none;
}

#main_content a:hover {
	text-decoration:underline;
}

#main_content ul li {
	list-style-type:disc;
	margin:-10px 30px 20px 30px;
	text-align:left;
}
#main_content ul.second li {
	list-style-type:disc;
	margin:-10px 30px 20px 65px;
	text-align:left;
}

#main_content ul.glossary li {
	list-style-type:none;
	display:inline;
	margin:0 1px;
}

#main_content ol li {
	list-style-type:decimal;
	margin:-10px 30px 20px 30px;
	text-align:left;
}
#main_content ol.second li {
	list-style-type:decimal;
	margin:-10px 30px 20px 65px;
	text-align:left;
}

#main_content dt {
	font-weight:bold;
	margin-left:10px;
}

#main_content dd {
	margin:0 0 10px 10px;
}

#main_content a.top {
	font-weight:normal;
}

#main_content cite {
	color:#999;
	font-size:.7em;
	font-weight:normal;
	font-style:italic;
	line-height:1em;
	text-align:left;
	}

#main_content .pelvis {
	height:320px;
	width:380px;
	overflow:auto;
}

#main_content .pelvis p {
	line-height:1.5em;
	width: 360px;
	margin-bottom:20px;
	overflow:auto;
}

#main_content div.friend {
	float:left; width:430px;
	font-size: .8em;
}

#main_content div.friend img {
	float:left; 
	margin-right: 5px;
}

#main_content div.friend p {
	float:left; 
	width:250px; 
	padding-top:50px; 
	vertical-align:middle;
}

#main_content div.reference {
font-size:.7em;
	line-height:2em;
	text-align:left;
	font-weight:normal;
}

#right_bar {
	float:right;
	width:212px;
	border:3px solid #ccc;
	margin:35px 25px 15px 0;
	background:#cbe2e6;
	display:inline;
}

#right_bar img {
	border:none;
	text-align:center;
}

#right_bar p {
	color:#336699;
	padding:5px 10px;
	font-size:.9em;
	line-height:1.25em;
}

#right_bar h3 {
	color:#000000;
	padding:5px 10px;
	font-size:1em;
}

#right_bar a {
	text-decoration:underline;
	font-weight:bold;
	color:#336699;
}

#right_bar a:hover {
	text-decoration:none;
}

#right_bar_links {
	width:235px;
	margin:35px 20px 15px 0;
	display:inline;
	font-size:.8em;
}

#right_bar_links img {
	margin:0 8px 5px 0;
}

#right_bar_links a {
	text-transform:uppercase;
	text-decoration:underline;
	line-height:1.5em;
	font-weight:bold;
}

#right_bar_links a:hover {
	text-decoration:none;
}

#right_bar_links a.blue {
	color:#6589c5;
}

#right_bar_links .blue {
	color:#6589c5;
}

#right_bar_links a.orange {
	color:#c17327;
}

#right_bar_links .orange {
	color:#c17327;
}

.quote {
	font-style:italic;
}

.name {
	text-align:right;
}

#video {
	float:right;
	margin:35px 15px 15px 0;
}

th, td {
	padding:3px 0;
}

th {
	text-align:left;
	width:100px;
}

	
/* -------------------------------------------------
                                    end structure */

											 					
/* footer
------------------------------------------------- */
#footer {
	background:url(../images/footer_bkgd.gif) repeat-x 0 0;
	width:880px;
	height:15px;
	padding:10px;
	border:1px solid #999;
	border-top:0;
	margin:0 auto 10px auto;
	}
	
#footer .share {
	float:left;
}

#footer .copyright {
	float:right;
	font-size:.75em;
	margin:0;
}

#footer_home {
	background:url(../images/footer_bkgd.gif) repeat-x 0 0;
	width:880px;
	height:40px;
	border:1px solid #999;
	border-top:0;
	padding:5px 10px;
	margin:0 auto 10px auto;
	font-size:.7em;
	}
	
#footer_home .share {
	float:left;
	margin-top:5px;
}

#footer_home .links {
	margin:0 auto;
	float:right;
	text-align:right;
	line-height:1.5em;
}

#footer_home .links ul li {
	list-style-type:none;
	display:inline;
	padding:0 0 0 1px;
	
}
	
/* -------------------------------------------------
                                       end footer */

/* Forms */
form#formRegistration
{
	position: relative;
	margin-bottom: 40px;
	width: 420px;
}
form#formRegistration input#btnSubmitReg
{
	position: absolute;
	right: 19px;
	bottom: 1px;
}

form#formInvite
{
	position: relative;
	margin-bottom: 40px;
	width: 420px;
}
form#formInvite input#btnSubmitTell
{
	float: right;
	padding-right: 19px;
}

div#forms fieldset
{
	border: 0;
}
div#forms fieldset
{
	display: block;
}
div#forms fieldset label
{
	color: #393939;
	font-size: 12px;
	font-weight: normal;
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

div#forms fieldset label input {border: solid 1px #B9B8B8; height: 20px;}
div#forms fieldset label select {border: solid 1px #B9B8B8; height: 20px;}

div#forms fieldset label input#txtFirstName {width: 153px;}
div#forms fieldset label input#txtLastName {width: 230px;}

div#forms fieldset label input#txtAddress {width: 395px;}

div#forms fieldset label input#txtCity {width: 153px;}
div#forms fieldset label select#ddlState {width: 70px;}
div#forms fieldset label input#txtZip {width: 150px;}

div#forms fieldset label input#txtEmail {width: 395px;}

div#forms fieldset label select#ddlAge {width: 70px;}

div#forms fieldset label input#txtYourName {width: 171px;}
div#forms fieldset label input#txtYourEmail {width: 212px;}

div#forms fieldset label input#txtYourFName {width: 171px;}
div#forms fieldset label input#txtYourFEmail {width: 212px;}

form.othForm label
{
	color: #393939;
	font-size: 12px;
	font-weight: normal;
	padding-right: 10px;
	padding-bottom: 10px;
	display: block;
}

form.othForm label input {border: solid 1px #B9B8B8; height: 20px; width: 350px;}
form.othForm label select {border: solid 1px #B9B8B8; height: 20px; width: 350px;}
form.othForm label textarea {border: solid 1px #B9B8B8; height: 150px; width: 350px;}

/* Forms End */

/* Footer Nav Start */
ul#fnav {
	list-style-type: none;
	float: right;
}
ul#fnav li {
	display: inline;
	float: left;
	color: #000F67;
	vertical-align: middle;
	padding-left: 7px;
	line-height: 25px;
}
ul#fnav li a {
	display: block;
	float: left;
	vertical-align: middle;
	text-decoration: none;
	line-height: 25px;
}
/*
ul#fnav li a:hover {
	color: #2C57C9;
	text-decoration: none;
}
ul#fnav li a.on {
	color: #2C57C9;
}
ul#fnav li a.on:hover {
	color: #2C57C9;
}
*/
/* Footer Nav End */
#socialMedia {
	text-align: left;
	float: right;
	width: 60px;
}
#socialMedia a{
	display: block;
	width: 25px;
	float: left;
}