/* universal styles */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #333333;
	line-height: 1.4em;
}
p {
	margin: 0;
	padding-top: 8px;
	padding-bottom: 0;
}
p.subHead {
	margin: 0;
	padding-top: 20px;
	padding-bottom: 0;
}
a:link, a:active, a:visited {
	color: #003a67;
	text-decoration: underline;
}
a:hover {
	color: #f26522;
	text-decoration: underline;
}


/* clearing for the browsers */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* structural styles */
#mContainer {
	width: 700px;
	text-align: center;
	margin: 0 auto;
}
#mBody {
	margin-top: 6px;
	margin-right: 12px;
	margin-bottom: 6px;
	margin-left: 12px;
	overflow: hidden;
	text-align: left;
}
#mBody h1 {
	font-size: 1.4em;
	margin: 12px 0 6px 0;
	padding: 2px 0 4px 0;
	border-bottom: 1px solid #e3e3e3;
	color: #1a4c74;
}
.leftCol {
	float: left;
	width: 334px;
	text-align: left;
	margin: 0 8px 20px 0;
}
.rightCol {
	float: right;
	width: 334px;
	text-align: left;
}
#subLeftCol {
	float: left;
	width: 464px;
	margin-right: 12px;
	text-align: left;
	margin-bottom: 12px;
}
#subLeftCol h2 {
	font-size: 1.3em;
	margin: 0 0 0 0;
	padding: 10px 0 4px 0;
}
#subRightCol {
	float: right;
	width: 200px;
	text-align: left;
}
#subWindowL {
	float: left;
	height: 139px;
	width: 400px;
}
#subWindowR {
	float: right;
	height: 139px;
	width: 300px;
}
.italicBox {
	width: 460px;
}
.testL {
	float: left;
	width: 150px;
	margin-right: 6px;
}
.testR {
	float: right;
	width: 308px;
}
#onlinenav {
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	width: 464px;
}

/* padding and margin styles */
.boxPadTop {
	margin-top: 20px;
}
.boxSubPadTop {
	padding-top: 24px;
}
.padSmall {
	padding-top: 6px;
}
.imgTPad {
	padding-top: 2px;
}
.imgRPad {
	margin-right: 4px;
	margin-bottom: 6px;
}
.fClear {
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0;
}



#titleBoxBG {
	background: url(/images/titles/titleBoxBG.jpg) no-repeat;
	width: 700px;
	height: 138px;
	text-align: right;
}
#titleBoxBG h2 {
	font-family: Arial, Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color: #ffffff;
	margin: 0;
	padding: 0 40px 0 0;
	line-height: 120px;
	text-transform:uppercase;
}





/* boxes and small containers */
.stripeBox {
	background-image: url(/images/stripeBG.gif);
	width: 334px;
	margin-top: 6px;
}
.stripePad {
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
}
.contactBox {
	background-image: url(/images/stripeBG.gif);
	width: 464px;
	margin-top: 20px;
}
#photoBoxes {
	clear: both;
	width: 676px;
	padding-top: 12px;
	margin: 0;
}
.photoBoxMargin {
	padding-right: 8px;
}
#quotesBox {
	margin-top: 12px;
}
.col3A {
	float: left;
}
.col3B {
	float: left;
}


