/*The Kim Foundation 2008 */

* {margin:0px auto; padding:0px;}
   
/*/////////*/
/* GLOBAL */
/*///////*/
body { text-align:center; background:#F5E1B8  url('../images/background/wood4.jpg') repeat-y; 
background-position:center; }
/*background-color:#543019 brown background-image:url('../images/background/wood.jpg');*/

p 	{font-size:13px;font-family:Arial, Helvetica, sans-serif; color:#543019; line-height:14px; 
	letter-spacing:normal; padding:0px 0px 10px 0px; margin:0px; }

a {text-decoration:underline; color:#bf2e1a; }
a:hover {text-decoration:underline; color:#f87f09;}/*EB6105*/

h1	{color:#bf2e1a; font-family:Arial, Helvetica, sans-serif; padding:0px 0px 10px 0px; margin:0px; font-size:16px;}
h4	{color:#bf2e1a; font-family:Arial, Helvetica, sans-serif; padding:0px 0px 10px 0px; margin:0px;}

.green {color:#2d4518; font-weight:bold;  font-style:italic;}
.form {color:#bf2e1a;padding:0px 0px 0px 0px; margin:0px; font-weight:bold;}
.highlight {color:#f87f09; font-weight:bold;}

ol  {font-size:13px;font-family:Arial, Helvetica, sans-serif; color:#543019; line-height:14px; 
	letter-spacing:normal; padding:0px 20px 10px 0px; margin:0px; }
	
ul  {font-size:13px;font-family:Arial, Helvetica, sans-serif; color:#543019; line-height:14px; 
	letter-spacing:normal; padding:0px 20px 10px 0px; margin:0px; }
	
li {padding:0px 0px 5px 0px; margin:0px 20px 0px 40px;}

.tag {color:#f8981d; font-size:12px; font-weight:bold; }

.overlay {
    padding:40px;
    width:400px;
    display:none;
    background-image:url(../images/white2.png);
}
 
.close {
    background:url(../images/close.png) no-repeat;
    position:absolute;
    top:2px;
    right:5px;
    display:block;
    width:35px;
    height:35px;
    cursor:pointer;
}
 
#player {
    height:225px;
    display:block;
}

.vButton{
	background:url('../../images/buttons/up/videoBtnKF.jpg') no-repeat;
	height:55px;
	width:202px;
	display:block;
	border:0px;
}



/*/////////*/
/* LAYOUT */
/*///////*/

	/*for all pages*/
#background { padding:13px 0px 0px 0px; text-align:center;
background:  #F5E1B8  url('../images/background/wood2.jpg') repeat-y; width:880px; min-height:870px; }
	
#navwrapper {margin:0px auto; padding:0px; width:721px; }
	
#nav-menu {   margin:0px 0px 5px 0px; padding:0; width:721px; height:46px; overflow:hidden; }/*float:left;*/

#nav-footer {margin:0px 0px 0px 0px; height:22px; width:353px; clear:both; }

#footer {font-size:11px;color:#f8981d; line-height:12px;}
#footer a {color:#f8981d; text-decoration:none;}

a.copyright {color:#f7e8cd;font-style:italic; font-size:10px;line-height:23px; text-align:center; 
clear:both; text-decoration:none; }

.copyright {color:#f7e8cd;font-style:italic; font-size:10px;line-height:23px; text-align:center; 
clear:both; text-decoration:none; }

.disclaimer {color:#f7e8cd;font-style:italic; font-size:11px;line-height:15px; text-align:center; 
clear:both; text-decoration:none; }


#footer_img {margin: 5px 0px 0px 0px; width:400px; height:67px; clear:both; } 


     /* Default page only*/
#logo-default {margin:0px 0px 5px 0px; background-image:url('../images/background/logo.jpg'); 
	background-repeat:no-repeat; width:296px; height:144px;}

#logo-link-default {display:block;	width: 290px;	height:122px;}

#image-default {margin:5px 0px 0px 0px; background-image:url('../images/background/trees4.jpg'); 
	background-repeat:no-repeat; width:723px; height:242px;}

#hope {margin:5px 0px 0px 0px; background-image:url('../images/background/hope.jpg'); 
	background-repeat:no-repeat; width:723px; height:242px;}


#content-top-default {margin:5px 0px 0px 0px; background-image:url('../images/background/content-top.gif'); 
	background-repeat:no-repeat; width:721px; height:15px;text-align:left;background-color:#f4e0bb; }
#content-body-default {margin:0px 0px 0px 0px; background-image:url('../images/background/content-body.gif'); 
	background-repeat:repeat-y; width:721px;text-align:left;background-color:#f4e0bb;}
#content-bottom-default {margin:0px 0px 0px 0px; background-image:url('../images/background/content-bottom.gif'); 
	background-repeat:no-repeat; width:721px; height:15px;text-align:left;background-color:#f4e0bb; }
	
#content-body {padding:5px 20px;
height:auto ;}


#content-body .news { margin-bottom:5px;}
#content-body .news h5 {font-size:12px; color:#bf2e1a; font-family:Arial, Helvetica, sans-serif; line-height:12px;}

#content-body .news a {font-size:12px;  line-height:12px;}


	#content-body .news a:hover {font-size:12px;  line-height:12px;}


	#content-body .news p {font-size:12px;  line-height:12px;}
	

	/*Sub pages only*/
#about {margin:0px 0px 0px 0px; background-image:url('../images/headers/about_mental_illness.jpg'); 
	background-repeat:no-repeat; width:722px; height:150px;}    

#finding_help {margin:0px 0px 0px 0px; background-image:url('../images/headers/finding_help.jpg'); 
	background-repeat:no-repeat; width:722px; height:150px; }

#happenings {margin:0px 0px 0px 0px; background-image:url('../images/headers/mental_health_happenings.jpg'); 
	background-repeat:no-repeat; width:722px; height:150px; }

