html, body{ 
 margin:0; 
 padding:0; 
 background: #6699CC;
 } 

#pagewidth{ 
 width:970px; 
 background-image:     url(images/BGpage.gif);
 border: 1px solid #003399; 
} 

#leftcol{
 width:26%; 
 float:left; 
 position:relative; 
 }
 
#maincol{background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:74%; 
 }

 
#footer{
 height:150px; 
 background-image:     url(images/BGfooter.gif);
 clear:both;
 padding-top: 10px;
 } 
#footer a, a:visited{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}
#footer p{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	padding-left: 260px;
}
#footer a:hover{
	color: #006699;
}
 /* *** Float containers fix:*** */ 

.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  




.logo {
  position: absolute;
  top: 25px;
  left: 6px;
  border: none;
}

#loginForm {
	position: absolute;
	height: 12px;
	left: 5px;
	top: 129px;
}
#loginUname  {
  border: 1px solid #FF9933;
  color: #666666;
  width: 95px;
}
#loginPword  {
  border: 1px solid #FF9933;
  color: #666666;
  width: 95px;
}
#searchForm {
	position: absolute;
	height: 12px;
	left: 828px;
	top: 129px;
}
#search  {
  border: 1px solid #cccccc;
  color: #666666;
  width: 95px;
}

#spotlight {
	position: absolute;
	height: 12px;
	left: 265px;
	top: 129px;
	width: 470px;
}
.register {
	position: absolute;
	top: 143px;
	left: 207px;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: -1px;
}
/*** IE Fix ***/
* html .register {
  position: absolute;
  top: 145px;
  left: 206px;
  border: none;
}
.register a, a:visited{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
	text-decoration: none;
}

/*  Horizontal nav */

#menu {
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	left: 5px;
	}
/*** IE Fix ***/
* html  #menu {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 5px;
	}

#menu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
	display:inline;
	}

#menu ul li {
	display: inline;
	list-style-type: none;
	text-align: center;
	padding: 0;
	margin: 0;
   }

/*hide from IE5-Mac \*/
#menu ul li {
   float: left;
   }
/*end hide*/

#leftHeaderImage{
	background-image:     url(images/BGleftsky.jpg);
	height: 100px;
	width: 252px;
	left: 0px;
	top: 0px;
	position: relative;
	margin-bottom: 0px;
}	
#menu ul li a {
	background: url(http://www.mentalhealthamerica.net/action/menu_bg_0.gif) repeat-x #006699; 
	height: 26px;
	padding: 0px;
	margin: 0;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0;
	font-size:    105%;
	width: 140px;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: 150%;
	line-height: 26px;
	border-top: 1px solid #006699;
	border-right: 1px solid #006699;
	border-bottom: 1px solid #006699;
	border-left: 1px solid #CCCCCC;
	}

html>#menu ul li a  {
	font-size: x-small;   
	} 
#menu ul li a:hover {
	color: #000000;
	background: #fff;
	border: 1px solid #0587CC;
	}
/
#breadcrumb {
	padding-top: 12px;
	padding-left: 15px;
}
/*** IE Fix ***/
* html #breadcrumb {
	padding-top: 15px;
	padding-left: 10px;
}
#breadcrumb p {
	font: bold 0.65em Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
        margin-left: 10px;
}
#breadcrumb a:link {
	color: #666666;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

#breadcrumb a:visited {
	color: #666666;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

#breadcrumb a:hover {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #000000;
	background-color: #FFDDB3;
}

#tell_friend_print {
	margin-bottom: 10px;
	float: right;
	position: relative;
	margin-top: -2px;
        margin-right: 5px;
}
/*** IE Fix ***/
* html #tell_friend_print {
	margin-bottom: 10px;
	float: right;
	margin-right: 12px;
	margin-top: 30px;
}
#tell_friend_print p {
	font: .65em Verdana, Arial, Helvetica, sans-serif;
	color: #002C6A;
}
#tell_friend_print a:link {
	color: #002C6A;
	text-decoration: underline;
}

#tell_friend_print a:visited {
	color: #002C6A;
	text-decoration: underline;
}

#tell_friend_print a:hover {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #000000;
	background-color: #FFDDB3;
}

#bodyText {
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 40px;
}
#bodyText h1 {
	font: normal 1.4em/1.4em Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
	padding: 5px 0px 0px;
}

#bodyText h2 {
	font: normal 1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #FF9933;
	margin: 0px;
	padding-bottom: 0px;
}

#bodyText h3 {
	font: bold normal 1em Verdana, Arial, Helvetica, sans-serif;
	color: #666616;
	padding: 0 0 0 0px;
}
#bodyText h4 {
	font: bold normal 0.85em Verdana, Arial, Helvetica, sans-serif;
	color: #323263;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0;
}
#bodyText p {
	font: 0.75em/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin-bottom: 10px;
}

.relatedLinks {
	color: #000000;
	margin-left: 10px;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;

}
#bodyText td {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
#bodyText ul {
	padding-left: 12px;
	font: .75em/1.5em Verdana, Arial, Helvetica, sans-serif;
	}
	
/*** IE Fix ***/
* html #bodyText ul {
	padding-left: 10px;
	margin: 0px 0px 0px 15px;
	font: .75em/1.5em Verdana, Arial, Helvetica, sans-serif;
	}
#bodyText ul ul{
	padding-left: 12px;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	}
	
/*** IE Fix ***/
* html #bodyText ul ul{
	padding-left: 10px;
	margin: 0px 0px 0px 15px;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	}	
