/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Layout and general divs
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
margin:0;
padding:0;
}
body {
font: normal 76%/140% Tahoma, Arial, sans-serif;
color:#000;
background: #fff url(images/bg-body.gif) repeat-x top center;
}
#wrap{
margin-left: auto;
margin-right: auto;
width:960px;
height:auto;
font-size:1em;
}
#header{
position:relative;
height:160px;
background: transparent url(images/child.png) no-repeat 410px -38px;
}
#home-page #header{
background: transparent url(images/feet.png) no-repeat 450px 0px;
}
#join-page #header{
background: transparent url(images/people.png) no-repeat 420px -30px;
}
#research-page #header{
background: transparent url(images/research.png) no-repeat 400px -40px;
}
#professional-page #header{
background: transparent url(images/pro-ed.png) no-repeat 420px 0px;
}
#about-page #header{
background: transparent url(images/boy.png) no-repeat 380px 0px;
}
#footer{
width:900px;
clear:both;
background: transparent url(images/horizontal-lines.gif) repeat-x top center;
background: transparent url(images/footer-bg.png) no-repeat top center;
margin:70px 30px 30px;
padding-bottom:2em;
float:left;
text-align:center;
border-top:5px solid #f0e9dd;
}
#content{
margin:30px 0 0 20px;
width:940px;
width:660px;
float:left;
font-size:1.1em;
}
#home-page #content{
margin:0px 0 0 10px;
width:940px;
}
/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Modules
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.switch-block-two{
background: #f7f4ef;
}
.search-result{
border-bottom:0px solid #f0e9dd; 
}
#home-page .switch-block-two{
background:none;
}
#search{
clear:both;
position:relative;
float:right;
width:280px;
height:55px;
background: transparent url(images/bg-search.png) no-repeat 0 0;
margin:12px 10px 0 0;
}
#tagline{
height:222px;
width:940px;
background: transparent url(images/bg-tagline.jpg) no-repeat 0 0;
}
#home-feature-one{
background: transparent url(images/home-feature-advocacy.jpg) no-repeat 0px 0;
padding-top:160px;
float:left;
width:280px;
border:0px solid;
margin:0 0 0 60px;
}
#home-feature-two{
background: transparent url(images/home-feature-expert.jpg) no-repeat 0px 0;
padding-top:160px;
float:left;
width:220px;
border:0px solid;
margin:0 0 0 20px;
}
#home-feature-three{
background: transparent url(images/indent.jpg) no-repeat 5px 40px;
padding:50px 0 0 40px;
float:left;
width:260px;
border:0px solid;
margin:0;
}
#content div.images{
float:right;
margin:0 0 10px 10px;
clear:both;
}
#no-subnav{
background: transparent url(images/bear.jpg) no-repeat 0 0;
float:left;
width:200px;
height:200px;
margin:0 0 0 10px;
}
/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Images 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#content img{
float:right;
float:none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding:5px;
margin:0 0 10px 10px;
margin:auto;
border-top:1px solid #888; 
border-right:1px solid #f0e9dd; 
border-bottom:1px solid #f0e9dd; 
border-left:1px solid #f0e9dd; 
background:#f0e9dd; 
}

/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Headings H1-H6 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#wordmark{
width:385px;
float:left;
position:absolute;
top:40px;
left:5px;
}
#tagline h1{
margin:0;
padding:80px 0 0 50px;
font-size:2em;
text-indent:-9999px;
}

h2,
h3,
h4,
h5,
h6{
line-height:1.2em;
letter-spacing:0px;
letter-spacing:-1px;
font-size:2em;
font-weight:normal;
margin:1em 0;
}
h2{
margin-top:0;
border-bottom:5px solid #f0e9dd;
}
#home-page h2{
border-bottom:0px solid #e4e6e5;
}
#home-feature-one h2,
#home-feature-two h2,
#home-feature-three h2{
margin:0em auto;
text-shadow: 3px 2px 3px #fff;
}
h3{
font-size:1.5em;
letter-spacing:0;
line-height:1.3em;
}
#home-feature-three h3{
letter-spacing:0px;
font-size:1em;
font-weight:bold;
margin:1em 0 0 0;
}
h4{
font-size:1.3em;
letter-spacing:0;
}
h5{
font-size:1.2em;
letter-spacing:0px;
}