/* Personal Styles */
.makeBold {
	font-weight: bold;
}
.subHeader {
	font-size:12px;
	font-weight: bold;
	color: #333333;
}
.contentSubHeader {
	font-size:11px;
	font-weight: bold;
	color: #333333;
}
.colorBar {
	background-color: #f2f4f7;
	width: 464px;
	margin-top: 4px;
}
.colorBarInt {
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.packages {
	color: #143a64;
	font-weight: bold;
}
.headerA {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
.makeRed {
	color: #FF6600;
}
.highlight {
	font-size: 1.1em;
	color: #005da8;
	font-weight: bold;
}
.highlightB {
	font-size: 1.1em;
	color: #acdbff;
}

/* Online Training */
.packageBox {
	width: 464px;
	background-image: url(/images/onlinetraining/boxBG.gif);
	background-repeat: repeat-y;
}
.packageBoxPad {
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 12px;
}
.packageBoxHBlue {
	background-image: url(/images/onlinetraining/blueTopper.gif);
	background-repeat: no-repeat;
	height: 47px;
	width: 464px;
	position: relative;
}
.packageBoxHOrange {
	background-image: url(/images/onlinetraining/orangeTopper.gif);
	background-repeat: no-repeat;
	height: 47px;
	width: 464px;
	position: relative;
}
.packageBoxHGreen {
	background-image: url(/images/onlinetraining/greenTopper.gif);
	background-repeat: no-repeat;
	height: 47px;
	width: 464px;
	position: relative;
}
.packageBoxHText {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 12px;
	padding-bottom: 6px;
	position: absolute;
	bottom: 0px;
}
.phaseTitle {
	font-size: 14px;
}
p.packageSpace {
	margin: 0;
	padding-top: 4px;
	padding-bottom: 0;
}
.purchaseBox {
	width: 440px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	padding-top: 6px;
	margin-top: 12px;
	padding-bottom: 6px;
}
.purchaseLine {
	background-color: #666666;
	width: 440px;
	padding-top: 6px;
	padding-bottom: 6px;
	color: #ffffff;
	margin-bottom: 12px;
}
.purchaseBoxB {
	width: 416px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd;
	padding-top: 6px;
	margin-top: 12px;
	padding-bottom: 6px;
}
.purchasePad {
	padding-left: 12px;
	padding-right: 12px;
}



/* Form Styles */
form tr td {
	padding-right: 6px;
	padding-top: 4px;
	padding-bottom: 4px;
}
input, textarea {
	font-size: 11px;
}



/* Newsletters */
.tipBox {
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.tipPhotoL {
	margin-right: 6px;
	margin-bottom: 6px;
	float: left;
}
.tipBox h2 {
	font-size: 1.4em;
	margin: 0;
	padding: 0;
}
.nlColL {
	float: left;
	width: 226px;
	margin-right: 12px;
}
.nlColR {
	float: right;
	width: 226px;
}
#popContainer {
	width: 100%;
}
#popHeaderA {
	height: 76px;
	width: 100%;
	min-width: 580px;
	background-image: url(/images/newsletter/popup/kidsCornerHeader.gif);
	background-repeat: no-repeat;
}
#popHeaderB {
	height: 76px;
	width: 100%;
	min-width: 580px;
	background-image: url(/images/newsletter/popup/healthNewsHeader.gif);
	background-repeat: no-repeat;
}
#popHeaderC {
	height: 76px;
	width: 100%;
	min-width: 580px;
	background-image: url(/images/newsletter/popup/articlesHeader.gif);
	background-repeat: no-repeat;
}
.popPad {
	max-width: 580px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}


/* lists */
.ot ol, .ot ul{
	border: 0;
	margin: 0;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 2.5em;
}
.ot ol li, .ot ul li {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
	margin: 0;
}
ul.articles {
	padding: 0 24px;
}
ul.articles li {
	padding: 4px 0;
	margin: 0;
}



/* Form Styles */
form {
	margin: 0;
	padding: 0;
}


/* footer */
#footer {
	background: url(/images/footer.jpg) no-repeat 0 0;
	width: 700px;
	text-align: center;
	padding: 60px 0 0 0;
	margin: 12px 0 12px 0;
	font-size: .9em;
	color: #444444;
}
#footer a {
	text-transform: uppercase;
}


