@charset "UTF-8";

/*
-----------------------------------------------
Screen Stylesheet

Author: Delwin Holeman delwin@idwebandprint.com
Version: 2009.01
----------------------------------------------- */

* {
	margin: 0; /* it's good practice to zero the margin and padding of all the elements to account for differing browser defaults */
	padding: 0;
	}
	
/* force right scrollbar */
html { 
    height: 100%;
    margin-bottom: 1px;
	}

body  {
	margin: 0px auto 0 auto;
	font-family: verdana, arial, sans-serif;
	color: #222;
	}

#header {            
	background: url(../images/bg_header.gif) repeat-x;
	}
	
#header #logo a {
	margin: 0 auto;
	display: block;
	width: 829px;
	height: 91px;
	}
	
	
/* 
NAVIGATION --------------------- */

.skiplink {
	display: none;
	}

#navMain {
	margin: 0 auto;
	width: 829px;
	height: 34px;
	}

#navMain ul {
	list-style: none;
	font-size: 12px;
	padding: 0 0 0 226px;
	}
	
#navMain ul li {
	display: inline;
	float: left;
	height: 33px;
	}
	
li#n-home, li#n-mbsr, li#n-programs, li#n-about, li#n-resources, li#n-contact {
	border-right: 1px solid #ececec;
	}

li#n-home, li#n-mbsr, li#n-programs, li#n-about, li#n-resources, li#n-contact {
	border-left: 1px solid #e3e3e3;
	}
	
li#n-home {
	border-left: none;
	}
	
li#n-contact {
	border-right: none;
	}
	
#home 	   			li#n-home a:link, 			#home li#n-home a:active, 						#home li#n-home a:visited,
#mbsr				li#n-mbsr a:link,				#mbsr li#n-mbsr a:active,						#mbsr li#n-mbsr a:visited,
#programs   		li#n-programs a:link,		#programs li#n-programs a:active,			#programs li#n-programs a:visited,
#about				li#n-about a:link,			#about li#n-about a:active,	 					#about li#n-about a:visited,
#resources			li#n-resources a:link,		#resources li#n-resources a:active,			#resources li#n-resources a:visited,
#contact			li#n-contact a:link,			#contact li#n-contact a:active,					#contact li#n-contact a:visited {
	color: #222;
	}
	
#navMain a:link, #navMain a:active, #navMain a:visited {
	display: block;
	float: left;
	height: 25px;
	padding: 10px 20px 0 20px;
	color: #4035a6;
	text-decoration: none;
	}
	
#navMain a:hover {
	color: #6359be;
	}
	
	
/*
CONTENT AND COLUMNS --------------------- */

#content { 
	width: 829px; 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background: url(../images/bg_content.gif) repeat-y;
	} 

#content img {
	vertical-align: top;
	}
	
body.ms #mainContent, 
body.sm #mainContent {
	width: 582px;
	}
	
body.ms #sidebar,
body.sm #sidebar {
	display: block;
	width: 236px;
	margin: 42px 0 0 0;
	}
	
body.ms #mainContent,
body.sm #sidebar {
	float: left;
	display: inline;
	}
	
body.sm #mainContent,
body.ms #sidebar {
	float: right;
	display: inline;
	}
	
#mainContent {
	text-align: left;
	margin: 0 0 0 11px;
	}
	
div#sidebar {
	display: none;
	}
	
p {	
	margin: 0 55px 15px 0;
	font-size: .85em;
	line-height: 1.7em; 
	}
	
.whatsnew p {
	font-size: 12px;
	line-height: 17px;
}
	
p.small {	
	font-size: 9px;
	}
	
p.largeText {	
	margin: 0 55px 20px 0;
	font-size: 1.0em;
	line-height: 1.7em; 
	color: #555;
	}
	
p.quote {	
	width: 400px;
	margin: 30px 0 10px 0;
	padding: 10px 0 0 20px;
	font-size: .85em;
	line-height: 1.5em; 
	font-style: italic;
	color: #444;
	background: url(../images/quote.gif) no-repeat;
	}
	
p.author {
	padding: 0 0 0 20px;
	font-family: 'Trebuchet MS', verdana, sans-serif;
	font-size: .80em;
	}
	
#sidebar p {	
	margin: 0 15px 5px 10px;
	width: 170px;
	font-size: .80em;
	line-height: 1.6em; 
	}
	
#email {
	font-size: 9px;
	margin: 0 0 8px 0;
	padding: 0;
	color: #999;
	}

hr.hr {
	float: left;
	height: 1px;
	background: #C1CDE5;
	width: 90%;	
	margin: 10px 0 15px 0;
}

/*
HEADINGS --------------------- */	

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: 'Trebuchet MS', verdana, sans-serif;
	color: #444;
	}

h1 {
	margin: 0 0 15px 0;
	text-indent: -9999px;
	width: 580px;
	height: 58px;
	}
	
#home h1 {
	background: url(../images/txt_welcome.gif) no-repeat;
	}
	