/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Paragraphs 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
p{
line-height:1.5em;
line-height:20px;
margin:1.5em auto;
margin:20px auto;
}
.clear{
clear:both;
}
#home-feature-one p,
#home-feature-two p,
#home-feature-three p{
text-shadow: 1px 1px 1px #fff;
margin:0.5em auto;
}
#breadcrumbs{
margin:70px 0px 0px 50px;
padding:0;
}
.date{
font-style:italic;
margin:-1.5em 0 0 0;
}
#content div.images p{
margin:0;
font-style:italic;
font-size:0.9em;
text-align:right;
}
blockquote{
font-style:italic;
margin:2em;
}
.search-result-excerpt,
.search-result-link{
margin-top:-1.5em;
}
/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Links 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
a{
background:#daecf0;
background:none;
text-decoration:none;
/*text-shadow: 1px 1px #999;*/
color:#aa1429; /* red */
border-bottom:1px dotted #aa1429;
}
a:visited{
color:#aa1429; /* red */
}
#global-nav a{
font-weight:bold;
text-decoration:none;
border:0;
}
a:hover,
#global-nav a:hover{
color:#aa1429; /* red */
border-bottom:1px solid #aa1429;
text-decoration:none;
}
a img{
border:0;
background:transparent;
}
.store-image{
border-bottom:0;
}
a.button{
border:0;
width:81px;
height:32px;
display:block;
text-indent:-9999px;
outline:0;
}
a.button:hover{
opacity:0.8;
}
a.learn-more{
background: transparent  url(images/button-learn-more.gif) no-repeat top left;
}
#wordmark a{
display:block !important;
border:0;
}
#wordmark a:hover{
background:transparent;
}
h2 a{
text-decoration:none;
}
#sidebar li a{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin:auto 10px;
padding:5px;
display:block;
border-top:1px solid #fff; 
border-bottom:1px solid #cdb99a; 
}
#sidebar li:first-child a{
border-top:0;
}
#sidebar li.last a{
border-bottom:0;
}
#sidebar ul li a{
border:0;
display:inline;
display:block;
font-size:0.9em;
line-height:1em;
}
#sidebar a:hover{
background:#aa1429;
color:#fff;
}
#sidebar li > ul li ul li a{
margin-left:2em;
}

#sidebar li > ul li a:before,
#sidebar li > ul li ul li a:before{
content: "> ";
}

#sidebar .here a{
background:#fff;
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
margin-right:0;
color:#000;
}
#sidebar .here a:hover{
color:#aa1429; /* red */
}
#sidebar .here ul li a,
#sidebar ul li a{
-moz-border-radius: 0px 0 0 0px;
-webkit-border-radius: 0px 0 0 0px;
margin-right:0;
background:#e2d9c8;
font-size:0.9em;
border-bottom:0;
line-height:1em;
padding:5px;
color:#aa1429; /* red */
}
#sidebar ul li.here a{
-moz-border-radius: 0px 0 0 0px;
-webkit-border-radius: 0px 0 0 0px;
}
#sidebar .here ul li a:hover{
-moz-border-radius: 0px 0 0 0px;
-webkit-border-radius: 0px 0 0 0px;
background:#aa1429;
color:#fff;
}
#content a[href$='.pdf'] {
padding-left:20px;
background:transparent url(/images/pdf.gif) center left no-repeat;
}
/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Tables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.switch-block-one td,
.switch-block-two td{
padding:1em;
margin:10px;
border-bottom: 1px solid #d1e1d8;
border-bottom: 1px solid #ededdb;
}
#store-table{
border-top:1px solid #888; 
border-right:1px solid #f0e9dd; 
border-bottom:1px solid #f0e9dd; 
border-left:1px solid #f0e9dd; 
margin:0.3em auto;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
th{
padding:10px;
background: #f7f4ef;
font-size:1.5em;
font-weight:normal;
}
/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Lists
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
ul{
margin-left:0em;
list-style:none;
}
.wcc li{
margin:1em auto;
}
#global-nav{
float:right;
border-left:1px solid #ccc;
line-height:1.5em;
padding:0 0 0 10px;
margin:10px 30px 0 0;
}
/*
#sidebar{
float:left;
font-size:1.2em;
border:0px solid;
width:180px;
margin:40px 0 0 30px;
}
*/
#sidebar-wrap{
background: #f0e9dd  url(images/sidebar-middle.gif) repeat-y top left;
float:left;
font-size:1.2em;
width:180px;
margin:30px 0 0 50px;
}
#disclaimer-page #sidebar-wrap,
#supersearch-page #sidebar-wrap{
background: transparent url(images/bear.jpg) no-repeat 20px 0px;
height:160px;
}

#sidebar-wrap #sidebar-top{
display:block;
height:9px;
background: #f0e9dd  url(images/sidebar-top.gif) no-repeat top left;
}
#sidebar-wrap #sidebar-bottom{
display:block;
height:9px;
background: #f0e9dd  url(images/sidebar-bottom.gif) no-repeat top left;
}