#advocacy {margin:0px 0px 0px 0px; background-image:url('../images/headers/advocacy.jpg'); 
	background-repeat:no-repeat; width:722px; height:150px; }

#education_train {margin:0px 0px 0px 0px; background-image:url('../images/headers/education_training.jpg'); 
	background-repeat:no-repeat; width:722px; height:150px; }

#fight_stigma {margin:0px 0px 0px 0px; background-image:url('../images/headers/fight_stigma.jpg'); 
	background-repeat:no-repeat; width:722px; height:150px; }

#notalone {margin:0px 0px 0px 0px; background-image:url('../images/headers/notalone_program.jpg'); 
	background-repeat:no-repeat; width:722px; height:150px; }

#donate {margin:0px 0px 0px 0px; background-image:url('../images/headers/donate.jpg'); 
	background-repeat:no-repeat; width:722px; height:150px; }
	
	
	/*link for logo*/
#notalone #logo-link
 {display:block;float:left;width: 290px;height:132px; }

#fight_stigma #logo-link
 {display:block;float:left;width: 290px;height:132px; }

#education_train #logo-link
 {display:block;float:left;width: 290px;height:132px; }

#advocacy #logo-link
 {display:block;float:left;width: 290px;height:132px; }

#happenings #logo-link
 {display:block;float:left;width: 290px;height:132px; }

#finding_help #logo-link
 {display:block;float:left;width: 290px;height:132px; }

#about #logo-link
 {display:block;float:left;width: 290px;height:132px; }

#donate #logo-link
 {display:block;float:left;width: 290px;height:132px; }


#notalone #logo-link a
{display:block;width: 290px;height:132px;}


	#fight_stigma #logo-link a
{display:block;width: 290px;height:132px;}


	#education_train #logo-link a
{display:block;width: 290px;height:132px;}


	#advocacy #logo-link a
{display:block;width: 290px;height:132px;}


	#happenings #logo-link a
{display:block;width: 290px;height:132px;}


	#finding_help #logo-link a
{display:block;width: 290px;height:132px;}


	#about #logo-link a
{display:block;width: 290px;height:132px;}

	#donate #logo-link a
{display:block;width: 290px;height:132px;}


	/*orange nav*/
#onav {position:absolute;z-index:6000;margin:0px auto 0px auto;  }
#orange	{position:absolute;z-index:6001;left: 368px; top: 25px; width:310px;
	display:inline; padding-top:0px; padding-right:5px;  color:#f8981d; font-size:11px;font-family:Arial, Helvetica, sans-serif;}