#bodyText li {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding-left: 10px;
}
#bodyText li p{
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding-left: 10px;
}
#bodyText strong {
	color: #005177;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#bodyText b {
	color: #005177;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#bodyText a:link {
	font: 1em/1.5em Verdana, Arial, Helvetica, sans-serif;
 	color: #005273;
 	text-decoration: underline;
}
#bodyText a:visited {
	font: 1em/1.5em Verdana, Arial, Helvetica, sans-serif;
 	color: #005273;
 	text-decoration: underline;
}
#bodyText a:hover {
	font: 1em/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #000000;
	background-color: #FFDDB3;
}
#spotlight {
	top: 116px;
	left: 265px;
	position: relative;
}
/*** IE Fix ***/
* html  #spotlight {
	position: relative;
	top: 118px;
}
#spotlight {
	font: bold 0.65em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
#spotlight a:link {
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

#spotlight a:visited {
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;

}

#spotlight a:hover {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #000000;
	background-color: #FFDDB3;
}
#leftText {
	text-align: left;
	padding-right: 5px;
	padding-left: 10px;

}		
#leftText p {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: .8em;
	position: relative;
}
#leftText p a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

#leftText p a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 1em;
}

#leftText p a:hover {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #000000;
	background-color: #FFDDB3;
}
#leftText h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFB340;
	font-size: 1em;
	margin-top: 15px;
        margin-bottom: -15px;
}

#boxrow {
	width:600px;
	padding-left: 10px;
	position: relative;
	z-index: 10;
}
 #box {
	width:182px;
	margin:0px;
	margin-right:10px;
	float:left;
}
#boxrow #box.last {
	margin-right:0px;
}
#boxwrap p{
	margin:0px;
	padding:0px;
	padding-left:12px;
	background-image:url(images/bulletBlue.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-bottom: 4px;
}
#boxwrap p a:link {
	color: #000000;
	text-decoration: none;
}

#boxwrap p a:visited {
	color: #000000;
	text-decoration: none;
}

#boxwrap p a:hover {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #000000;
	background-color: #FFDDB3;
}
 #box {
	background-position:top left;
	background-repeat:no-repeat;
}

/*  Vertical nav */


.menu2 li {
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 8px solid #005596;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .85em;
	color: #FFFFFF;

}

.menu2 {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul.menu2 {
	text-decoration: none;
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding-left: 10px; 
}
.menu2 a:link {
  	color: #FFFFFF;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;
}
.menu2 a:visited{
  	color: #FFFFFF;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;
}
.menu2 a:hover {
  	color: #005596;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;
	background: #FFFFFF;
}
.menu2 li H1 {
	background: #FFFFFF;

	padding-top: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
	border: 1px solid #006699;
	line-height: 1.85em;
	text-indent: 16pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;

}
.menu2 H1 a:link {
  	color: #005596;
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;
}
.menu2 H1 a:visited{
  	color: #005596;
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;
}
.menu2 H1 a:hover {
  	color: #ffffff;
	display: block;
	background: #005596;
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;
}

#bodytext ul {
	margin: 0;

}

#bodytext li {
	padding: 2px 0 2px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
    background-position: left top; 
    background-repeat: no-repeat;
    padding-left: 10px; 
}

blockquote {
display: block;
padding: 0 50px;
width: 300px;
}


blockquote:before, blockquote:after {
color: #69c;
display: block;
font-size: 500%;
width: 40px;
}


blockquote:before {
content: open-quote;
height: 0;
margin-left: -0.55em;
}
blockquote:after {
content: close-quote;
height: 40px;
margin-top: -50px;   
margin-left: 300px;
} 

.affiliate_login {
	position: absolute;
	top: 143px;
	left: 170px;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: -1px;
}
/*** IE Fix ***/
* html .affiliate_login {
  position: absolute;
  top: 135px;
  left: 170px;
  border: none;

}
.affiliate_login a, a:visited{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
	text-decoration: none;
}
.old_site {
	position: absolute;
	top: 130px;
	left: 5px;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: -1px;
}
/*** IE Fix ***/
* html 
.old_site {
  position: absolute;
  top: 130px;
  left: 5px;
  border: none;
}

.old_site a, a:visited{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
	text-decoration: none;
}
#callout{
	background-color: #FFFFE8;
	padding: 5px;
	float: right;
	width: 200px;

}


html>/**/body #callout li {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	padding-left: 6px;
	color: orange;
}
#callout li {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	padding-left: 10px;
	color: orange;
	margin-top: -4px;
	margin-bottom: 0px;
	background-image: url(http://www.mentalhealthamerica.net/images/bulletOrange.gif);
	background-repeat: no-repeat;
	background-position: -4px 2px;
}
#callout li p{
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 0px;
	}
#callout ul {
	padding-left: 0px;
	font: .75em/1.5em Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	left: -25px;
	position: relative;
	}
	
/*** IE Fix ***/
html>/**/body #callout ul {
	padding-left: 0px;
	margin: -10px;
	font: 0.75em/1em Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	left: 12px;
	list-style-type: none;
	}
	
	
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 

#leftcol{display:none;} 
#breadcrumb{display:none;} 
#menu{display:none;}
.old_site{display:none;} 
.affiliate_login{display:none;}
#bodyText {	padding-right: 10px;	padding-left: 0px;}
#maincol{ float: left; display:inline; position: relative;  width:70%;  }
#tell_friend_print{display:none;} 
#moreinfoTable{display:none;} 
#pagewidth{ border: 0px solid #ffffff; width:8.5in; margin: 2cm } 
#callout{display:none;}
#searchForm{display:none;}
#pagewidthFull{ border: 0px solid #ffffff; width:8.5in; margin: 2cm } 
}