@charset "UTF-8";
/* default font size*/
@import url(small.css);

/* Netscape 4 safe font sizes */
body, div, p, th, td, li, dd {font: normal .85em/1.40em Arial, Helvetica, sans-serif;}
h1 {font:normal 2.0em/1em Arial, Helvetica, sans-serif;}
h2 {font:bold 1em/1.25em  Arial, Helvetica, sans-serif;}


/************************

MHAMD website
Karlic Design 02.2010 

************************/

/************************

LAYOUT 

************************/

/* Forces scrollbars so centered pages don't shift */
html { height: 100%; margin-bottom: 1px; }

body {
	margin:0; padding:0;
	background: url(../_images/gradient.png) repeat-x #90A0B7;
	font: normal .85em/1.40em Arial, Helvetica, sans-serif;
	color:#504738;
	text-align:center; /* IE hack to center */
    behavior: url(csshover.htc);
	}

#wrapper {
	position:relative;
	margin:0 auto; padding:0;
	width:980px; height:auto;
	background-color:#FFF;
	text-align:left; /* override text-align on body */
	}
	
#header {
	margin:0; padding:0;
	width:980px; height:40px;
	}

#logo a {
	margin:0; padding:0;
	position:absolute; top:0; left:18px;
	width:383px; height:40px;
	background:url(../_images/header.png) no-repeat;
	display:block;
	text-indent:-9999em;
	z-index:1000;
	overflow:hidden;
	}
	
#content {
	margin:10px 30px 0 20px; padding:0;
	min-height:400px;
	}
	
#col_sidebar {
	margin:0 0 30px 0; padding:0;
	float:left;width:220px;
	}
	
#col_main {
	margin:0 0 30px 0; padding:0 0 30px 0;
	float:right;width:690px;
	}
	
#footer {
	clear:both;
	margin: 0 35px; padding:15px 0 45px 0;
	border-top: 1px solid #4BA8CC;
	}
	
#credits {
	margin:0 auto; padding:0 0 0em 0;
	clear:both;width:980px;
	}



/* HOME COLUMNS */

#col_1, #col_2, #col_3 {
	margin:0 10px 30px 0; padding:0;
	float:left;
	}
	
#col_4 {
	margin:0 0px 30px 0; padding:0;
	float:left;
	}
	
	
/************************

PANO PHOTOS 

************************/

#pano_home, #pano_aboutus, #pano_outreachprograms, #pano_publicpolicy, #pano_gettinghelp, #pano_calendarevents, #pano_donate, #pano_publications {
	margin:0; padding:0;width:980px; height:235px; background-color:#fff; z-index:1000}
	
#pano_aboutus {background:url(../_images/pano_3family.jpg) no-repeat top left;}	
#pano_outreachprograms {background: url(../_images/pano_2hug.jpg) no-repeat top left;}	
#pano_publicpolicy {background:url(../_images/pano_5kids.jpg) no-repeat top left;}
#pano_gettinghelp {background:url(../_images/pano_help.jpg) no-repeat top left;}
#pano_calendarevents {background:url(../_images/pano_asianfamily.jpg) no-repeat top left;}	
#pano_donate {background:url(../_images/pano_hispanicfamily.jpg) no-repeat top left;}
#pano_publications {background:url(../_images/pano_walking.jpg) no-repeat top left;}	
	

/************************

QUICK NAVIGATION 

************************/

ul#quick_nav  {
	margin:0; padding:0;
	position:absolute; right:35px; top:14px;
	list-style:none;
	font-size:.95em;
	}
	
ul#quick_nav li {
	margin:0; padding:0 0 0 20px;
	display: inline;
	}
	
ul#quick_nav  li a {text-decoration:none;}
ul#quick_nav li a:hover {text-decoration:underline;}



/************************

MAIN NAVIGATION 

************************/

div#main_nav {width: 230px; margin: 0;}
div#main_nav {position:absolute;top:52px; left:0px;margin:0; padding:0;height:187px; width:230px;z-index:10000;}	
div#main_nav ul {
	margin: 0; padding: 0; width: 230px; background: #4D1B41; /*  purple  */
	border-right: 1px solid #0CF;border-bottom: none; text-transform:lowercase; }
  
div#main_nav ul.level2, div#main_nav ul.level3 {background: #4D1B41; border: 1px solid #0CF;border-bottom: none;} /*  purple  */ 
div#main_nav li {position: relative; list-style: none; margin: 0; border-bottom: 1px solid  #0CF;line-height:26px;}
div#main_nav li:hover {background: #9CC;} /*  blue green  */
div#main_nav li.submenu {background: #4D1B41;} /*  purple  */
div#main_nav li.submenu:hover {background-color: #9CC;} /*  blue green  */
div#main_nav li a {display: block; padding: 0 0 0 20px;text-decoration: none; width: 230px; color:#fff;}
div#main_nav li a:hover {background-color: #9CC;} /*  blue green  */
div#main_nav>ul a {width: auto;}
div#main_nav ul ul {position: absolute; top: 0; left: 230px;display: none;}
div#main_nav ul.level1 li.submenu:hover ul.level2, div#main_nav ul.level2 li.submenu:hover ul.level3 {display:block;}



