@charset "UTF-8";
/* CSS Document */

body {
	font: 100% Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	background: #f1aea5;
	background-image:url(../images/bg-tile.jpg);
	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #5a374b;
	font-size: 14px;
	line-height: 18px;

}

* {margin:0;padding:0}



.oneColFixCtrHdr #container {
	background-image:url(../images/bg-mainImage.png);
	background-repeat:no-repeat;
	width: 955px;
	min-height:590px;
	margin: auto;
	text-align: left;
}
.oneColFixCtrHdr #header {
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
a:link {
color: #c61712;
}
a:hover {
color: #a54754;
}
img {
border: none;
}
.logo {
margin:0 0 0 320px;
}

#groupclass .logo {
margin:100px 0 0 220px;
}
.logo a:hover{
margin-left:320px;
}
h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 8px 30px;
	background:#f0b0a7;
	color:#c61712;
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:1px;
}

#healthEducation h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 8px 30px;
	background:#e45e52;
	color:#f5e7ec;
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:1px;
}
#lifeCoaching h1  {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 8px 30px;
	background:#995e7a;
	color:#f5e7ec;
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:1px;
}

#groupclass a:link {
color: #c61712;
text-decoration:none;
}
#groupclass a:hover {
color: #a54754;
text-decoration:none;
}
#groupclass a.button {
margin:0 10px 0 30px;

}

.links {
	margin: 0 0 0 26px;
	padding: 0 0 0 0;
	color: #bf3127;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:25px;
	text-decoration: underline;
}

#lifeCoaching h2 a {	
	text-decoration:none;
	color:#5a374b;
}


/*#lifeCoaching a {
	color: #bf3127;
	text-decoration: underline;
}
*/



#faq h1  {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 8px 30px;
	background:#964a5a;
	color:#f5e7ec;
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:1px;
}
h2 {
	padding: 8px 30px;
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	margin:0;
}

h3 {
	padding: 8px 30px 0 30px;
	font-size:16px;
	font-weight:bold;
	margin:0;
}

.Italics {
font-style:italic;
font-size: 14px;
padding: 0px 30px;
margin:0;
}

.smallItalics {
font-style:italic;
font-size: 11px;
float:right;
margin-bottom:20px;
}
ul.bullet {
list-style-type:circle;
margin:0;
padding:0 70px;
}

.oneColFixCtrHdr #homeContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	min-height: 350px;
}

.righttagline{
	float: right;
	margin:-20px 50px 0 0 ;
}

.lefttagline {
	clear: both;
	float: left;
	margin: 70px 0 0 75px;
}

.newsletter_callout {
	float: right;
	width: 415px;
	height: 218px;
	margin: 20px 30px 0 0;	
	border: 0px solid #f5e7ec;
	background:url(../images/bg-newsletter-callout.png);
	padding: 0 0 0 0;
		
}

.newsletter_callout_submitted {
	float: right;
	width: 415px;
	height: 218px;
	margin: 20px 30px 0 0;	
	border: 0px solid #f5e7ec;
	background:url(../images/bg-newsletter-callout-submitted.png);
	padding: 0 0 0 0;
	
}

.newsletter_callout_submitted p {
	color: #ffffff;
	text-align:center;
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	margin: 100px 0 10px 0;
}

.small_newsletter{
	width: 330px;
	height:238px;
	background: url(../images/bg-newsletter-smallcallout.png);
	border: 0px solid #f5e7ec;	
}

.small_newsletter_submitted{
	width: 330px;
	height:238px;
	background: url(../images/bg-newsletter-smallcallout-submitted.png);
	border: 0px solid #f5e7ec;	
}

.small_newsletter_submitted p {
	color: #ffffff;
	text-align:center;
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	margin: -40px 0 0 0;
}

.pageimage {
	float: right;
	width: 330px;
	margin: 0 20px 0 20px;
}

.contactpageimage {
	float: right;
	width: 330px;
	margin: 0 50px 0 20px;
}



/******Newsletter Form***********/
.FormContainer {	
	margin:0 0 0 0;
	text-align: right;
}

