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

body.guarantees #container{
	background: url(../images/sub/guarantees-bg.jpg) no-repeat top center;
}

body.therapy #container{
	background: url(../images/sub/therapy-bg.jpg) no-repeat top center;
}

body.studies #container{
	background: url(../images/sub/studiespage-bg.jpg) no-repeat top center;
}

body.resources #container{
	background: url(../images/sub/resources-bg.jpg) no-repeat top center;
}


.no-style,
.no-style li {
	list-style:none;

}

.contentListSet img {
	float:left;
	margin-right:0.75em;
}

#main{

	width: 927px;
	position: relative;
	z-index: 1;
	top: -18px;
	left: 0;
}

#topright{
	position: absolute;
	right: 11px;
	top: 0;
	height: 280px;
	width: 300px;
	z-index: 1;
}

#intro{
	height: 320px;
	position: relative;
	width: 420px;
	padding-top: 40px;
	padding-left: 80px;
}

#intro.intTop{
	padding-top: 90px;
	height: 280px;
}

body.nopic #intro{
	height: 0px;
	padding-top: 60px;
}

body.nopic #topright{
	height: 55px;
}

#moaVideo {
	width:390px;
	margin:0 0 1em;
}

.content_left {
	float:left;
	width:340px;
	padding-right:20px;
}
.content_right {
	float:right;
	width:360px;
	padding-left:20px;
}

 h1{
	
	font-size: 24px;
	font-weight: normal;
	color: #005f9f;
	padding-bottom: 30px
}

 h2{
	color: #005f9f;
	padding: 8px 0;
	font-size: 16px;
	padding-right: 30px;
}
#content h1, h1.halfpad{
	padding-bottom: 20px;
}

#content h2{
	padding-bottom: 20px;
}



#intro p{
	color: #233f5a;
	font-size: 13px;
	padding: 8px 0;
	padding-right: 40px;
}

body.studies #intro p{
	padding-right: 120px;
}

#contentContainer{
	width: 914px;
	position: relative;

	margin: 0px auto;
	
}

#content-top{
	height: 31px;
	background: url(../images/sub/content-top.png) no-repeat top left;
	position: relative;
	width: 914px;
	
}

* html #content-top{
	background: url(../images/sub/content-top.gif) no-repeat top left;
}	

#content-bottom{
	height: 33px;
	background: url(../images/sub/content-bottom.png) no-repeat top left;
	position: relative;
	clear: both;
	width: 914px;
}

* html #content-bottom{
	background: url(../images/sub/content-bottom.gif) no-repeat top left;
}	

#content{
	background: url(../images/sub/content-bg.png) repeat-y top left;
	padding-top: 15px;
	padding-left: 74px;
	padding-right: 80px;
	padding-bottom: 15px;
	position: relative;
	min-height: 100px;
}



#content h3{
	color: #005f9f;
	padding: 30px 0 12px 0;
	font-size: 15px;
	padding-right: 30px;
}

#content h3 a{
	color: #005f9f;
}

#content h3.nopad{
	padding-top: 8px;
}
#content #moaVideo h3 {
	padding-top:0;
}
#content .content_right h3 {
        margin-top:0;
 	padding-top:0;
}


#content p{
	font-size: 13px;
	padding: 8px 0px;
}

#content .extraTop{
	padding-top: 25px;
}

#content #left{
	float: left;
	width: 340px;
	padding-right: 20px;
}

#content #right{
	float: right;
	width: 375px;
}

.contact #content #right{
	width: 350px;
}

.contact #content #left{
	width: 365px;
}

#content #onecol{
	width: 100%;
}

* html #content{
	background: url(../images/sub/content-bg.gif) repeat-y top left;
	height: 200px;
}

#content a, #intro a{
	color: #006099;
}

#content a:hover{
	color: #404040;
}

.clear{
	clear: both;
	
}

#flashHolder{
	margin: 15px 0 0;
}

#content ul, #content ol{
	font-size: 13px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 1.5em;
}

#content ul.indented{
	padding-left: 2.5em;
}

* html #content ol{
	padding-left: 2.5em;
}
#content ul li {list-style-position:inside;}
#content ul li{
	padding: 1px 0px;
	
}

#content ol li{
	padding: 5px 0px;
}



#content p.studiesP {
	
	padding: 15px 0;
	height: 38px;
	line-height: 38px;
	width: 227px;
	font-size: 12px;
}

#content p.studiesP a{
	text-decoration: none;
	color: #3490c3;
	font-weight: bold;
	display: block;
	height: 38px;
	background: url(../images/sub/studies-bg.jpg) no-repeat top left;
	padding-left: 15px;
	width: 227px;
}

#content p.callout{
	clear: right;
	width: 360px;
	font-size: 15px;
}

#content p.callout a{
	color: #FFF;
	display: block;
	width: 255px;
	padding: 15px 85px 20px 20px;	
}