#mbsr h1 {
	background: url(../images/txt_mbsr.gif) no-repeat;
	}
	
#programs h1 {
	background: url(../images/txt_programs.gif) no-repeat;
	}
	
#about h1 {
	background: url(../images/txt_about.gif) no-repeat;
	}
	
#resources h1 {
	background: url(../images/txt_resources.gif) no-repeat;
	}
	
#contact h1 {
	background: url(../images/txt_contact.gif) no-repeat;
	}
	
h2 {
	margin: 35px 0 15px 0;
	padding: 15px 0 0 0;
	font-size: 1.3em;
	border-top: 1px solid #c1cde5;
	}
	
.home h2 {
}
	
#whatsnewHome  h2 {
	margin: 15px 0 15px 0;
	padding: 10px 0 0 0;
}
	
h3 {
	margin: 20px 15px 0 0;
	padding: 8px 0 15px 0;
	font-size: 1.1em;
	}
	
h3.testimonialTopBorder {
	margin-top: 30px;
	font-weight: bold;
	padding-top: 15px;
	border-top: 1px solid #c1cde5;
	}
	
#whatsnewHome h3 {
	font-size: 13px;
	margin: 10px 15px 0 0;
	padding: 4px 0 10px 0;
	font-family: verdana, sans-serif;
	font-weight: bold;
}

.whatsnew {
	border-bottom: 	1px solid #c1cde5;
	width: 85%;
	padding: 0 0 10px 0;
}
	
h4 {
	margin: 0 15px 0 0;
	font-size: .8em;
	}
	
#sidebar h4 {
	width: 174px;
	padding: 10px 0 10px 10px;
	margin: 0 0 15px 0;
	border: 1px solid #c1cde5;
	background: #f5f5f5;
	text-transform: uppercase;
	}
	
h5 {
	margin: 0 40px 20px 19px;
	padding: 34px 0 6px 0;
	font-size: 1.2em;
	border-bottom: 1px dotted #777;
	}
	
h6 {margin: 10px 0 15px 0;
	padding: 15px 0 0 0;
	font-size: 1.3em;
	}
	
#mainContent ul {
	margin: 0 40px 18px 5px;
	padding: 0;
	font-size: 13px;
	list-style: none;
	}
	
#mainContent ul li {
	margin: 0 0 6px 0;
	padding: 0 0 0 15px;
	background: url(../images/bullet.gif) no-repeat 0 7px;
	}
	
#sidebar ul {
	border-top: 1px solid #c1cde5;
	margin: 0 30px 0 35px;
	padding: 28px 0 0 0;
	font-size: 12px;
	}
	
#sidebar ul li {
	margin: 0 0 9px 0;
	padding: 0;
	line-height: 17px;
	}
		
#subNav ul {
	list-style: none;
	}
	
ol {
	margin: 0 30px 15px 40px;
	font-size: .9em;
	line-height: 1.6em;
	color: #000;
	}


#sidebar .testimonialsSec {
	border-top: 1px solid #c1cde5;
	width: 170px;
	margin:  0 0 0 33px;
	}
	
#sidebar .testimonial {
	font-size: 11px;
	margin: 0 0 15px 0;
	width: 160px;
	float: left;
	line-height: 17px;
	color: #333;
	}
	
#mbsr #sidebar .testimonialsSec {
	border-top: none;
	}
	
#testimonialsHome .testimonial {
	width: 160px;
	font-size: 12px;
	float: left;
	line-height: 19px;
	margin: 0 25px 0 0;
	color: #555;
	}
	
	
/*
LINKS --------------------- */


a img {
	border: none;
	}
	
a { 
	color: #436dc9;
	text-decoration: none; 
	}
					
a:hover { 
	text-decoration: underline; 
	}
	
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin: 0 0 7px 15px;
	text-align: right;
	}

.fltlt { /* this class can be used to float an element left in your page */
	float: left;
	margin: 0 15px 35px 0;
	}
	
.center {
	text-align: center;
	}
	
form input {
	margin: 0 0 10px 0;
	}

/*
TABLES--------------------- */

/* sortable table alternating row colors. styles below are for td's that have another class applied which makes the automatic class application not work. See the body onload for the automatic colors */
	

 .even {
 	background-color: #efefef;
	}
	
.odd {
	background-color: #fff;
	} 

/*
FOOTER --------------------- */

	
#footer { 
	margin: 70px auto 0 auto;
	width: 829px;
	height: 41px;
	border: 1px solid #c1cde5;
	background: #f5f5f5;
	} 
	
#copyright {
	margin: 0 auto;
	width: 829px;
	}

#copyright p {
	margin: 0;
	padding: 0; 
	font-size: 10px;
	color: #777;
	}
	
#copyright p .left {
	float: left;
	}
	
#copyright p .right {
	float: right;
	}
	
#copyright a {
	color: #777;
	text-decoration: none;
	}
	
#copyright a:hover {
	text-decoration: underline;
	}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}