/************************

BASIC TYPE 

************************/

p {margin:0; padding:0; text-indent:1em;}

h1 {margin:0 0 .4em 0; padding:0 0 20px 0;
	font:normal 2.0em/1em Arial, Helvetica, sans-serif;
	color: #CC9900;
	text-transform:lowercase;
	border-bottom: 1px solid #4BA8CC;	}

h1.norule {margin:0 0 .4em 0; padding:0;
	font:normal 2.0em/1em Arial, Helvetica, sans-serif;
	color: #CC9900;
	text-transform:lowercase;
	}
	
h2 {margin:20px 0 12px 0; padding:20px 0 0 0;
	font:bold 1em/1.25em  Arial, Helvetica, sans-serif;
	color:#000;
	border-top: 1px solid #4BA8CC;	}
	
h2.norule {
	margin:20px 0 12px 0; padding:0;
	font: bold 1em/1.25em  Arial, Helvetica, sans-serif;
	color:#000;
	border-top: none;
	}

h1.purple {color:#660066 ;}
h1.white {color:#fff;}
h1.gray	{color:#504738;}
	
.noindent {text-indent:0;}

p.intro {
	margin:0; padding:0;
	text-indent:0;
	font:normal 1.35em/1.45em Georgia, "Times New Roman", Times, serif;
	color: #000;
	}

p.intro-home {
	margin:0; padding:0 0 2em 0;
	text-indent:0;
	font: italic 1.10em/1.25em Georgia, "Times New Roman", Times, serif;
	color:#000;
	}


.sidebar_sm p.intro-home {
	margin:0; padding:0 0 2em 0;
	text-indent:0;
	font: italic 1.05em/1.65em Georgia, "Times New Roman", Times, serif;
	color: #000;
	}


p.callout {
	margin:0 ; padding:.2em 0 0 0;
	text-indent:0;
	font:normal 1.35em/1.45em Georgia, "Times New Roman", Times, serif;
	color: #000;
	}

span.bold {font-weight:bold;}


a {	color: #660066; text-decoration:none;}
a:hover  {color: #660066;text-decoration:underline;}

	
/************************

SUB NAVIGATION 

************************/

#sub_nav {
	margin:0; padding:0;
	height:30px; width:780px;
	border-bottom: 1px solid #90BFFF;
	background: url(../_images/nav_bkgd.gif) repeat;
	
	display:none; /* REMOVE THIS */
	}

#sub_nav ul {margin:0; padding:0 0 0 35px;list-style:none;}
#sub_nav ul li {
	margin:0; padding:9px 20px 0 0;
	float:left;
	font: normal 13.5px Arial;
	text-transform:lowercase;
	color:#333;
	}
#sub_nav ul li a {color:#333;text-decoration:none;}
#sub_nav ul li a:hover {color:#333;text-decoration:underline;}
			
ul.submenu {
	margin:0; padding:0 0 .5em .8em;
	list-style: none;
	line-height:1.3em;
	}	

ul.submenu li {
	margin:0; padding:0 0 .2em 0;
	color: #006699;
	}
ul.submenu li a {color: #006699;}
ul.submenu li a:hover {color: #006699; text-decoration:underline;}


/************************

FOOTER

************************/

/*  left side  */

ul#details_nav  {
	margin:0; padding:0;
	list-style:none;
	float:left;
	text-transform:lowercase;
	}
ul#details_nav li {
	margin:0; padding:0 10px 0 0 ;
	float:left;
	font-size:.95em;
	}
ul#details_nav li a {
padding:0 10px 0 0;
	text-decoration:none;
	}
ul#details_nav li a:hover {
	text-decoration:underline;
	}

/*  right side  */
	
ul#details_nav_r  {
	margin:0; padding:0;
	list-style:none;
	float:right;
	text-align:right;
	text-transform:lowercase;
	}
ul#details_nav_r li {
	margin:0; padding:0 0 0 10px;
	float:left;
	font-size:.95em;
	}
ul#details_nav_r  li a {
padding:0 0 0 10px;
	text-decoration:none;
	}
ul#details_nav_r li a:hover {
	text-decoration:underline;
	}
	
		
/************************

CREDITS NAVIGATION 

************************/

#credits {
	margin:20px auto 0 auto; padding:0 0 30px 0;
	width:980px;
	text-align:right;
	}	
	
#credits p a {
	margin:20px 0 0 0; padding:0; 
	font-size:.9em;
	color:#333;
	text-decoration:none;
	}
	