/* Online Training Home Box */
#otBox {
	background: #dcecfa url(/images/backgrounds/onlineTrainBG.gif) no-repeat;
	padding: 12px;
	width: 304px;
	overflow: hidden;
	font-size: .9em;
	line-height: 1.2em;
}
#otBox a {
	float: left;
	margin: 0 6px 6px 0;
}
#otSubBox {
	background: #edf7ff;
	width: 304px;
	padding: 6px 12px 12px 12px;
	font-size: .9em;
}
/* Online Training Main Boxes */
.trainingBox {
	background: url(/images/onlinetraining/programBG.jpg) no-repeat top left;
	width: 440px;
	padding: 20px 12px 12px 12px;
	margin: 12px 0 20px 0;
	overflow: hidden;
	border-bottom: 1px dashed #d3d3d3;
}
.trainingBox h4 {
	color: #005ea8;
	margin: 0;
	font-size: 1.3em;
	padding: 0;
	display: block;
}
.trainingBox h2 {
	font-size: 1em;
	margin: 12px 0 0 0;
	padding: 0;
}
.trainingPhoto {
	float: left;
	margin: 14px 12px 0 0;
	width: 100px;
	font-size: .9em;
}
.trainingDesc {
	float: left;
	width: 328px;
	margin: 12px 0 0 0;
}
.trainingSolo {
	margin: 12px 0 0 0;
}
.trainingBox ul {
	padding: 0;
	margin: 0 0 12px 20px;;
}
.trainingBox ul li {
	padding: 2px 0;
}
#otJR a {
   float: left;
   width: 100px;
   height: 170px;
   background: url(/images/onlinetraining/pplans_jrBA.jpg) no-repeat;
   margin: 0 0 6px 0;
}
#otJR a:hover {
   background-position: 0 -170px; 
}
#otMary a {
   float: left;
   width: 100px;
   height: 170px;
   background: url(/images/onlinetraining/pplans_maryBA.jpg) no-repeat;
   margin: 0 0 6px 0;
}
#otMary a:hover {
   background-position: 0 -170px; 
}
#otChris a {
   float: left;
   width: 100px;
   height: 170px;
   background: url(/images/onlinetraining/pplans_chrisBA.jpg) no-repeat;
   margin: 0 0 6px 0;
}
#otChris a:hover {
   background-position: 0 -170px; 
}








/* Before and After */
.baBox {
	overflow: hidden;
	margin: 20px 0 0 0;
}
.baPhotoBox {
	width: 464px;
	height: 352px;
	background: url(/images/results/greyArrow.gif) no-repeat center center;
}
.beforePhoto {
	float: left;
	width: 200px;
}
.middlePhoto {
	float: left;
	width: 64px;
	text-align: center;
	padding-top: 145px;
}
.afterPhoto {
	float: right;
	width: 200px;
}
.baBox p {
	margin: 0 0 6px 0;
}
.baBox h4 {
	margin: 0 0 -6px 0;
	padding: 0;
	font-size: 1.3em;
	text-align: left;
	color: #1a4c74;
}


/* box highlight */
.boxHighlight {
	border: 1px dashed #c3c3c3;
	background-color: #f0f8ff;
	padding: 10px;
	margin: 6px 0 12px 0;
}
.boxHighlight h4 {
	font-size: 1.2em;
	margin: 6px 0;
	padding: 0;
	color: #4169e1;
}

/* Featured Client Profile */
#profileBox {
	background: #1a4c74 url(/images/backgrounds/featClientBG.gif) no-repeat;
	width: 304px;
	padding: 12px;
	color: #ffffff;
	font-size: .9em;
	overflow: hidden;
	line-height: 1.2em;
}
#featJR a {
   float: left;
   width: 108px;
   height: 144px;
   background: url(/images/results/JRIcon_sm.jpg) no-repeat;
   margin: 6px 6px 6px 0;
}
#featJR a:hover {
   background-position: 0 -144px; 
}
#profileBox ul {
	margin: 6px 0 6px 0;
}
#profileBox ul li {
	line-height: 1.2em;
	margin: 0 0 0 20px;
}
#profileBox h1 {
	margin: 0;
	padding: 0 0 6px 0;
	color: #baf1ff;
	text-decoration: underline;
	font-size: 1.4em;
	border: 0;
}