.FormContainer table
{
margin-top: 130px;

border-collapse:collapse;
width:100%;
}
.FormContainer table,th, td
{
border: 0px solid black;
}

input {
	border: 0px;
}
.FormContainer table input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #603d55;
}

.FormContainer table input.name {
	float: left;
	width: 170px;
	margin-left: 20px;
	height: 25px;
	border: none;
	border: 0px solid red;
	}

.FormContainer table input.email {
	float: left;
	width: 175px;
	margin: 0 30px 0 0;
	height: 25px;
	border: none;
	border: 0px solid red;
}

input.newsletter {
	border: 0;
}

.connectRow {	
	float: left;
	margin:15px 0 0 20px;
	border: 0px solid #f5e7ec;
	
}

.connectRow_submitted {	
	float: left;
	margin:40px 0 0 20px;
	border: 0px solid #f5e7ec;
	
}

.buttonRow {
	margin:15px 0 0 20px;
	float: right;
	padding:0 35px 0 0;
	min-height: 50px;	
}

.buttonRow img {
	border: none;
}


/******Small Newsletter Form***********/
.FormContainer2 {
	height: 25px;
	margin:0 0 0 0;
	padding:150px 0 0 0;
	text-align: right;
}

.FormContainer2 table,th, td
{
border: 0px solid black;
width:100%;
border-collapse:collapse;

}

input {
	border: 0px;
}
.FormContainer2 table input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #603d55;
}

.FormContainer2 table input.name {
	float: left;
	width: 140px;
	margin-left: 16px;
	height: 20px;
	border: none;
	}

.FormContainer2 table input.email {
	float: left;
	width: 152px;
	margin: 0 12px 0 0;
	height: 20px;
	border: none;
}

input.newsletter {
	border: 0;
}

.connectRow2 {
	margin-top: 10px;
	float: left;
	margin-left:20px;
	border: 0px solid #f5e7ec;
	
}

.buttonRow2 {
	margin-top: 10px;	
	float: right;
	padding:0 10px 0 0;
	left: -10px;
	min-height: 50px;	
}

.buttonRow img {
	border: none;
}



.oneColFixCtrHdr #mainContent {
	clear:both;
	width: 700px;
	margin: 80px 0 10px 155px;
	background:url(../images/bg-tile-pink.jpg);
	border: 4px solid #f5e7ec;
	padding: 0 0 30px 0;
	min-height: 450px;
}

.oneColFixCtrHdr #mainContent ul {
	padding: 10px 0 10px 0;
	margin: 0 0 0 20px;
}

.oneColFixCtrHdr #mainContent li {
	margin: 0;
	padding: 0 0 10px 0;
	display: block;
	float: left;
	position: relative;
	border: 0px solid red;
}

.oneColFixCtrHdr #mainContent p {
	padding: 0 30px;
}
.imageTagline {
padding: 98px 0 0 362px;
}
.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	width: 955px;
	position:relative;
}
.oneColFixCtrHdr .GN p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0 0 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	float:left;
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	

}

.footer_navbar {
	width: 600px;
	font: 100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	float:right;
	text-align:right;
	font-size: 11px;
	font-weight:bold;
	height: 44px;
	margin: 20px 0 0 0;	
}

.footer_navbar ul {
	width: 550px;
	color: #c4100c;	
	white-space: nowrap;
	padding-top: 10px;	
}
.footer_navbar li {
	list-style-type: none;
	display: inline;
}
.footer_navbar li a {	
	padding-left:3px;
	color: #c4100c;
	text-decoration: none;
}

.footer_pipe {
padding-left:3px;
color: #5b374e;
}

.footer_navbar ul li a:hover {
color:#5b374e;
}

.footer_left {
float: left;
width: 200px;
margin: 0 0 0 100px;
}

.footer_left p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0 0 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	float:left;
	font-size: 11px;
}

.GN {
clear:both;

}

.credit {
font-size: 11px;
line-height: 12px;
color:#f5e7ec;
margin:0 0 0 10px;

}
.credit a {
color:#f5e7ec;
}
.credit a:hover {
color: #8a3a4b;
}
.icon_footer {
float: left;
margin-right: 10px;
}
.footer_link a {
font-size: 11px;
color: #c61712;
float:right;
padding:10px 10px 0 10px;
}

