@charset "utf-8";

body {
	font-family: Arial;
	font-size: 12px;
	width: 100%;
	font-style: normal;
	text-decoration: none;
	background-color: #9AAFC0;
		
}
.oneColElsCtr #container {
	background-image:url(images/logoback_1800.jpg)	;
	background-repeat:no-repeat;
	background-position: top center;
	background-color:White;
	width:835px;
	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. */

}
.oneColElsCtr #mainContent {
	padding: 0 10px 10px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
h1 {
	font-family: Arial;
	font-size: 36px;
	color: #2e77be;
}
.black {
	color: #000000;
	line-height:150%
}

.black img {margin-right: 10px}

ul.gold {
	color: #EF9703;
	list-style-image: none;
	list-style-type: disc;
}


.question {
	font-family: Arial;
	font-weight: bold;
	color: #2e77be;
	font-size: 20px;
}

a:link, a:visited, a:active {
	color: #ffffff;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #666666;
}


img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.top_link {
	font-family: Arial;
	font-size: 14px;
	color: #2e77be;
}

#pagetitle {text-align:center; font-family: Arial; font-weight:600; color:#2e77be; font-size:22px; margin: 24px 0 8px 0}
#pagesubheading { text-align:center; margin:0 0 20px 0; padding:0; font-weight:normal; }


p#pagetitle + p {margin-top: -6px }

#TopMenu {width:700px; margin-left:10px; text-align:center; float:left}

#TopLogo { font-family: Arial; color:#2e77be; float:right; width:550px; height:140px; padding-top:50px; clear:both; }
#TopLogo .welcome { font-weight:600; color:#ffffff; font-size:32px; margin-bottom:10px} 
#TopLogo .subtext { margin-left:5px; margin-top:0; font-family: Arial; color:#4c4c4b; width:500px; font-weight:300; font-size:12px}

.black img {float:left; padding:5px;}

h4 {
	font-family: Arial;
	font-size: 12px;
	padding: 0 0 0 40px;
	margin-bottom:0;
	color: #2e77be;
}

h4 + p {
	margin-top:0;
}

h5 {
	font-family: Arial;
	font-size: 12px;
	padding: 0 0 0 40px;
	margin-bottom:0;
	font-style:italic;
	color: #000;
}

h5 + p {
	margin-top:0;
}

#mainContent2 {margin: 0 20px 0px 20px; }


#bottommenu a:link {
	color: #ffffff;
	text-decoration: none;
}
#bottommenu a:visited {
	text-decoration: none;
	color: #ffffff;
}
#bottommenu a:hover {
	text-decoration: none;
	color: #666666;
}
#bottommenu a:active {
	text-decoration: none;
	color: #2e77be;
}

h4.terms, h4.privacy {margin:0 0 6px 0; padding:0 }

.researchdiv {clear:both; width:776px;}

.researchdiv img { padding-bottom: 20px; }

.faqList {margin-left: 16px; margin-bottom:30px; }

#indexbuttons { padding:20px; clear:both;}

#indexbuttons td { width:50% }

/* chlmbutton added by CPD, 9-13-10 */
.welcomebutton, .lmbutton, .chlmbutton, .signupbutton {width:350px; height:40px; padding-right:16px;  font-size:34px }

.welcomebutton		{ background-image:url(images/welcomeback.jpg); }
.signupbutton		{ background-image:url(images/signup.jpg); }
.lmbutton			{ background-image:url(images/learnmore.jpg); }
.chlmbutton			{ width: 300px; background-image:url(images/clickheretolearnmore.jpg); background-repeat: repeat-y; }

.welcomebutton:hover, .signupbutton:hover, .lmbutton:hover, .chlmbutton:hover    {background-position:0 40px;}

#newsletter {margin: 0 0 0 40px; padding-bottom:40px;}

#newsletter #submit {padding-top:20px;}

.overviewsectionh {clear:both; }

