/* Overall */	
html{background:#888888 url("../../assets/css/g_bg.jpg") top repeat-x;margin:0;padding:0;}
body{font:12px/15px Arial, Helvetica, Geneva, sans-serif; margin:0;padding:0;}

/* Section-Body */
#container{z-index: 2; margin:0 auto;padding:0; min-height:420px; width:780px;border-left:#777 3px solid;border-right:#222 3px solid;border-bottom:#444 3px solid;}
* html #container {height:420px}

#toplogo{ height:60px; width:920px;margin:0 auto; padding:12px 0 2px;}
#toplogo img{ border:none;}

/* Top-Navigation */
#header{width:780px;height:32px;margin:3px auto 0 auto;padding:0;border-left:#777 3px solid;border-right:#222 3px solid;border-top:#666 3px solid;}

h1, h2, h3, h4, h5, p, li, ul { color:white; padding:0; margin:0;}
h1 { font-size:22px; line-height:28px; font-weight:500;padding:3px 0;}
h2 { font-size:18px; line-height:24px; font-weight:500;padding:2px 0;}
h3 { font-size:14px; line-height:18px; font-weight:600;padding:1px 0;}
h4 { font-size:12px; line-height:18px; font-weight:500;}
p { font-size:12px; line-height:16px; font-weight:normal;}

/* home */
.home{background:url("../../assets/css/home/home_container_bg.jpg") repeat-y;}
#home.container{ padding:40px 200px 40px 60px;}
#home.container h1{ font-size:36px; font-weight:bold; padding-bottom:16px; line-height:42px;}
#home.container h2 { font-size:12px; line-height:18px; font-weight:600; color:#222;}
#home.container h3 { font-size:14px; font-weight:bold; float:right; padding-top:16px;}
#home.container h5{ font-size:14px; font-weight:normal; }


#home.container a{ color:#fff; text-decoration:underline; padding-bottom:1px;}
#emspopupholder{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99;
}
#popupblock {
	background-color: #77BF95;
	position: relative;
	margin: 15em auto;
	width: 600px;
	border-left: 3px solid #777788;
	border-right: 3px solid #777788;
	border-top: 3px solid #FFFFFF;
	font-family: sans-serif;
	z-index: 100;
}

#popupblock table{
	margin: 0.5em 2em 0.8em;
}

#popupblock #popuptitle{
	font-size: 20px;
	padding: .5em 0px;
	font-family: sans-serif;
	letter-spacing: 2px;
	color: #221133;
}

#popupblock td.col1{
	width: 40%;
	background-color: #448866;
}

#popupblock td.col1 div#leftcontent{
	margin: 3px 1em;
	font-size: 14px;
	color: white;
	height: 80px;
	overflow-y: auto;
}

#popupblock td.col1 div#leftcontent p{
	font-size: 14px;
}
#popupblock td.col2 {
	width: 50%;
}

#popupblock td.col2 div#closepopup{
	float: right;
	height: 26px;
}

#popupblock td.col2 div#rightcontent{
	margin: 1em;
}
#popupblock td.col2 div#rightcontent h1,
#popupblock td.col2 div#rightcontent h2,
#popupblock td.col2 div#rightcontent h3,
#popupblock td.col2 div#rightcontent h4,
#popupblock td.col2 div#rightcontent h5,
#popupblock td.col2 div#rightcontent p,
#popupblock td.col2 div#rightcontent li,
#popupblock td.col2 div#rightcontent ul{
	color: #555566;
	font-size: 16px;
}

#popupblock #closepopup {
	color: #ffffff;
	font-size: 14px;

}
#popupblock #closepopupbutton{
	background-color: #337744;
	padding: 5px 8px;
	margin-left: 12px;
	border-left: 2px solid #BBBBBB;
	border-right: 2px solid #332222;
	border-bottom: 2px solid #332222;
	border-top: 2px solid #DDDDDD;	
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

#popupblock #closepopupbutton a{
	color: #FFFFFF;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
}