#content p.cExtraTop{
	margin-top: 15px;
}

#content #onecol p.callout{
	float: right;
	margin-left: 30px;
	margin-top: 8px;
}

#content p.extrabottom{
	margin-bottom: 30px;
}

#content p.tealc3 a{
	height: 60px;
	background: url(../images/sub/callout-teal-3.jpg) no-repeat top left;
}
#content p.greenc1 a{
	height: 20px;
	background: url(../images/sub/callout-green-1.jpg) no-repeat top left;
}
#content p.tealc1 a{
	height: 20px;
	background: url(../images/sub/callout-teal-1.jpg) no-repeat top left;
}
#content p.tealc2 a{
	height: 43px;
	background: url(../images/sub/callout-teal-2.jpg) no-repeat top left;
}

#content p.tealc4 a{
	height: 122px;
	width:300px;
	background: url(../images/sub/callout-teal-4.jpg) no-repeat top left;
	padding:15px 40px 0px 20px;
}
* html #content p.tealc4 a{

}
#content p.orangec4 a{
	height: 122px;
	width:300px;
	background: url(../images/sub/callout-orange-4.jpg) no-repeat top left;
	padding:15px 40px 0px 20px;
}
* html #content p.orangec4 a{
	background: url(../images/sub/callout-orange-4.jpg) no-repeat top right;
	padding: 15px 40px 0px 20px; 
	padding-left: 130px; 
	width: 200px; 
}
#content p.callout img{
	float: left;
	padding: 0px 10px 0px 0px;
}
* html #content p.callout img{
	
}


#content p.pdfLink{
	padding: 15px 0px;
}
#content p.pdfLink a, #content p.pdfLink2 a{
	text-decoration: none;
	color: #3490c3;
	font-weight: bold;
	display:inline-block;
	height: 20px;
	background: url(../images/sub/pdficon.gif) no-repeat center left;
	padding-left: 50px;
	line-height: 20px;
	text-decoration: underline;
}
#content p.pdfLink2 a{
	height: 35px;
	line-height: 16px;
	background: url(../images/sub/pdficon.gif) no-repeat 3px 0px;
	
}

#content p.smalltext{
	font-size: 10px;
}

#content p.smalltext2{
	font-size: 11px;	
}

#anchors{
	padding: 8px 0px 0px;
	font-weight: bold;
	
	line-height: 22px;
}

#anchors a{

	
	color: #3490c3;
}

#anchors a:hover{
	color: #233f5a;
}	

#content .top a{
	color: #3490c3;
	font-weight: bold;
}

#content p.top{
	padding: 25px 0;
}

#content .top a:hover{
	color: #233f5a;
}

#content p.notoppads{
	padding-top: 0px;
}

#content p.nobotpad{
	padding-bottom: 0px;
}

#content p.author{
	padding-left: 50px;
	padding-top: 0px;
}

#content #videoplayer{
	width: 100%;
}

#videoThumbnails .selected p a{
	color: #3c3c3c;
	text-decoration: none;
}
 #videoThumbnails p.comingsoon {
	color: #999999;
}
#videoThumbnails{
	border-bottom: 1px solid #d2d2d2;
	border-top: 1px solid #d2d2d2;
	height: 196px;
	width: 761px;
	margin-top: 10px;
	clear: both;
}
#videoThumbnails p{
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 10px;
}

#videoThumbnails p.novidpad{
	padding: 0px;
}

#videoThumbnails #leftarrow{
	/* background: url(../images/sub/video-arrow-left.gif) no-repeat top left scroll; Arrow graphic not needed until more than 4 videos present */
	background: url(../images/sub/success/video-bookend.gif) no-repeat top left scroll;
	float: left;
	height: 196px;
	width: 19px;
	position: relative;
}
#videoThumbnails #rightarrow{
	/* background: url(../images/sub/video-arrow-right.gif) no-repeat top left scroll; Arrow graphic not needed until more than 4 videos present */
	background: url(../images/sub/success/video-bookend.gif) no-repeat top left scroll;
	float: left;
	height: 196px;
	width: 19px;
	position: relative;
}

#content #videoplayer .tmbDiv{
	float: left;
	height: 188px;
	margin-top: 4px;
	margin-bottom: 4px;
	position: relative;
	width: 180px;
	border-left: 1px solid #d2d2d2;
	background: url(../images/sub/success/video-thumb-background-off.gif) repeat-y top left;
}
#first{
	border-left: 0px !important;	
}
#first.selected, #second.selected, #third.selected, #fourth.selected{
	background: url(../images/sub/success/video-thumb-background-on.gif) repeat-y top left !important;
}

#videoThumbnails img{
	padding-left: 14px;
}

#content .videoContent{
	display: none;
	height: 435px;
	position: relative;
	top: 0;
	left: 0;
}

#videoBox{
	height: 435px;
	width: 760px;
	border: 0;
	overflow: hidden;
}

p.error{
	color: #C00;	
}