.overviewsectionh img { float:right; padding-left:20px; margin: 0 40px 20px 0; }

.overviewsectionl { padding-right:30px; clear:both;}

.overviewsectionl img {float:left; padding-right:20px; padding-bottom:20px;}

#overviewbuttons {height:100px; padding-top:20px; clear:both; width:850px; margin:0; }

.overviewbuttonl {width:325px; height:40px; font-size:34px; float:left; margin-left:0px; padding-left: 0px; padding-right:16px;}
.overviewbuttonl a:hover {background-position:0px 40px}

.overviewbuttonr {width:325px; height:40px; font-size:34px; float:right; margin-right:80px; padding-right:24px;;}
.overviewbuttonr a:hover {background-position:0px 40px}

.overviewor {text-align:left; padding-top:10px; font-size:16px; font-style:italic; font-weight:600; width:40px; float:right;}

/* sectionheaders2 added by CPD, 9-13-10 */
.sectionheaders, p.sectionheaders2 {
	font-family: Arial;
	font-weight: bold;
	color: #4488C1;
	font-size: 18px;
	padding-left: 20px;
	padding-bottom:0;
	margin-bottom:0;
}

p.sectionheaders2 {
	font-size: 14px;
	padding-left: 20px;
	padding-bottom:0;
	margin-bottom:0;
}

#white_page_hack { width:745px; margin-left:-50px; margin-bottom:-10px; padding: 0 40px 20px 50px; background-color:#FFF }

/* layout styles added by CPD for Emotion Coaching page, 9-14-10 */
#callout {
	/* border: 1px dotted blue; */
	margin: 20px 0 0 50px;
	overflow: hidden;
	clear: both;
	height: 100%;
}

#callout div {
	/* border: 1px dotted red; */
}

.calloutbox {
	float: left;
	margin-right: 10px;
	width: 165px;
	text-align: center;
}

.calloutbox span.sectionheaders2 {
	/* border: 1px dotted green; */
	display: block;
	margin-top: 18px;
	font-family: Arial;
	font-weight: bold;
	color: #4488C1;
	font-size: 12px;
	text-align: center;
	vertical-align: bottom;
	/* height: 100%; */
}

.calloutbox .center {
	text-align: center;
	margin: 0 auto;
	height: 100%;
}

.calloutbox .center a {
	display: block;
	/* height: 100%; */
}

/* layout styles added by CPD for home page draft, 9-15-10 */
/* simplify formatting of buttons, and improve accessibility, SEO */
#logonbttn, #learnmorebttn {
	/* border: 1px dotted red; */
	display: block;
	width: 350px;
	padding-right: 0;
}

#logonbttn span.desc, #learnmorebttn span.desc {
	display: none;
}

/* styles for video gallery */
div#videos {
	/* border: 1px solid green; */
	margin-bottom: 30px;
	padding: 0 0 30px 45px;
	/* padding: 30px 0 30px 45px; */
	overflow: hidden;
}

/* IE6 and earlier will *not* read this style */
html>body div#videos {
	margin: 0;
}

div#videos div.swf {
	/* border: 1px solid red; */
	float: left;
	width: 310px; height: 239px;
	margin: 0 45px 0 0;
	overflow: hidden;
	padding: 0;
	/* width: 448px; height: 248px; */
}

.swf p {
	display: none;
}

a.email, a.show {
	color: black;
	text-decoration: underline;
}

a.email:hover, a.show:hover {
	text-decoration: none;
}

/* IE6 and earlier will *not* read this style */
html>body a.email,html>body a.show  { color: inherit; }

#bigbuttons p {
	margin: 4px 0 18px 20px !important;
	padding-left: 14px;
	background: url('images/arrow-more-black-more.gif') 2px .6em no-repeat; padding-top: 2px;
	/* background: url('images/arrow-more-black4.gif') 2px .6em no-repeat; padding-top: 2px; */
}