#popupblock #closepopupbutton a{
	cursor : pointer; 
}
#popupblock #closepopupbutton a:hover{
	cursor : pointer; 
}
/* depression */
.depression{background:url("../../assets/css/depression/depression_container_bg.jpg") repeat-y;}
#depression.container{width:620px; position:relative;margin:0 auto;padding:0 0 20px 0;color:#666;}
.contentbox_depression{ background:#c48787; padding:20px;}
.content_depression{background:#ab5a5b; border-top:3px solid #452c2a; border-left:3px solid #af9279; border-right:3px solid #acc6c6; border-bottom:3px solid #eaaeac; padding:0; margin:0;}
.content_wrapper_depression{ padding:10px 25px;}
.content_depression ol{ padding:5px 20px 15px 45px; margin:0; }
.content_depression #content_self-test ol li{font-size:12px; padding:0; margin:0 0 0 55px;}
.content_depression ul{
	margin:0pt 0pt 0pt 20px;
	padding:3px 0;
}
.content_depression li {
	margin:0pt;
	padding:3px 0pt 2px;
}
.content_depression h3 strong{text-transform:uppercase;}
.qnumber { position:absolute; z-index: 4;font-size:30px; padding:28px 25px 18px 13px; margin-left:5px; background:url("../../assets/css/depression/qnumber.gif") 2px 8px no-repeat;}
.content_wrapper_depression h1{ font-size:28px; padding-bottom:12px; font-weight:bold;}
.content_wrapper_depression h2{font-size:18px;padding-bottom:10px;}
.content_wrapper_depression h3{font-size:13px;}
#content_help-services h3{
	font-size:15px;
	font-weight:600;
	line-height:20px;
}
.content_depression #content_self-test p a{
	color: #fff !important;
}



/* stories */

.stories{background:url("../../assets/css/stories/stories_container_bg.jpg") repeat-y;}
#stories.container{width:385px; padding:0 25px 30px 365px;margin:0 0 0 0;color:#666;}
#stories.text-stories div.contentbox_stories{
	margin:0pt 0pt 0pt -335px;
	background:#9A8AAF none repeat scroll 0%;
	padding:20px;
}
.contentbox_stories{background:#9a8aaf; padding:20px;}
.content_stories{background:#574b67; padding:0; margin:0; border-top:3px solid #42344f; border-left:3px solid #4c4b50; border-right:3px solid #695a71; border-bottom:3px solid #b4a5c7;}
.stories.container_text-stories{width:720px; padding:0 25px 30px 30px;margin:0 0 0 0;color:#666;}
#content_text-stories{
	padding: 7px 30px 7px 25px;
}

/*.stories.player_div {position:absolute;  margin:0 0 0 20px; padding:0; top:245px;}
*/
.stories_movieplayer{position:absolute;z-index: 4;margin:0 0 0 20px; padding:0; top:245px; width:320px; height:235px; background:url("../../assets/css/stories/movieplaceholder.jpg") no-repeat; border-top:3px solid #413750; border-right:3px solid #695878; border-left:3px solid #4c4952; border-bottom:3px solid #b2a4cb;}
.stories_movieplayer object{
	width:320px;
	height:255px;
}
.stories_movieplayer embed{
	width: 320px;
	height: 255px;
}

#playor_multimedia.stories_movieplayer{
	position:absolute;
	z-index: 4;
	width: 320px;
	height: 240px;
	margin:0 0 0 41px;
	padding:0;
	top:150px;
	border-top:3px solid #413750;
	border-right:4px solid #695878;
	border-left:4px solid #4c4952;
	border-bottom:3px solid #b2a4cb;
}

#playor_multimedia.stories_movieplayer object{
	width: 320px;
	height: 255px;
}

#playor_multimedia.stories_movieplayer embed{
	width: 320px;
	height: 255px;
}

