/* CSS Document for Women's Health Research Network (WHRN) HOME PAGE
   Additional design and XHTML/CSS coding by Seedlings Studio http://www.seedlingsstudio.com
   Copyright 2007, Seedlings Studio. All rights reserved.
   Version Date: Sept. 2007
*/


/* =The Usual ++++++++++ */
* {margin:0;padding:0;}
html,body{height:100%;}
body {font:76%/140% arial,helvetica,verdana,sans-serif;color:#000;background:#EAE8E9;text-align:center;}
h1,h2,h3,h4,p,pre,blockquote {margin:0.5em 0;}
form,fieldset,ul {margin:0;}
p, ol, ul, li {font:1.03em arial,helvetica,verdana,sans-serif;color:#444;background-color:inherit;line-height:1.25em;padding-top:0.1em;padding-bottom:0.1em;}
li > p {margin-top:0.2em;}
a img,:link img,:visited img, p a img {border:none;text-decoration:none;}   /* remove border from linked img */
.right {float:right;display:inline;}
.left {float:left;display:inline;}
.green {color:#00cc33;font-weight:bold;}
.clear {clear:both;height:0;}
.clear:after {content:".";display:block;height:0;visibility:hidden;}
hr{clear:both;visibility:hidden;}

/* =HEADERS and MISC. +++++++ */
h1,h2,h3,h4,h5 {font-family: arial,helvetica,verdana,sans-serif;}
h1 a{text-decoration:none;color:#7E6B71;}
h1 {font-size:1.8em;font-weight:normal;margin-top:0em;margin-bottom:0em;letter-spacing:0.01em;line-height:1.1em;}
/* h3{font:1.1em/1.1em normal;padding:8px 0px 6px 0px;} */
h2 {font-size:1.4em;margin:0.5em 0em 0.5em 0em;text-transform:none;color:#7E6B71;font-weight:bold;} /* originally h2 and h3 font-size:1.3em */
h3 {font-size:1.25em;color:#7E6B71;font-weight:bold;margin:0.05em 0em 0.5em 0em;letter-spacing:0.05em;text-transform:none;}
h4 {font-size:1.2em;margin:1em 0em 0.5em 0em;font-weight:bold;color:#666;}
h5 {font:1.03em arial,sans-serif;margin:1em 0em 0.1em 0em;font-weight:bold;color:#666;}
h6 {font:1.01em arial,sans-serif;margin:1em 0em 0.1em 0em;font-weight:bold;color:#666;}

blockquote p{background-color:#ddd;margin:0;padding:3px 10px 3px 10px;font-style:italic;}
strong, b, .bold {font-weight: bold;}
.upper{text-transform:uppercase;}
.small{font:0.9em arial,sans-serif;font-weight:normal;}
.large{font:1.4em arial,sans-serif;font-weight:bold;}
table{font:1.03em arial,sans-serif;line-height:1.2em;border-collapse:collapse;}
tr,td{padding:0.1em 0.25em;border:1px solid #999;}

/*=HEADER AND MENUS+++++++++++ */
#header{margin:0px auto;width:764px;text-align:left;background-color:#fff;}
#secmenu {width:492px;float:right;color:#928D40;text-transform:uppercase;font-size:12px;
padding:16px 0px 5px 0px;
font-weight:bold;display:inline;}
#secmenu .left {padding:0;}
#secmenu .right {padding:0;}
#secmenu a {color:#928D40;text-decoration:none;font-weight:bold;}
#secmenu a:hover {text-decoration:underline;font-weight:bold;}

.secmenu form {width:240px;float:right;margin:0;padding-bottom:2px;font-weight:bold;
display:inline;}
#secmenu input.search {border: 1px solid #6B7478;
	height: 17px;width: 150px;  }
#secmenu input.search_submit { background-color: transparent;
	border: none; color: #7E6B71;
	font-weight: bold; padding: 0px; }
#sitelogo {width:100%;height:142px;}

div.primary_menu {
	background-color: #7E6B71;
}
table.primary_menu td {
	font-weight: bold;
	font-size: 13.5px;
	line-height: 14px;
	text-transform: uppercase;
	border-right: 1px solid #BDBDBC;
	padding: 8px 16px;
	vertical-align: top;
}
table.primary_menu td a {
	color: #E0DEC8;
	text-decoration: none;
}
table.primary_menu td a:hover {
	text-decoration: underline;
}
table.primary_menu td.selected a {
	color: #FFFFFF;
}

/*  =CONTAINERS ++++++++++++++++++++++++++++++++++++++++ */
#page {margin:0px auto;width:764px;text-align:left;background-color:#fff;}

.bread_crumbs{height:16px;padding:4px 0 4px 20px;font:11px arial,sans-serif;background-color:#e1dea9;}
.bread_crumbs a {text-decoration:underline;}
.bread_crumbs a:hover {text-decoration:underline;}

#content {margin:12px 8px 20px 8px;padding:0;float:left;width:504px;text-align:left;display:inline;}
#sidebar {margin:18px 8px 20px 8px;padding:0;float:right;width:204px;text-align:left;display:inline;}

#content a:link, #content a:visited,
#sidebar a:link, #sidebar a:visited {text-decoration:none;color:#0066FF;}
#content a:hover, #sidebar a:hover {text-decoration:underline;color:#0066FF;}

/* =CONTENT BOXES ++++++++++++ */
#content h3 {margin:10px 0px 5px 0px;color:#7C6A6C;font-size:1.5em;}
#content h4 {margin:10px 14px 5px 0px;padding:3px 0px 2px 0px;font-size:1.1em;}
#content h5 {margin:10px 14px 3px 0px;padding:3px 0px 2px 0px;}
#content p {margin:3px 8px 3px 0px;}

#content .boxIntro { margin:0px 18px 18px 10px; }
#content  img {margin:0;padding:6px;border:0;}
#content .boxIntro h2 {font-size:1.5em;}
#content .boxIntro p { }

#content .boxNoWrap { margin:0px 18px 0px 18px;padding:2px 0px 8px 0px; }

#content .boxWrap { background: #fcfbf1 url(../images/contentbox_grad.gif) repeat-x top left; }
#content .boxtop div { background: url(../images/contentbox_tl.gif) no-repeat top left; }
#content .boxtop { background: transparent url(../images/contentbox_tr.gif) no-repeat top right; }
#content .boxbottom div { background: url(../images/contentbox_bl.gif) no-repeat bottom left; }
#content .boxbottom  { background: transparent url(../images/contentbox_br.gif) no-repeat bottom right; 
margin-bottom:18px; 
}
#content .boxtop div, #content .boxtop, 
#content .boxbottom div, #content .boxbottom {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
#content .boxcontent  { margin: 6px 18px 14px; }
#content .entry {padding:0 0 10px 0;clear:both;}

/* =SIDEBAR BOXES ++++++++++++ */
#sidebar h3 {margin:0px 0px 5px 0px;color:#7C6A6C;font-size:1.15em;text-transform:none;}
#sidebar h4 {margin:4px 0px 3px 0px;color:#7C6A6C;font-size:0.95em;text-transform:none;}
#sidebar p {margin:3px 6px 3px 0px;font-size:0.90em;}
#sidebar p.join {float:right;font-size:1.05em;font-weight:bold;display:inline;}

#sidebar .boxNoWrap { margin:0px 8px;padding:8px 0px 10px 0px;}

#sidebar .boxWrap { background: #dfd4d9;margin-bottom:6px;}
#sidebar .boxtop div { background: url(../images/sidebox_tl.png) no-repeat top left; }
#sidebar .boxtop { background: url(../images/sidebox_tr.png) no-repeat top right; }
#sidebar .boxbottom div { background: url(../images/sidebox_bl.png) no-repeat bottom left; }
#sidebar .boxbottom { background: url(../images/sidebox_br.png) no-repeat bottom right; }

#sidebar .boxtop div, #sidebar .boxtop, 
#sidebar .boxbottom div, #sidebar .boxbottom {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
#sidebar .boxcontent { margin: 0 8px; }


/*  =FOOTER +++++++++++++++++++++++  */
.footerbg {width:764px;text-align:left;border-top:8px solid #7C6A6C;}
#footer{margin:0px 20px;padding-bottom:30px;clear:both;text-align:left;background-color:#fff;
}
#footer p{font:0.95em arial,sans-serif;color:#666;background:transparent;text-transform:none;padding:3px 0px 5px 0px;}
.left2 {float:left;text-align:left;display:inline;}
.right2{float:right;text-align:right;width:220px;display:inline;}


/* =Lists +++++++++++++++++++++++ */
#content ul, #content ol {margin:0 2em 2em 2em;padding:3px;}
#content li {list-style:disc outside;font:1.03em verdana,arial,sans-serif;line-height:1.17em;}

#content ul li {}
#content ol li {list-style:decimal outside;}

#content ul ul, #content ol ol {margin:0 2em 0em 2em;}
#content ul ul li {list-style:disc outside;font-size:0.97em;}
#content ol ol li {list-style:decimal outside;font-size:0.97em;}
#content ul ul ul, #content ol ol ol {margin:0 2em 0em 2em;}
#content ul ul ul li {list-style:disc outside;font-size:0.93em;}
#content ol ol ol li {list-style:decimal outside;font-size:0.93em;}
#content ul ul ul ul, #content ol ol ol ol {margin:0 2em 0em 2em;}
#content ul ul u ul li {list-style:disc outside;font-size:0.89em;}
#content ol ol ol li li {list-style:decimal outside;font-size:0.89em;}

/* =Search ------------------ 
.input {position:relative;padding:0 0 0 2px;margin-top:0px;margin-bottom:0px;
border-top:1px solid #999;border-left:1px solid #999;
background-color:#fff;color:#666;font:1.1em arial,sans-serif;}

.textarea {color:#000;background-color:#fff;border-top:1px solid #999;border-left:1px solid #999;
font:1.1em arial,sans-serif;margin-top:0px;margin-bottom:0px;}

.checkbox {background-color:transparent;margin:3px;padding:0;border:0;}

.submit {font:0.9em arial,sans-serif;color:#666;background-color:#fff;font-weight:normal;letter-spacing:0.1em;
padding:0px 1px 0px 1px;margin-top:0px;margin-bottom:0px;text-transform:lowercase;}
*/