#credits p a:hover{
	color:#333;text-decoration:underline;
	}

		
/************************

SIDEBAR SMALL 

************************/

.sidebar_sm, .sidebar_sm-g,.sidebar_sm-bl,.sidebar_sm-dkg {margin: 0 0 4px 0; padding: 25px 0 0 0;width: 225px;}
	
.sidebar_sm {background:url(../_images/sidebar_sm_top.gif) no-repeat top left;}
.sidebar_sm-g {background:url(../_images/sidebar_sm-g_top.gif) no-repeat top left;}
.sidebar_sm-bl {background:url(../_images/sidebar_sm-bl_top.gif) no-repeat top left;}
.sidebar_sm-dkg {background:url(../_images/sidebar_sm-dkg_top.gif) no-repeat top left;}
	
	
.sidebar_sm_mid, .sidebar_sm-g_mid, .sidebar_sm-bl_mid, .sidebar_sm-dkg_mid {margin:0; padding:0 35px 1px 25px;height: auto;}

.sidebar_sm_mid {background:url(../_images/sidebar_sm_mid.gif) repeat-y top left;}
.sidebar_sm-g_mid {background:url(../_images/sidebar_sm-g_mid.gif) repeat-y top left;}
.sidebar_sm-bl_mid {background:url(../_images/sidebar_sm-bl_mid.gif) repeat-y top left;}
.sidebar_sm-dkg_mid {background:url(../_images/sidebar_sm-dkg_mid.gif) repeat-y top left;}

.sidebar_sm_bot, .sidebar_sm-g_bot, .sidebar_sm-bl_bot, .sidebar_sm-dkg_bot {margin: 0; padding:0;width: 225px; height: 50px;}

.sidebar_sm_bot {background:url(../_images/sidebar_sm_bot.gif) no-repeat bottom left;}
.sidebar_sm-g_bot {background:url(../_images/sidebar_sm-g_bot.gif) no-repeat bottom left;}
.sidebar_sm-bl_bot {background:url(../_images/sidebar_sm-bl_bot.gif) no-repeat bottom left;}
.sidebar_sm-dkg_bot {background:url(../_images/sidebar_sm-dkg_bot.gif) no-repeat bottom left;}
		
.sidebar_sm p, .sidebar_sm-g p, .sidebar_sm-bl p, .sidebar_sm-dkg p {margin:0 0 12px 0; padding:0;text-indent:0;}

#D9D290

/************************

SIDEBAR TYPE 

************************/

	
#col_sidebar h2 {
	margin:0 0 .4em 0; padding:0;
	font:bold 1em/1.25em  Arial, Helvetica, sans-serif;
	text-indent:0; 
	color:#000;
	border:none;
	}
	
/*   SIDEBAR SMALL TYPE   */

ul.sidebar {
	margin:0; padding:0;
	list-style:none;
	text-transform: lowercase;
	}
	
ul.sidebar li {
	margin:0; padding:0 0 .6em .8em;
	line-height:1.3em;
	text-indent:-.8em;
	color: #069;
	}
		
ul.sidebar-g {
	margin:0; padding:0 0 12px 0;
	list-style:none;
	}
	
ul.sidebar-g li {
	margin:0; padding:0 0 12px 0;
	line-height:1.3em;
	color:#504738;
	}
	
	
/************************

SIDEBAR LARGE 

************************/
	
.sidebar_lg {
	margin: 1.5em 0; padding: 23px 0 0 0;
	width: 450px;
	background:url(../_images/sidebar-w_lg_top.gif) no-repeat top left;
	}

.sidebar_lg_mid, .sidebar_lg_midr {
	height: auto;
	margin:0; padding:0 40px 10px 30px;
	background:url(../_images/sidebar-w_lg_mid.gif) repeat-y top left;
	}

.sidebar_lg_bot {
	margin:0; padding:0;
	width: 450px; height: 30px;
	background:url(../_images/sidebar-w_lg_bot.gif) no-repeat bottom left;
	}

.sidebar_lg_midr img, .sidebar_lg_mid img, .sidebar_sm-g_mid img {
	padding:4px;
	width:125px; height:80px;
	background:#fff;
	border:#4BA8CC solid 1px;
	}

.sidebar_lg_midr img {margin:0 0px 0 15px;float:right;}
.sidebar_lg_mid img {margin:0 15px 0 0;float:left;}
.sidebar_sm-g_mid img {margin:0 15px 12px 0;float:left;}	


/*  HOME STUFF  */	

.sidebar_lg_home {
	margin: 0 0 .5em 0; padding: 23px 0 0 0;
	width: 450px;
	background:url(../_images/sidebar-w_lg_top.gif) no-repeat top left;
	}
	
.sidebar_lg_home p {
	margin:0; padding:0 0px .6em 0;
	line-height:1.3em;
	color:#504738;
	text-indent:0;
	}	
		
