@charset "UTF-8";
@import url("sidebar_styles.css");


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

Mental Health First Aid website  |  2009
Design + code by Karlic Design  |  www.karlic.com

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


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

body {
	margin:0; padding:0;
	background: url(../_assets/gradient.png) repeat-x #0094B7;
	font: normal .85em/1.45em Georgia, "Times New Roman", Times, serif;
	color: #444;
	text-align:center; /* IE hack to center */
	}

#wrapper {
	position:relative;
	margin:0 auto; padding:0;
	width:780px; height:auto;
	background-color:#FFF;
	text-align:left; /* override text-align on body */
	}
	
#header {
	margin:0; padding:0;
	width:780px; height:365px;
	background: url(../_images/mhfa_header.jpg) no-repeat top left;
	}
	
#logo a {
	margin:0; padding:0;
	position:absolute; top:35px; left:50px;
	width:111px; height:200px;
	background:url(../_images/mhfa_logo.gif) no-repeat;
	display:block;
	text-indent:-9999em;
	z-index:1000;
	overflow:hidden;
	}
	
#content {
	margin:0; padding:50px 0 0 0;
	width:780px;
	background: url(../_images/shadow.gif) no-repeat;
	}
	
#col_sidebar {
	margin:0 0px 30px 35px; padding:0;
	float:left;width:220px;
	}
	
#col_main {margin:0 35px 60px; padding:0; float:right;width:450px;}
	
	
#credits {
	margin:0 auto; padding:0 0 2em 0;
	clear:both;width:780px;
	}
	

/***********************  QUICK NAVIGATION ************************/

ul#quick_nav  {margin:0; padding:0; position:absolute; right:35px; top:12px; list-style:none;}	
ul#quick_nav li {margin:0; padding:0 0 0 10px; display: inline; text-transform:uppercase;}	
ul#quick_nav  li a {text-decoration:none;}
ul#quick_nav li a:hover {text-decoration:underline;}


/************************ BASIC TYPE ************************/

h1 {margin:0 0 .7em 0; padding:0;
	font:bold 1.1em/1em Arial, Helvetica, sans-serif;
	color: #000;
	text-transform:uppercase;
	letter-spacing:.2em;
	}	
	
h2 {margin:24px 0 12px 0; padding:20px 0 0 0;
	font:bold 1em/1.25em  Arial, Helvetica, sans-serif;
	color:#000;
	border-top: 1px solid #B71C5F;	}
	
h2.norule {
	margin:20px 0 12px 0; padding:0;
	font: bold 1em/1.25em  Arial, Helvetica, sans-serif;
	color:#000;
	border-top: none;
	}
	
p {margin:0; padding:0; text-indent:1em;}
.noindent {text-indent:0;}

p.intro, p.intro_home, p.callout {text-indent:0;font:normal 1.35em/1.45em Georgia, "Times New Roman", Times, serif;color: #000;}
p.intro {margin:0; padding:0;}
p.intro_home {margin:0; padding:0 0 1em 0;}
p.callout {margin:0 ; padding: 0 0 .8em 0; text-indent:0;font:normal 1.15em/1.45em Georgia, "Times New Roman", Times, serif;color: #725392;}	
	
	
.small {margin:0; padding:1.25em 0 1em 0; font: normal .9em Arial, Helvetica, sans-serif;text-indent:0;}		

#col_main ul {margin:.6em 0 0 0; padding:0 0 0 2em;list-style: disc;}
#col_main ul li {margin:0; padding:0 0 .6em 0;line-height:1.3em;}
#col_main ul.nostyle {margin:0 0 1em 0; padding:0;list-style:none;}
#col_main ul.nostyle li {margin:0; padding:0 0 .6em 0;line-height:1.3em;}

ul.callout {margin:1em 0 0 0; padding:0;list-style:none;}	
span.bold {font-weight:bold;}

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


/************************  MAIN NAVIGATION  ************************/

#main_nav {
	margin:0; padding:0;
	height:36px; width:780px;
	}
	
#main_nav ul {
	margin: 0; padding:0;
	list-style:none;
	height:36px; width:780px;
	background-color: #B71C5F;
	}
	
#main_nav ul li {
	margin:0 ; padding:0; 
	height:36px;
	float: left;
	line-height: 36px;
	border-right: 1px solid #fff;
	font-size: .9em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .0em;
	text-align:center;
	}



#main_nav ul li a {
	margin:0; padding:0; 
	color: #fff;
	text-decoration:none;
	display: block;
	}

#main_nav ul li a:hover {
	margin:0; padding:0; 
	background-color: #260B3A;
	text-decoration: none;
	display: block;
	color:#FFF;
	}

#main_nav ul li.aboutmhfa {height:36px;width:116px;}	
#main_nav ul li.takethecourse {height:36px;width:156px;}	
#main_nav ul li.news {height:36px;width:66px;}	
#main_nav ul li.results {height:36px;width:90px;}	
#main_nav ul li.instructorsonly {height:36px;width:164px;}	
#main_nav ul li.contactus {height:36px;width:116px;}	
#main_nav ul li.home {height:36px;width:66px; border-right:none;}

	

/************************  FOOTER  ************************/

#footer {margin: 0 35px; padding:0; clear:both; height:52px; border-top: 1px solid #B71C5F;
font: bold .8em/1.45em Arial, Helvetica, sans-serif; text-transform:uppercase;}

/*  left side  */
ul#footer_nav  {margin:0; padding:0; list-style:none; float:left;}
ul#footer_nav li {margin:0; padding:0 10px 0 0; float:left; line-height:44px;}
ul#footer_nav li a {padding:0 10px 0 0;text-decoration:none; color:#005693;}
ul#footer_nav li a:hover {text-decoration:underline;}

/*  right side  */
ul#footer_nav_r  {margin:0; padding:0;list-style:none; float: right;text-align:right;}
ul#footer_nav_r li {margin:0; padding:0 0 0 10px; float:left; line-height:44px;}
ul#footer_nav_r  li a {padding:0 0 0 10px; text-decoration: none;color:#005693;}
ul#footer_nav_r li a:hover {text-decoration:underline;}
	
		
/************************ CREDITS NAVIGATION ************************/

#credits { margin:2em auto 5em auto; padding:0; width:780px; text-align:right;}	
#credits p a {margin:20px 0 0 0; padding:0;font: bold .7em Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform:uppercase; letter-spacing:.1em;}
#credits p a:hover{color:#000;text-decoration:none;}


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

body#staff .staff
	{font-weight:bold;}	
	
body#aboutmhfa .aboutmhfa,
body#takethecourse .takethecourse,
body#news .news,
body#results .results,
body#instructorsonly .instructorsonly,
body#contactus .contactus
	{background-color: #260B3A;}