/**------------------------------------------------------------------
[www.hopefordepression.org/ Global Style Sheet]

Version:	1
Last change:	06/20/09
-------------------------------------------------------------------*/
/** --- RESET --*/
h1 {margin:0; padding:0; position:absolute;bottom:0px; left:280px; width:200px;color:#fff;font-family:"Helvetica";font-style:normal;display:none;}
/* --- BASE STYLES --*/
div#main h2 {color:#adadad; font-family:"Helvetica";font-weight:bold;font-size:20px;line-height:1;}
h3 {padding:0;}
p.caption {font-size:11px;}
select { margin-bottom:20px;}
/* --- BASE LINK STYLE */
div#main a {color:#333;}
div#main a:hover {color:#9FA1A4;}
/* --- BASE TEXT STYLE */
div#main {font-family:Arial, Helvetica, sans-serif; font-size:14px;line-height:1.6; color:#5F6062;}

/**--- BASIC STRUCTURE --*/
body {margin:0 0 0 0; padding:0 0 0 0; background-color:#FFF24E;}
div#img_wrap {margin:10px 0 0 0;}
#main {margin:10px auto 10px auto; padding:0 0 0 0; width:990px; background-color:#FFFFFF; overflow:hidden;}
#header {margin:20px 0 0 20px; padding:0 0 0 0; width:950px; height:50px;}
#search {float:right; margin:0 0 0 0; padding:0 0 0 0; width:164px; height:51px; /*background-image:url(../_images/_global/search.jpg);*/ background-repeat:no-repeat;}

strong#logo {float:left; margin:0 0 0 0; height:38px;}
strong#logo a, strong#logo a:hover {float:left; margin:0 0 0 0; width:292px; height:55px; background-image:url(../_images/_global/hdrf_logo_new.jpg); background-repeat:no-repeat; text-indent:-9999px; overflow:hidden;}

#content-wrapper {margin:0 0 0 20px; padding:0 0 0 0; width:950px; background-color:#FFFFFF; border-top:1px solid #FFF001; border-bottom:1px solid #DCDDDE; overflow:hidden;}

/** --- COLUMN STRUCTURE */
#leftcolumn {float:left; margin:0 0 0 0; padding:0 0 0 0; width:250px; overflow:hidden;}
#rightcolumn {float:right; margin:0 0 0 0; padding:0 0 0 0; width:670px; overflow:hidden;}
.rightcolumn {margin:20px 0 100px 0; padding:0 0 0 0; width:670px; overflow:hidden;}
.rightcolumn li {margin:0 0 0 0; padding:0 0 0 0;}
.rightcolumn li span {margin:0 0 0 10px;}
.rightcolumn p span {font-size:16px;}


#footer {margin:0 0 10px 20px; padding:0 0 0 0; width:950px; overflow:hidden;}
#footerblock {float:left; margin:7px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
ul#footerblock {display:inline; float:left; margin:0 0 0 0; padding:0 0 0 0; line-height:10px;}
ul#footerblock li {float:left; list-style:none;}
ul#footerblock li a {text-decoration:none; color:#747E8B;}
ul#footerblock li a:hover {color:#333333;}
ul#footerblock li.blank {background-image:url(../_images/_global/footer_spacer.gif); background-repeat:no-repeat; width:31px; height:10px; line-height:10px; margin:0 0 0 0; padding:0 0 0 0;}

/**---  MAIN NAVIGATION --*/ 
/*.mainnav {margin:30px 0 10px -40px; padding:0 0 0 0; height:10px; background-image:url(../_images/_navigation/mainnav_bkg.jpg); background-repeat:no-repeat;}*/
.mainnav {margin:30px 0 10px -40px; padding:0 0 0 0; height:10px;}
#mainnav span {display:none;}
#mainnav a {height:10px; display:block;padding:0 0 0 10px;border-right:solid 1px #ccc}
#mainnav li {float:left; list-style:none; display:block;  }

#mainnav-about a{margin:0 0 0 20px; width:68px; background-image:url(../_images/_navigation/about_off.jpg); background-repeat:no-repeat;}
#mainnav-about a.highlight {background-image:url(../_images/_navigation/about_on.jpg); background-repeat:no-repeat;}
#mainnav-about a:hover {background-image:url(../_images/_navigation/about_on.jpg); background-repeat:no-repeat;}

#mainnav-research a{margin:0 0 0 10px; width:220px; background-image:url(../_images/_navigation/research_off.jpg); background-repeat:no-repeat;}
#mainnav-research a.highlight {background-image:url(../_images/_navigation/research_on.jpg); background-repeat:no-repeat;}
#mainnav-research a:hover {background-image:url(../_images/_navigation/research_on.jpg); background-repeat:no-repeat;}

#mainnav-events a{margin:0 0 0 10px; width:109px; background-image:url(../_images/_navigation/events_off.jpg); background-repeat:no-repeat;}
#mainnav-events a.highlight {background-image:url(../_images/_navigation/events_on.jpg); background-repeat:no-repeat;}
#mainnav-events a:hover {background-image:url(../_images/_navigation/events_on.jpg); background-repeat:no-repeat;}

#mainnav-depression a{margin:0 0 0 10px; width:226px; background-image:url(../_images/_navigation/depression_off_new.jpg); background-repeat:no-repeat;}
#mainnav-depression a.highlight {background-image:url(../_images/_navigation/depression_on_new.jpg); background-repeat:no-repeat;}
#mainnav-depression a:hover {background-image:url(../_images/_navigation/depression_on_new.jpg); background-repeat:no-repeat;}

#mainnav-support a{margin:0 0 0 10px; width:102px; background-image:url(../_images/_navigation/support_off.jpg); background-repeat:no-repeat;border-right:none;}
#mainnav-support a.highlight {background-image:url(../_images/_navigation/support_on.jpg); background-repeat:no-repeat;}
#mainnav-support a:hover {background-image:url(../_images/_navigation/support_on.jpg); background-repeat:no-repeat;}

/** ------- PAGE HEADERS --------------- */
/*div#page-header {position:relative;}*/
#page-header {margin:0 0 0 0; padding:0 0 0 0; width:950px; height:75px; }
.about_us {	background-image:url(../_images/_aboutus/aboutus_header.jpg); background-repeat:no-repeat; }
.research {	background-image:url(../_images/_research/research_header.jpg); background-repeat:no-repeat; }
.events { background-image:url(../_images/_events/events_header.jpg); background-repeat:no-repeat; }
.facts { background-image:url(../_images/_facts/facts_header.jpg); background-repeat:no-repeat; }
.support { background-image:url(../_images/_support/support_header.jpg); background-repeat:no-repeat; }
.legal { background-image:url(../_images/_legal/legal_header.jpg); background-repeat:no-repeat; }

/**-- SECONDARY NAV --*/
ul#secondary-nav {margin:20px 0 0 0; padding:0 0 0 0; width:250px;}
ul#secondary-nav ul {display:none; margin:0;padding:0;float:left;width:250px;}
/* base li -- note the missing height declaration so we can nest the ULs*/
ul#secondary-nav li {float:left; margin:0 0 0 0; padding:0 0 0 0; width:250px; font-family:Arial, Helvetica, sans-serif; font-size:12px; display:block; list-style:none; line-height:21px; border-bottom:1px solid #5F6062;}
ul#secondary-nav li.double {line-height:18px;}
ul#secondary-nav li.doublelast {line-height:18px; border-bottom:none;}
/*secondary LIs have a defined height*/
ul#secondary-nav li ul li {float:left; margin:0 0 0 0; padding:0 0 0 0; width:250px; font-family:Arial, Helvetica, sans-serif; font-size:12px; display:block; list-style:none; line-height:21px; border-bottom:1px solid #5F6062;}
ul#secondary-nav li ul li.last{ border-bottom:none;}
ul#secondary-nav li ul li.live a{ font-weight:bold;color:#333333}
/* active */
ul#secondary-nav li.main-active span {display:block; line-height:21px; background-color:#FFF24E; background-image:url(../_images/_navigation/arrow_down_panel.jpg); background-repeat:no-repeat; border:none; font-weight:bold;}
ul#secondary-nav li.main-active-first {display:block; line-height:21px; background-color:#FFF24E; background-image:url(../_images/_navigation/arrow_down_panel.jpg); background-repeat:no-repeat; border:none; font-weight:bold;}

ul#secondary-nav li.active span {display:block; line-height:21px; background-color:#FFF24E; border:none; font-weight:bold;}

ul#secondary-nav li.main-active ul {display:block;}
/* inactive */
ul#secondary-nav li.main-inactive {line-height:21px; background-color:#FFF24E; background-image:url(../_images/_navigation/arrow_up_panel.jpg); background-repeat:no-repeat; border:none;}
ul#secondary-nav li a {margin:0 0 0 0; padding:0 0 0 0; color:#747E8B; text-decoration:none;display:block;}
ul#secondary-nav li a:hover {color:#333333;}
ul#secondary-nav li a.indent-main {padding:0 0 0 25px;}
ul#secondary-nav li a.indent-second {padding:0 0 0 30px;}
ul#secondary-nav li a.live {font-weight:bold; color:#333;}
ul#secondary-nav li a.indent-normal {padding:0 0 0 25px;}
ul#secondary-nav li a.indent-ambassador {padding:0 0 0 50px;}

/**-- HOME PAGE SPECIFIC --*/
#index-wrapper {margin:0 0 0 20px; padding:0 0 0 0; width:950px; background-color:#FFFFFF; border-top:1px solid #DCDDDE; border-bottom:1px solid #DCDDDE; overflow:hidden;}
#index-content {margin:5px 0 5px 0; padding:0 0 0 0; width:950px; background-color:#FFFFFF; overflow:hidden;}
#index-leftcolumn {float:left; margin:0 0 0 0; padding:0 0 0 0; width:600px; background-color:#FFF; overflow:hidden;font-size:0px;background-color:#9a9b9f;}
#index-rightcolumn {float:right; margin:0 0 0 0; padding:0 0 0 0; width:345px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#5F6062; background-color:#DCDDDE; border-left:5px solid #FFFFFF; overflow:hidden;}
#index-rightcolumnblock {float:right; margin:0 0 0 0; padding:0 0 0 0; width:325px; background-color:#FFFFFF; border:10px solid #DCDDDE; overflow:hidden;min-height:569px;}
.index-rightcolumnblock-cell {margin:15px 0 0 10px; padding:0 0 0 0; width:305px; border-bottom:1px solid #C8C9CB;}
.index-rightcolumnblock-cell p {margin:10px 0 15px 0;}
.index-rightcolumnblock-cell-last {margin:15px 0 5px 10px; padding:0 0 0 0; width:305px;}
.index-rightcolumnblock-cell-last p {margin:10px 0 15px 0;}

/**-- secondary --*/
.aboutus-header span {display:none;}
/**  ---  ABOUT US SPECIFIC --- */
/** --- ABOUT US -- MESSAGE */
img#message_img_1 {
	float:left;
	clear:left;
	margin:20px 20px 0 0;
}
img#message_img_2 {
	float:right;
	margin:0 0 0 20px;
}
img#message_img_3{
	float:left;
	margin:0 20px 0 0;
}
div#msg_btm {
	width:670px;
	overflow:auto;
}
/* about us template*/
img#headshot {
	float:right;
	margin:10px 0 10px 20px;
}
/** --- ABOUT US SCIENTIFIC ADVISORY COUNCIL --- */
table#sci_council {
	border:solid 1px #adadad;
	border-bottom:none;
	border-left:none;
}
table#sci_council th {
	background:#adadad;
	color:#fff;
	
}
table#sci_council p {
	text-align:left;
	padding: 0 10px;
	margin:10px 0;
	font-size:12px;
}
table#sci_council th, table#sci_council td {
	border-left:solid 1px #adadad;
	border-bottom:solid 1px #adadad;
}