#footer #nav-sub,
#footer #nav-sub li {
margin:1em auto;
text-align:left;
}
#nav-sub-footer-1,
#nav-sub-footer-2,
#nav-sub-footer-3,
#nav-sub-footer-4,
#nav-sub-footer-5{
float:left;
text-align:left;
margin:0 0 0 20px;
width:160px;
}
#nav-sub-footer-1 ul,
#nav-sub-footer-2 ul,
#nav-sub-footer-3 ul,
#nav-sub-footer-4 ul,
#nav-sub-footer-5 ul{
margin:0 0 0 0px;
}
#nav-sub-footer-1 ul ul li,
#nav-sub-footer-2 ul ul li,
#nav-sub-footer-3 ul ul li,
#nav-sub-footer-4 ul ul li,
#nav-sub-footer-5 ul ul li{
margin:0 0 0 20px;
font-size:0.9em;
}
#nav-sub-content{
font-size:1.2em;
line-height:1.5em;
}
#content ul,
#content ol{
margin-left:2em;
}
#content ul{
list-style:disc;
}
dt{
font-size:1.3em;
letter-spacing:0;
}
dd{
margin:1em 2em;
}

/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Nav
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#nav{
position:absolute;
top:10px;
right:10px;
}



/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Form Elements
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#keywords,
#button-search{
position:absolute;
top:17px;
left:11px;
border:0;
}
#keywords{
width:165px;
}
#button-search{
background:transparent;
border:0;
top:10px;
left:187px;
}

form{
margin:0;
width:auto; 
}
textarea, input{
background-color:#fff;
border:solid 1px #1a6973;
border:solid 1px #fffff1;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
font: normal 76%/140% "Trebuchet MS",  Trebuchet, Tahoma, sans-serif;
font-size:1.2em;
margin:0;
padding:2px;
outline:0;
background: #fff;
}
textarea{
width:655px;
margin:0em auto;
}

#contact_form #button-send{
background:transparent;
border:0;
}
input{
text-align:left;
}
#contact_form input,
#contact-page input,
#contact_form textarea{
border-top:1px solid #888; 
border-right:1px solid #f0e9dd; 
border-bottom:1px solid #f0e9dd; 
border-left:1px solid #f0e9dd; 
background: #f7f4ef;
margin:0.3em auto;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.checkbox{
border:0;
width:auto;
background: transparent url(images/field-bg.jpg) no-repeat top left;
}
fieldset{
border: 0;
margin:1em 0;
 text-align:right;
}
label{
margin:1em 0;
font-size:1em;
font-weight:bold;
}
/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Nav
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/


#nav {		
		height: 38px;
		width:930px;
		float:left;
		padding: 0px;
		margin-top: 0px;
		margin-bottom: 7px;
		margin-left:28px;
		position: relative;
		font-size:12px;
		font-weight:normal;
		background: transparent url(images/bg-nav.gif) no-repeat 13px 0px;
		border:0px solid #000; 
	}
	
	#nav li {
	/*background: transparent url(images/hay.jpg) no-repeat 0px 0px;	padding: 0;*/
	list-style: none; 
	position: absolute; 
	top: 0;
	}
	
	#nav li, #nav a {
	outline:0;
	display: block; 
	border:0px solid green; 
	margin-top: 0px; 
	height:38px; 
	color:#aa1429; /* red */
	text-decoration:none;
	text-align:center;
	font-size:1em;
	text-indent:-9999px;
	}
#nav a:hover{
text-decoration:underline;
}
	li.nav-about {left: 13px; width:119px; border: 0px solid #000; background: transparent url(images/bg-nav.gif) no-repeat 0px 0px;}
	li.nav-professional {left: 158px; width:250px; border: 0px solid #000; background: transparent url(images/bg-nav.gif) no-repeat -145px 0px;}
	li.nav-public {left: 433px; width:204px; border: 0px solid #000; background: transparent url(images/bg-nav.gif) no-repeat -420px 0px;}
	li.nav-research {left: 659px; width:122px; border: 0px solid #000; background: transparent url(images/bg-nav.gif) no-repeat -646px 0px;}
	li.nav-join {left: 802px; width:108px; border: 0px solid #000; background: transparent url(images/bg-nav.gif) no-repeat -788px 0px;}
	
	
	li.nav-about a:hover {background: transparent url(images/bg-nav.gif) no-repeat 0px -38px;}
	li.nav-professional a:hover  { background: transparent url(images/bg-nav.gif) no-repeat -145px -38px;}
	li.nav-public a:hover {background: transparent url(images/bg-nav.gif) no-repeat -420px -38px;}
	li.nav-research a:hover { background: transparent url(images/bg-nav.gif) no-repeat -646px -38px;}
	li.nav-join a:hover {background: transparent url(images/bg-nav.gif) no-repeat -788px -38px;}
	
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
For pages that you're currently on...
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
body#about-page	#nav li.here a {background: transparent url(images/bg-nav.gif) no-repeat 0px -76px;}
body#professional-page	#nav li.here a  {background: transparent url(images/bg-nav.gif) no-repeat -145px -76px;}
body#public-page	#nav li.here a {background: transparent url(images/bg-nav.gif) no-repeat -420px -76px;}
body#research-page	#nav li.here a {background: transparent url(images/bg-nav.gif) no-repeat -646px -76px;}
body#join-page	#nav li.here a { background: transparent url(images/bg-nav.gif) no-repeat -788px -76px;}