.content_stories table{margin:0 auto; padding: 5px;}
.content_stories td{margin:5px; width:160px; text-align: center}
.content_stories td a{margin-left:0px !important;text-align: center;}
.content_stories table .profileimage img {border:none; padding:0; margin:0;}
.content_stories table .profileimage a img{border:2px solid #9a8aaf; padding:0; margin:0;}
.content_stories table .profileimage a:hover img{border:2px solid #fff; padding:0; margin:0;}
.content_stories table h1{ font-size:14px; line-height:16px; font-weight:bold; margin:0; padding:0;}
.content_stories table h2{ font-size:11px; line-height:8px; font-weight:bold; margin:0; padding:0 0 2px 0;}

/* knowledge */
.knowledge{background:url("../../assets/css/knowledge/knowledge_container_bg.jpg") repeat-y;}
#knowledge.container{width:620px; position:relative;margin:0 auto;padding:0 0 20px 0;color:#666;}
.contentbox_knowledge{ background:#d0bc84; padding:20px;}
.content_knowledge{background:#75594b; border-top:3px solid #49281f; border-left:3px solid #b89476; border-right:3px solid #aec1ba; border-bottom:3px solid #e3c98c;}



.depression_faq_faq{ margin:5px 0 5px; padding:0 15px;}
.depression_faq_faq li { margin:0 0 0 10px; padding:2px 0; list-style:disc;}

/* chat */
.chat{
	background:url("../../assets/css/chat/chat_container_bg.jpg") repeat-y;
}
#chat.container{
	width:385px;
	padding:0 25px 30px 365px;
	margin:0 0 0 0;
	color:#666;
}

#chat.contact-us h1,
#chat.contact-us h1 a{
	font-size:18px;
	font-weight:600;
	line-height:18px;
	margin:0pt;
	padding:5px;
	color: #fff;
}
.content_chat{
	background:#b97757;
	padding:20px;
}
.contentbox_chat{
	background:#c28165;
	padding:0;
	margin:0;
	border-top:3px solid #593423;
	border-left:3px solid #9d6649;
	border-right:3px solid #9d6649;
	border-bottom:3px solid #e9bb99;
	height: 400px;
}
.content_chat #emailus{
	background:#b97757;
	padding: 3px;
	border-top:3px solid #e9bb99;
	border-left:3px solid #9d6649;
	border-right:3px solid #9d6649;
	border-bottom:3px solid #593423;	
}
.chat_content_contact{ padding:5px 5px 5px;}
.chat_content_contact a{ color:#fff; padding-bottom:1px;}
.chat_content_contact h1{ font-size:18px; line-height:18px; font-weight:600; padding:5px 0 0 0 ; margin:0;}
.chat_content_contact h2{ font-size:16px; font-weight:600; padding:0; margin:0;}


.contentbox_chat table{
	margin:0 auto;
	padding:5px 5px 5px;
}
.contentbox_chat td{
	margin:10px;
	width:160px;
}
.contentbox_chat table .profileimage img {
	border:none;
	padding:0;
	margin:0;
}
.contentbox_chat .profileimage a img{
	border:2px solid #935b43;
	padding:0;
	margin:0;
}
.contentbox_chat .profileimage a:hover img{
	border:2px solid #fff;
	padding:0;
	margin:0;
}
.contentbox_chat table h1{
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	margin:0;
	padding:0;
}
.contentbox_chat table h2{
	font-size:11px;
	line-height:8px;
	font-weight:bold;
	margin:0;
	padding:0 0 2px 0;
}

#councillor_movieplayer{
	position:absolute;
	width:320px;
	height:255px;
	top:45px;
	margin:0;
	padding:0;
	border-top:3px solid #593423;
	border-right:3px solid #9d6649;
	border-left:3px solid #9d6649;
	border-bottom:3px solid #e9bb99;
	z-index: 4;
}


.content_wrapper_chat {
	position:absolute;
	width:310px;
	color:#fff;
	padding:0;
	margin:0;
	max-width:310px;
	top:200px;
	padding:0;
	margin:0 0 0 20px;
	z-index: 4;
}

#content_links{
	padding-bottom:15px;
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
}
/* multimedia */
.multimedia{background:url("../../assets/css/multimedia/multimedia_container_bg.jpg") repeat-y;}
#bg_multimedia{background: url("../../assets/css/multimedia/speakers.gif") 20px 0 no-repeat; margin:0; padding:0;}
#bg_multimedia.bg_videos {background: url("../../assets/css/multimedia/speakersvideo2.gif") 20px 0 no-repeat; margin:0; padding:0;}
#multimedia.container{width:325px; padding:0 25px 30px 425px;margin:0 0 0 0;color:#666;}
.contentbox_multimedia{background:#688e8d; padding:20px;}
.content_multimedia{background:#2d4349; padding:0; margin:0; border-top:3px solid #415c6a; border-left:3px solid #688e8d; border-right:3px solid #567273; border-bottom:3px solid #577778; min-height:350px;}
* html .content_multimedia {height:350px;}
.content_multimedia table{ margin:0 auto; margin:5px 5px 5px;}
.content_multimedia table tr{}
.content_multimedia td{margin:10px; width:160px;}
div.videos .content_multimedia td{width:100px;}
.content_multimedia table .profileimage img {border:none; padding:0; margin:0;}
.content_multimedia .profileimage a img{ border:2px solid #184f58; padding:0; margin:0;}
.content_multimedia .profileimage a:hover img, .multimedia_content .profileimage a:active img{ border:2px solid #999; padding:0; margin:0;}

.player_div h1{ font-size:18px; line-height:20px; font-weight:bold; margin:0; padding:0 0 0 1px;}
.player_div h2{ font-size:13px; line-height:13px; font-weight:bold; margin:0; padding:1px 0 4px 1px;}
.multimedia.player_div{ position:absolute; top:398px; margin:0 0 0 170px; padding:0; z-index: 4;}

/* sitemap */
.sitemap{background:url("../../assets/css/sitemap/sitemap_container_bg.jpg") repeat-y;}
.sitemap.container{padding:20px;color:#999;}
.content_sitemap table { width:740px; padding:0; margin:0;}
.content_sitemap table tr td { vertical-align:top; width:740px; padding:2px 3px 50px 5px; margin:0;}
.content_sitemap h1{ text-transform:uppercase;font-size:20px; font-weight:600; padding:0 0 10px 5px;}
.content_sitemap h2{ text-transform:uppercase; font-size:16px; font-weight:800; padding:0 0 5px; margin:0;text-align:left;}
.content_sitemap h3{ background:url("../../assets/css/sitemap/sitemap_icon.gif") 2px 0 no-repeat; font-size:12px; font-weight:600;padding:0 0 5px 17px; margin:0;text-align:left;}
.content_sitemap h3 a{ color:#fff;text-decoration: underline; text-align:left; padding:0; margin:0;}
.content_sitemap h3 a:hover{text-decoration:underline;}
.content_sitemap h4{ background:url("../../assets/css/sitemap/sitemap_icon.gif") 20px 0 no-repeat; font-size:12px; font-weight:400;padding:0 0 2px 35px; margin:0;text-align:left;}
.content_sitemap h4 a{ color:#efefef;text-decoration: none; text-align:left; padding:0; margin:0;}
.content_sitemap h4 a:hover{text-decoration:underline;}

/*Tip*/
.tool-tip{color:#fff;width:169px;z-index:13000; margin:-10px 0 0 0;}
.tool-title{font-weight:700;font-size:13px;color:#b3e8e4;background:#131b1d url("../../assets/css/tips_bg.gif")  left top no-repeat;margin:0;padding:8px 8px 2px; line-height:14px;}
.tool-text{font-size:11px;background:#131b1d url("../../assets/css/tips_bg.gif") right bottom no-repeat;padding:2px 8px 13px; margin:0;}
.custom-tip{color:#000;width:130px;z-index:13000;}
.custom-title{font-weight:700;font-size:11px;color:#3E4F14;background:#C3DF7D;border-bottom:1px solid #B5CF74;margin:0;padding:8px 8px 4px;}
.custom-text{font-size:11px;background:#CFDFA7;padding:4px 8px 8px;}

/*footer*/
#footer { margin:10px auto 20px; padding:0 0 20px; width:800px; text-align:right;}
#footer_links { float:left; padding:0 0 0 8px;}
#footer_logos { float:right; padding-left:10px;}
#footer_logos img{ vertical-align:middle; border:none;}
#footer_logos a { border:none; text-decoration:none;}
#footer p { color:#333;}
#footer a { color:#333; text-decoration:none; padding:0 10px;}
#footer a:hover { color:#222; text-decoration:underline; padding:0 10px;}
#footer a.current, #footer a.current:hover{ color:#fff !important; font-weight:600;}

#welcome_container{margin-left:-420px;position:absolute;top:-206px;left:50%;width:740px;height:411px;visibility:visible;}
#welcome_container ul{margin:0;padding:60px 0 0 10px;list-style:none;}
#welcome_container img{ padding:5px 0;}

/*Backtotop*/
.backtotop { color:#fff; font-weight:600; }

/*othercontent*/
#other.container { padding:20px 120px 30px 30px;}
#other.container h1{ font-weight:600; padding-bottom:15px}
#other.container h2{ font-size:15px; font-weight:600; padding:5px 0 0;}
#other.container p{ padding:1px 0 1px;}
#other.container a{ color:#fff;}
#other.container ul{ list-style:inside; padding:2px 0 2px 0;}
#other.container ul li{ list-style:disc; margin:2px 0 2px 25px;}
#other.container ol{ padding:2px 0 2px 0;}
#other.container ol li{ margin:2px 0 2px 25px;}
#abclist{ list-style:lower-latin; margin:2px 0 3px 20px;}

#welcome_holder{text-align:center;position:absolute;z-index:4;top:50%;left:0;width:100%;overflow:visible;visibility:visible;display:block;}
#welcome.container{margin-left:-420px;position:absolute;z-index: 4;top:-206px;left:50%;width:740px;height:411px;visibility:visible;}
#welcome.container ul{margin:0;padding:60px 0 0 10px;list-style:none;}
#welcome.container img{ padding:5px 0;}

.download_flash a{ display:block; background:url(../../assets/css/welcome/download.gif) 0 -36px no-repeat; width:254px; height:36px;}
.download_flash a:hover{ display:block; background:url(../../assets/css/welcome/download.gif) no-repeat; width:254px; height:36px;}
.goto_html a{ display:block; background:url(../../assets/css/welcome/htmlsite.gif) 0 -36px no-repeat; width:124px; height:35px;}
.goto_html a:hover{ display:block; background:url(../../assets/css/welcome/htmlsite.gif) no-repeat; width:124px; height:35px;}

#fadeyoutey {
	background-color:#000000;
	height:100%;
	left:0px;
	position:absolute;
	top:0px;
	width:100%;
	z-index:4;
}