span.info_head {
	font-weight:bold;
	color:#333;
}
ul.info_list {
	padding-left:0;margin-left:0;
}
ul.bullet_list {
padding:0;
margin:0;
}
ul.bullet_list li {
	margin-bottom:.5em;
	margin-left:1.1em;
}
ul.bullet_list li.indent {
	margin-bottom:.5em;
	margin-left:3.1em;
}
div.detail{
	width:650px;
	overflow:hidden;
	margin:20px 0;
}

div.detail img {
	float:left;
	margin:0 1em 0 0;
}
div#main a img {
	border:none;
}
/* footnotes*/
.footnote {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333333;}

/* back to top*/
.backtotop {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333;}
.backtotop a {text-decoration:underline;}
.backtotop a:hover {text-decoration:none;}
/** Search Form*/
div#search {
	width:200px;
	margin:0;
	overflow:hidden;
}
div#search form#search_form input#search_box{
	margin:2px 0 0 0;
	width:133px;
	float:left;
	color:#adadad;
}
div#search form#search_form input#search_submit {
	float:left;
	width:24px;
	height:24px;
	padding:0;
	margin:0 0 0 2px;
	border: 0px solid #FFFFFF;
/*	background:transparent url('../_images/_global/search_arrow.jpg')no-repeat;*/
	
}
div#search form#search_form a span {
	overflow:hidden;
	position:absolute;
	text-indent:-1000px;
}
div#search a#search_donate {
	display:block;
	background:transparent url('../_images/_global/search_donate.jpg') no-repeat;
	width:78px;
	height:21px;
	float:left;
	margin-top:4px;
	
}

div#search  a#search_contact {
	clear:none;
	display:block;
	background:transparent url('../_images/_global/search_contact.jpg') no-repeat;
	width:77px;
	height:21px;
	float:left;
	margin-top:4px;
	margin-left:10px;
}

/** --- Modal / Video --- */

div#videoplayerone {
	margin: 0 0 0 0;
	padding:0 0 0 0;
	visibility:hidden;
	display:none;
}

div#videoplayertwo {
	margin: 0 0 0 0;
	padding:0 0 0 0;
	visibility:hidden;
	display:none;
}

div.contactform {
	margin:30px 0 0 0;
	padding:0 0 0 0;
}

div.contactform td {
	margin:0 0 0 0;
	padding:0 0 15px 0;
	width:420px;
}
div.contactform td.label {
	width: 120px;
}
input#contactname {width:300px;}
input#contactaddress {width:300px;}
input#contactphone {width:300px;}
input#contactemail {width:300px;}