.footer_link a:hover {
color: #8a3a4b;
}
.Quiz {
border:2px solid #f5e7ec;
}
/**********TOP NAV BAR***************/


.navLinks {
	float:right;
	display:inline;
	height: 37px;
	margin: 0 0 0 0;	
}

.navImg {
	padding-right: 10px;
	display:inline-block;
	float: left;
	
	
}

.navbar {
	float:left;
	height:37px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	text-align: -moz-right; /*for firefox only*/
	font-size: 12px;
	margin: 0 0 0 60px;
		
	
}
.navbar ul {
	margin-top: 10px;
	padding-right: 0px;
	width: 780px;
	color: #ecd3dd;	
	white-space: nowrap;
	
	
}
.navbar li {
	list-style-type: none;
	display: inline;
}
.navbar li a {	
	padding-left:5px;
	color: #ecd3dd;
	text-decoration: none;
}

.pipe {
padding-left:5px;
color: #c84434;
}

.connect {
	padding-left:10px;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #d65446;
	font-size: 11px;
}



.navbar ul li a.selectedItem {
color:#c84434;
}

.navbar ul li a:hover {
color:#c84434;
}




/***********************************************/
/*		CONTACT PAGE DEFINITIONS				   */
/***********************************************/

#contact_page {
	font-size:12px;
}


#contact_content_main {
	margin-left: 30px;
	}


#error_firstname{
	text-align:left;	
	color:#c61712;
	font:Verdana normal 9px;
	display: none;
}

#error_lastname{
	text-align:left;	
	color:#c61712;
	font:Verdana normal 9px;
	display: none;
}

#error_email{
	text-align:left;	
	color:#c61712;
	font:Verdana normal 9px;
	display: none;
}

input {
border: 1px solid #e45e52;
font-size: 11px;
color: #c61712;

vertical-align:middle;
}

textarea {
border: 1px solid #e45e52;
font-size: 11px;
color: #c61712;
vertical-align:middle;
}



/**************************************/
/*   MAIN NAV MENU DEFINITIONS	      */
/**************************************/
#nav {
float:left;
  text-align: center;
  width: 900px;
  padding: 0 0 0 73px;
}
#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 900px;
  height: 71px;
  position: relative;
  
}

#menu span {
  display: none;
  position: absolute;
}

/*text-indent is to hide the menu text*/
#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}

/*on hover, shift background image from top to bottom*/
#menu a:hover {
  background-position: left bottom;
}


#menu a:hover span {
  display: block;
}


#menu .healthEducation {
  width: 405px;
  height: 71px;
  background:url(../images/nav_healthEducation.png) no-repeat;
  left: 0px;
  top: 0px;
}

#menu .healthEducation_selected {
  width: 405px;
  height: 71px;
  background: url(../images/nav_healthEducation.png) no-repeat;
  left: 0px;
  top: 0px;
  background-position: left bottom;
}


#menu .lifeCoaching {
  width: 204px;
  height: 71px;
  background:url(../images/nav_lifeCoaching.png) no-repeat;
  left: 405px;
  top: 0px;
}

#menu .lifeCoaching_selected {
  width: 204px;
  height: 71px;
  background: url(../images/nav_lifeCoaching.png) no-repeat;
  left: 405px;
  top: 0px;
  background-position: left bottom;
}

#menu .stress {
  width: 175px;
  height: 71px;
  background:url(../images/nav_stress.png) no-repeat;
  left: 609px;
  top: 0px;
}

#menu .stress_selected {
	width: 175px;
  	height: 71px;
  background:url(../images/nav_stress.png) no-repeat;
  left: 609px;
  	top: 0px;
  background-position: left bottom;
}

#menu .about {
  width: 175px;
  height: 71px;
  background:url(../images/nav_about.png) no-repeat;
  left: 609px;
  top: 0px;
}

#menu .about_selected {
	width: 175px;
  	height: 71px;
  background:url(../images/nav_about.png) no-repeat;
  left: 609px;
  	top: 0px;
  background-position: left bottom;
}