.sidebar_lg_home ul {
	margin:0; padding:0 0px 12px 0;
	list-style:none;
	}
	
.sidebar_lg_home ul li {
	margin:0; padding:0 0 .6em .8em;
	line-height:1.3em;
	text-indent:-.8em;
	color:#504738;
	}
	
.sidebar_lg_home h2 {
	margin:20px 0px; padding:20px 0 0 0;
	font:bold 1em/1.25em  Arial, Helvetica, sans-serif;
	text-indent:0; 
	color:#000;
	border-top: 1px solid #4BA8CC;	}
	

	
ul.main {margin:.6em 0 0 0; padding:0 0 0 2em;list-style: disc;}
ul.main li {margin:0; padding:0 0 .6em 0;line-height:1.3em;}
	
ul.pubs {margin:.6em 0 0 0; padding:0;list-style: none;}
ul.pubs li {
	margin:0; padding:0 0 .6em 45px;
	text-indent:-45px;
	line-height:1.3em;
	}	
p.small {margin:0; padding:1.25em 0 1em 0; font: normal .9em Arial, Helvetica, sans-serif;text-indent:0;}		
	
ul.nostyle {margin:0 0 1em 0; padding:0;list-style:none;}
ul.nostyle li {margin:0; padding:0;}
ul.callout {margin:1em 0 0 0; padding:0;list-style:none;}	


	
/*  FORM  */

#contentform {
	margin:1em 0 1em 0; padding:0;
	/*
	font:normal .8em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	*/
	}
	
#contentform ul {
	margin:0; padding:0; 
	list-style: none; 
	line-height:1.3em; 
	}
	
#contentform ul li {margin:0; padding:0; text-align:right; line-height:2.5em;}
	
#contentform .field {margin:  0; padding:0;}
#contentform .text {width: 75%;}
#contentform .text_sm {width: 15%;}
#contentform .text_med {width: 25%;}
#contentform .text_lg {width: 30%;}

#contentform .image {float: right;margin: 1.5em 0 0 0; padding:0;}
	
	
/************************

  U R HERE 
  
************************/

/* about us */
body#staff .staff,
body#board .board,
body#affiliates .affiliates,
body#calendar .calendar,
body#newsletter .newsletter,
body#annualreport .annualreport,
body#employment .employment,

/* outreach programs      */
body#kidsonblock .kidsonblock,
body#kidsonblock_excerpts .kidsonblock_excerpts,
body#kidsonblock_testimonials .kidsonblock_testimonials,
body#mhfa .mhfa,
body#mhp .mhp,
body#nimh .nimh,
body#peers .peers,
body#respitecare .respitecare,

/* public policy   */
#legislative .legislative,
body#legislative .legislative,
body#alerts .alerts,
body#bills .bills,
body#legislators .legislators,
body#join .join,
body#legislativereport .legislativereport,

#coalitions .coalitions,
body#childrenadult .childrenadult,
body#olderadult .olderadult,

#criminaljusticepartner .criminaljusticepartner, 
body#membersonly .membersonly,
body#meetingschedule .meetingschedule,
body#reportpresentations .reportpresentations,

/* getting help   */
body#advancedirective .advancedirective,

#understanding .understanding,
body#medication .medication,
body#payingforcare .payingforcare,
body#complaints .complaints,
body#research .research,
body#typesoftreatment .typesoftreatment,
body#typesofmhpros .typesofmhpros,
body#traumadisaster .traumadisaster,
body#symptoms .symptoms,
body#factsmyths .factsmyths,
body#goodadvice .goodadvice,

#issues .issues,
body#addadhd .addadhd,
body#alzheimers .alzheimers,
body#anxiety .anxiety,
body#bipolar .bipolar, 
body#depression .depression,
body#eating .eating,
body#griefloss .griefloss,
body#ocd .ocd,
body#ptsd .ptsd,
body#schizophrenia .schizophrenia,
body#sexualabuse .sexualabuse,
body#stress .stress,
body#substances .substances, 

#kids .kids,
body#kids_issues .kids_issues,
body#kids_adhd .addadhd,
body#kids_depression .depression,
body#kids_eating .eating,
body#kids_ocd .ocd,
body#kids_schizophrenia .schizophrenia,
body#kids_sexualabuse .sexualabuse,
body#kids_substances .substances, 
body#kids_suicide .suicide, 
body#kids_medication .kids_medication,

/*  calendar and events   */
body#communitycalendar .communitycalendar,  
body#mhamdevents .mhamdevents,  

/*  footer   */
body#contact .contact,
body#sitemap .sitemap,
body#publications .publications
	{font-weight:bold;}
	
	
img.amazon {
	margin:0px 0 20px 0;
	
}
	
	img.goodsearch {
	margin:-6px 0 15px 0;
	
}