#orange a{color:#f8981d;  text-decoration:none;}


#notalone #orange
{display:inline-block; padding-top:10px; padding-right:5px;  color:#f8981d; font-size:11px;font-family:Arial, Helvetica, sans-serif;}


#fight_stigma #orange
{display:inline-block; padding-top:10px; padding-right:5px;  color:#f8981d; font-size:11px;font-family:Arial, Helvetica, sans-serif;}


#education_train #orange
{display:inline-block; padding-top:10px; padding-right:5px;  color:#f8981d; font-size:11px;font-family:Arial, Helvetica, sans-serif;}


#advocacy #orange
{display:inline-block; padding-top:10px; padding-right:5px;  color:#f8981d; font-size:11px;font-family:Arial, Helvetica, sans-serif;}


#happenings #orange
{display:inline-block; padding-top:10px; padding-right:5px;  color:#f8981d; font-size:11px;font-family:Arial, Helvetica, sans-serif;}


#finding_help #orange
{display:inline-block; padding-top:10px; padding-right:5px;  color:#f8981d; font-size:11px;font-family:Arial, Helvetica, sans-serif;}


#about #orange
{display:inline-block; padding-top:10px; padding-right:5px;  color:#f8981d; font-size:11px;font-family:Arial, Helvetica, sans-serif;}
/*display:inline-block; padding-top:25px; padding-right:5px;  color:#f8981d; font-size:11px;font-family:Arial, Helvetica, sans-serif;}
*/
#donate #orange
{display:inline-block; padding-top:10px; padding-right:5px;  color:#f8981d; font-size:11px;font-family:Arial, Helvetica, sans-serif;}

#notalone #orange a 
{ color:#f8981d;  text-decoration:none;}


#fight_stigma #orange a 
{ color:#f8981d;  text-decoration:none;}


#education_train #orange a 
{ color:#f8981d;  text-decoration:none;}


#advocacy #orange a 
{ color:#f8981d;  text-decoration:none;}


#happenings #orange a 
{ color:#f8981d;  text-decoration:none;}


#finding_help #orange a 
{ color:#f8981d;  text-decoration:none;}


#about #orange a 
{ color:#f8981d;  text-decoration:none;}

#donate #orange a 
{ color:#f8981d;  text-decoration:none;}


/* NAVIGATION */

.tabs {float:left;font-size: 12px;line-height:normal;background: url('../images/background/nav_bar.jpg') no-repeat center;
	width: 721px;height:46px; margin:0px auto; }

.tabs ul {list-style-type: none;margin: 0px auto; /*Left offset of entire tab menu relative to page, controls drop box also */
	padding:0;}

.tabs li {display:inline;margin:0;padding:0;}

.tabs a {float:left;margin: 0px; /*spacing between each tab*/padding:0 0 0 0px; text-decoration:none;}

.tabs a span {float:left;display:block;padding: 10px 0px;font: bold 12px Arial, Helvetica, sans-serif;color:#f7e8cd;width:120px;
	text-align:center; line-height:12px;}

.top {margin:6px 0px; /*move one line of text to the middle in the main nav bar*/}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs a span {float:none;}
/* End IE5-Mac hack */

.tabs li.selected a{ /*Selected Tab style*/ 
	background-position:0 -90px  /*Shift background image up to start of 2nd tab image*/}

.tabs li.selected a span{ /*Selected Tab style*/
	background-position:100% -90px; /*Shift background image up to start of 2nd tab image*/
	color:#f8981d; /*applys the color to the top navigation onMouseout*/}


.tabs li.selected a:hover { /*onMouseover style*/
	background-position:0% -90px; /*Shift background image up to start of 2nd tab image*/
	color:#f8981d;}

.tabs a:hover{ /*onMouseover style*/
	background-position:0% -90px; /*Shift background image up to start of 2nd tab image*/
	color:#f8981d;}

.tabs li.selected a:hover span{ /*onMouseover style*/
	background-position:100% -90px; /*Shift background image up to start of 2nd tab image*/
	color:#f8981d;}

.tabs a:hover span{ /*onMouseover style*/
	background-position:100% -90px; /*Shift background image up to start of 2nd tab image*/
	color:#f8981d;}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_d{
	border: 3px #543019 double;
	position:absolute;
	top: 0;
/*THEME CHANGE HERE*/
	line-height:18px;
	z-index:100;
	width: 103px; /* to adjust width in drop boxes after dropmenu1 see inline html code */
	visibility: hidden;
	background:#422110;  /*background:url('../images/wood_bknd.jpg') repeat-y;*/
	color:#f7e8cd;
	text-align:center;
}

.dropmenudiv_d a{
width: auto;
display: block;
text-indent: 2px;
padding: 4px 2px;
text-decoration: none;
color:#f7e8cd;	font: bold 12px Arial, Helvetica, sans-serif;
}

* html .dropmenudiv_d a{ /*IE only hack*/ width: 100%;}

.dropmenudiv_d a:hover{ /*THEME CHANGE HERE*/ color:#f8981d;}


/* CALENDAR */

#calendar {width: 200px; padding: 0;margin:0px;border-left: 1px solid #543019;font: normal 10px  Arial, Helvetica, sans-serif;
color: #543019;text-align: center;background-color:#f7e8cd;}

#calendar caption  {margin: 0;padding: 0;width: 200px; color: #bf2e1a;text-decoration:none;
font: bold 16px  Arial, Helvetica, sans-serif;text-align: center;}

#calendar th { color: #f7e8cd;background: #543019;border-right: 1px solid #543019;border-bottom: 1px solid #543019;
border-top: 1px solid #543019;}

#calendar td {border-right: 1px solid #543019; border-bottom: 1px solid #543019;  width: 25px; height: 25px;}

#calendar td a {text-decoration: none;font: normal 10px  Arial, Helvetica, sans-serif;}

#calendar .today { background: #bf2e1a; }

#calendar td.today a:visited {color: #FFFFFF;font: normal 10px  Arial, Helvetica, sans-serif;}


#calendar td.today a:link {color: #FFFFFF;font: normal 10px  Arial, Helvetica, sans-serif;}


#calendar td.today a {color: #FFFFFF;font: normal 10px  Arial, Helvetica, sans-serif;}


#content-body .event { margin-bottom:20px; font-family:Arial, Helvetica, sans-serif;}
#content-body .event h3 {font-size:15px; color:#bf2e1a;line-height:15px;}
#content-body .event h4 {font-size:12px; color:#515325;border-bottom: 1px solid #D0B083; margin-bottom:5px; padding:0px; }
.event .top a  {color:#f8981d ;padding:0px 0px 10px 0px; }
.event .top  {text-align:right; font-weight:bold; }


/*jquery used for faqs*/
#faq {  list-style:none; margin-left:20px; }

#faq img {	border:0px; margin-right:3px; }

.question{ /*header of 2nd demo*/
cursor: hand; cursor: pointer; margin:5px 0px 0px 0px;}

.answer {color:#543019;margin-left:40px; margin-top:5px;}

.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: #bf2e1a; font-weight:bold;}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color:#bf2e1a;}


/*styles for national news rss feed*/

.rss-box {}
.rss-items {}
.rss-item { list-style:decimal;}
a.rss-item { font-weight:bold;}
.rss-date { font-style:italic;}

/*------new layout body landing page-----*/

#wrapper2 {	margin:5px auto 0px auto; padding:0px; width:721px;}   /*same style as wrapper*/

#top { background:  url('../images/test/top2.gif') no-repeat; overflow:hidden; height:21px;width:721px;}

#middle {   background:url('../images/test/body.gif') repeat-y; padding:0px; margin:0px; 
text-align:left;width:721px; }

#left {	width:721px; padding:0px; margin:0px;height:auto;}

#grass-tree { background: transparent url('../images/test/grass-tree.gif') no-repeat right bottom ;  
width:721px;  padding:0px 0px 10px 0px; margin:0px;  min-height:550px; }

#grass-tree p.nav  {width:130px; float:left; padding:0px 15px; height:auto; line-height:21px;}
#grass-tree p.nav a {color:#f7e8cd;  font-size:11px; text-decoration:none; font-style:italic;}
#grass-tree p.nav a.o {color:#f8981d;  }

.arrow {color:#f7e8cd; background:transparent url('../images/arrow.gif') no-repeat; width:4px; height:8px; 
	background-position:left center; margin-right:2px; }

.arroworange{color:#f8981d; background:transparent url('../images/arrow_orange.gif') no-repeat; width:4px; height:8px; 
	background-position:left center; margin-right:2px; }




#right { width:530px;  margin:0px 0px 0px 160px; height:auto; padding:0px 15px;font-family:Arial, Helvetica, sans-serif;}

#right h1 {font-size:16px; line-height:16px; letter-spacing:normal; padding:8px 0px; margin:0px; color:#2d4518; }
#right h3 {font-size:16px; line-height:16px; letter-spacing:normal; padding:8px 0px; margin:0px; color:#2d4518; }
#right h4 {font-size:15px; line-height:14px; letter-spacing:normal; padding:8px 0px; margin:0px; color:#f87f09;}
#right h5 {font-size:13px; line-height:14px; letter-spacing:normal; padding:8px 0px; margin:0px; color:#bf2e1a; }
#right h6 {font-size:13px; line-height:14px; letter-spacing:normal; padding:0px 0px; margin:0px; color:#bf2e1a;}
	
#right a.super  {font-size:10px; vertical-align:top;}

#right .super  {font-size:10px; vertical-align:top;}

#right a.source {text-align:right; font-style:italic; font-size:12px; padding-top:10px;}

#right .source {text-align:right; font-style:italic; font-size:12px; padding-top:10px;}
#right a:hover.source {text-align:right; font-style:italic; font-size:12px;}

#right .yellowbox {border:1px #f87f09 solid; margin:10px;}
#right .yellowbox h1 {padding:10px;}
#right .yellowbox h3 {padding:10px;}

#right .yellowbox p {padding:10px;}
#right .top a  {text-align:center; font-weight:bold; color:#f8981d ;}

#right .top  {text-align:center; font-weight:bold; color:#f8981d ;}

#right .topborder {margin:0px 0px 0px 0px;border-top: 1px #D0B083 solid;}

#right table {margin:0px 0px 0px 0px;}

#right table p {	padding:8px 5px; }
#right a.green {color:#2d4518; font-weight:bold; }
#right a:hover.green {color:#f87f09; font-weight:bold; }


#bottom {background: url('../images/test/bottom.gif') no-repeat; overflow:hidden; height:6px;margin:0px; padding:0px;width:721px;
 clear:both;}

a.guestbutton {
	background:url('../images/guest_button.jpg') no-repeat -0px -0px; height:22px; width:87px; display:inline-block; border:0px; margin:0 30px 0 0;}
a:hover.guestbutton {
	background:url('../images/guest_button.jpg') no-repeat -0px -22px; height:22px; width:87px; display:inline-block; border:0px;}
a.topicbutton {
	background:url('../images/topic_button.jpg') no-repeat -0px -0px; height:22px; width:80px; display:inline-block; border:0px;}
a:hover.topicbutton {
	background:url('../images/topic_button.jpg') no-repeat -0px -22px; height:22px; width:80px; display:inline-block; border:0px;}

.audio	{
	background: url('../images/audio.png') no-repeat;	
	display:inline-block;
	width:69px;
	height:96px;
	vertical-align:top; margin:0 30px 0 0; border:0px;
}
.video	{
	background: url('../images/video.png') no-repeat;	
	display:inline-block;
	width:69px;
	height:99px;
	vertical-align:top; margin:0 30px 0 0; border:0px;
}
.books	{
	background: url('../images/books.png') no-repeat;	
	display:inline-block;
	width:93px;
	height:103px;
	vertical-align:top; margin:0 30px 0 0; border:0px;
}
.additional	{
	background: url('../images/additional_resources.png') no-repeat;	
	display:inline-block;
	width:88px;
	height:113px;
	vertical-align:top; margin:0 30px 0 0; border:0px;
}
	

/*Breadcrumbs*/
/* Generated via www.cssmenubuilder.com */

.breadcrumb{position:relative; height:0px; width:100%;}

.breadcrumb ul{position:relative; margin:-10px -15px 0 0px; padding:0; height:0px;  
	background: url('../images/breadcrumbImage.png') repeat-x 0px -30px; float:right;}
.breadcrumb ul li{padding:0 0px 0 0px; margin:0 0px; list-style:none; float:left; height:20px; display:inline;   }
.breadcrumb ul li a{font:11px Arial, Helvetica, sans-serif; color:rgb(45,69,24); text-decoration:none; padding: 0px 15px 0px 10px;
	line-height:15px; display:block; background:url('../images/breadcrumbImage.png') 100% -67px no-repeat;}

.breadcrumb ul li a span{padding:0 0px 0 0px;   }
.breadcrumb ul li a:hover span{text-decoration:underline; color:rgb(248,127,9);}
.breadcrumb ul li a.active{background:none;}
.breadcrumb ul li a.active span{color:rgb(248,127,9);}
.breadcrumb ul li a.active:hover span{text-decoration:none;}
.breadcrumb .left{position:absolute; top:0px; left:0px; width:10px; height:30px; display:block; z-index:1; 
	background:url('../images/breadcrumbImage.png') 0% 0px no-repeat;}
	
.breadcrumb .right{position:absolute; top:0px; right:0px; width:100%; height:20px; display:block; z-index:1; 
	background:url('../images/breadcrumbImage.png') 100% -40px no-repeat; }


/*search bar on landing pages*/

#search {display:inline-block; float:right; padding-top:23px; padding-right:3px; color:#f8981d; font-size:11px;
font-family:Arial, Helvetica, sans-serif;}
/*display:inline-block; float:right; padding-top:22px; padding-right:3px; color:#f8981d; font-size:11px;
font-family:Arial, Helvetica, sans-serif;*/
#search-default input {background:#543019;}

#search input {background:#543019;}

#search-default input.text  {color: #f8981d;font-weight: normal;font-size:10px;font-family:Arial, Helvetica, sans-serif;
text-decoration: none;width: 80px; border:1px #f8981d outset;padding:1px;}

#search input.text  {color: #f8981d;font-weight: normal;font-size:10px;font-family:Arial, Helvetica, sans-serif;
text-decoration: none;width: 80px; border:1px #f8981d outset;padding:1px;}

#search-default input.button  {color: #f8981d;font-weight: normal;font-size:9px;font-family:Arial, Helvetica, sans-serif;
text-decoration: none;	background-color: #543019; border:1px #f8981d outset; padding:0px;}


#search input.button  {color: #f8981d;font-weight: normal;font-size:9px;font-family:Arial, Helvetica, sans-serif;
text-decoration: none;	background-color: #543019; border:1px #f8981d outset; padding:0px;}


#search-default input.checkbox  {color: #543019;font-weight: normal;font-size:10px;font-family:Arial, Helvetica, sans-serif;
text-decoration: none; }


#search input.checkbox  {color: #543019;font-weight: normal;font-size:10px;font-family:Arial, Helvetica, sans-serif;
text-decoration: none; }

#search-default span.checkbox  {color: #543019;font-weight: normal;font-size: 10px;font-family:Arial, Helvetica, sans-serif;
text-decoration: none;}

#search span.checkbox  {color: #543019;font-weight: normal;font-size: 10px;font-family:Arial, Helvetica, sans-serif;
text-decoration: none;}

#search-default select.select  {color: #543019;font-weight: normal;font-size:10px;font-family:Arial, Helvetica, sans-serif;
text-decoration: none;}


#search select.select  {color: #543019;font-weight: normal;font-size:10px;font-family:Arial, Helvetica, sans-serif;
text-decoration: none;}


#search-default {display:inline-block; float:right; margin-top:-50px; margin-bottom:10px; padding-top:0px; margin-right:82px; color:#f8981d; font-size:11px;
font-family:Arial, Helvetica, sans-serif;}

#cols {
width:100%;
height:auto;
float:left;
text-align:center;
margin-top:10px;
margin-bottom:20px;
padding-left:20px;	
}
#col1 {
	width:30%;
	height:auto;
	float:left;
	text-align:center;	
}
#col2 {
	width:30%;
	height:auto;
	float:left;	
	text-align:center;	
}
#col3 {
	width:30%;
	height:auto;
	float:left;	
	text-align:center;	
}
#col1b {
	width:20%;
	height:auto;
	float:left;
	text-align:center;	
}
#col3b {
	width:35%;
	height:auto;
	float:left;	
	text-align:center;
	padding-left:10px;
	padding-right:20px;	
}