/*** GENERAL STYLES ***/

body {background: #fee9a4 url(../images/bkg.gif) top center; text-align: center; margin: 0; padding: 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #335c65;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 16px;}
form, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

img {behavior: url(includes/iepngfix.htc);}
img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1.5em 0;}
a {color: #0015ff;}
a:hover {color: #0015ff;}

.hide {display: none;}
.alert {color: #c00;}
.small {font-size: 10px;}

.floatleft {float: left;}
.floatright {float: right;}
.imgleft {float: left; margin: 0 15px 15px 0;}
.imgright {float: right; margin: 0 0 15px 15px;}
.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
.clear {float: none; clear: both;}

.half {width: 50%;}
.third {width: 33%;}
.quarter {width: 25%;}

.ir {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
a .ir {cursor: pointer;}


/*** TOP STYLES ***/

.toplines {position: absolute; left: 0; top: 0; width: 100%; height: 103px; background: url(../images/toplines.gif) left bottom repeat-x;}
#top .toplines {left: -40px; width: 980px;}

#outer {position: relative; width: 900px; padding: 0 40px; margin: 0 auto; text-align: left; background: url(../images/outer.gif) center top repeat-y;}

#top {position: relative; height: 129px;}
#printlogo {display: none;}
#top h1 a {position: absolute; right: 0; top: 0; width: 235px; height: 109px; text-align: center; text-decoration: none; padding-top: 20px; text-transform: lowercase; color: #335c65;}
#top h1 a strong {font-size: 20px; text-transform: uppercase;}
#top h1 a .ir {background: url(../images/logo.gif);}
#top h4 {position: absolute; left: 0; top: 73px; width: 154px; height: 28px; line-height: 28px; text-align: center; font-size: 14px; font-weight: bold;}
/*** #top h4 .ir {background: url(../images/phone.gif);}***/


/*** MAIN NAV STYLES ***/

#nav {position: absolute; left: 154px; top: 73px; width: 509px; height: 28px;}
#nav li {float: left;}
#nav a {position: relative; display: block; height: 28px; text-align: center; font-size: 14px; font-weight: bold; color: #335c65; text-decoration: none; line-height: 28px; text-transform: lowercase;}
#nav a .ir {background-image: url(../images/nav.gif);}

#navourprograms {width: 123px;}
#navourresults {width: 102px;}
#navresources {width: 94px;}
#navaboutus {width: 89px;}
#navcontactus {width: 101px;}

#navourprograms .ir {background-position: 0 0;}
#navourresults .ir {background-position: -212px 0;}
#navresources .ir {background-position: -314px 0;}
#navaboutus .ir {background-position: -123px 0;}
#navcontactus .ir {background-position: -408px 0;}

#navourprograms a:hover .ir {background-position: 0 -28px;}
#navourresults a:hover .ir {background-position: -212px -28px;}
#navresources a:hover .ir {background-position: -314px -28px;}
#navaboutus a:hover .ir {background-position: -123px -28px;}
#navcontactus a:hover .ir {background-position: -408px -28px;}

#navourprograms.on .ir {background-position: 0 -56px;}
#navourresults.on .ir {background-position: -212px -56px;}
#navresources.on .ir {background-position: -314px -56px;}
#navaboutus.on .ir {background-position: -123px -56px;}
#navcontactus.on .ir {background-position: -408px -56px;}

#crumbs {position: absolute; left: 25px; top: -26px; line-height: 26px; font-size: 10px;}
#crumbs li {display: inline;}
#crumbs li a {color: #335c65; text-decoration: none;}
#crumbs li a:hover {text-decoration: underline;}

/*** COLUMN STYLES ***/

#main {position: relative; background: url(../images/main.gif) repeat-y;}
	body.wideleft #main {background-image: url(../images/main-wide.gif);}

#pagetop {position: relative; height: 49px; padding-top: 24px; background: url(../images/pagetops/pagetop.gif);}
	body.wideleft #pagetop {height: 278px; padding: 0; background: url(../images/pagetops/programs.jpg);}
#pagetop h1 {position: relative; font-size: 27px; text-transform: lowercase; height: 49px; line-height: 49px; text-indent: 20px; width: 700px; background: #91a66c; color: #f8f0c4;}
	body.wideleft #pagetop h1 {position: absolute; left: 308px; top: 28px; width: 439px; padding-right: 150px; height: 71px; line-height: 35px; text-indent: 0;}
	body.wideleft #pagetop .scroll {position: absolute; left: 360px; top: 120px; width: 515px; height: 130px; overflow: auto;}
	.scroll ul {margin: .5em 0 1.5em 10px;}
	.scroll ul li {padding-left: 10px; background: url(../images/bullet.gif) 0 7px no-repeat; margin-bottom: 4px;}
#pagetop h1 .ir {background: no-repeat;}

#whitepaperstop {position: relative; height: 185px; background: url(../images/pagetops/whitepaperstop.gif); margin: -103px -240px 30px -31px; padding: 93px 40px 0 31px;}
#whitepaperstop .scroll {height: 85px; overflow: auto;}
.pdflink {position: absolute; right: 240px; top: 80px;}

#pagephoto {position: absolute; right: 0; top: 0; width: 218px; height: 322px;}

#leftnav {position: relative; float: left; width: 134px; padding-top: 15px; background: #335c65;}
#leftnav a {position: relative; display: block; width: 124px; height: 20px; line-height: 20px; padding: 0 5px; color: #f8f0c4; text-decoration: none; font-weight: bold; margin-bottom: 10px; text-transform: lowercase;}
#leftnav .ir {width: 134px;}
#leftnav a:hover {color: #e68a1b;}
#leftnav a:hover .ir {background-position: 0 -20px;}
#leftnav a.twolines {height: 40px;}
#leftnav a.twolines:hover .ir {background-position: 0 -40px;}
#leftnav a.threelines {height: 60px;}
#leftnav a.threelines:hover .ir {background-position: 0 -60px;}
#leftnav a.fourlines {height: 80px;}
#leftnav a.fourlines:hover .ir {background-position: 0 -80px;}

#contentarea {float: right; width: 495px; padding: 30px 240px 20px 20px; min-height: 250px; height: 250px;}
	html>body #contentarea {height: auto;}
#contentarea h1 {font-size: 14px; color: #e68a1b; text-transform: uppercase; line-height: 18px; margin: 25px 0 .2em 0;}
#contentarea h2 {font-size: 13px; border-bottom: 1px solid #e68a1b; line-height: 18px; margin: 25px -240px 10px -20px; padding: 0 240px 2px 20px;}
#contentarea h3 {font-size: 12px; margin: .5em 0;}
#contentarea ul {margin: .5em 0 1.5em 10px;}
#contentarea ul li {padding-left: 10px; background: url(../images/bullet.gif) 0 7px no-repeat; margin-bottom: 4px;}
#contentarea ul ul {margin: 1em 1.5em 1.5em 1.5em;}

#contentarea blockquote.quotes {background: #fde07c url(../images/quotes.gif) 550px bottom no-repeat; margin: 0 -140px 0 -20px; padding: 0 40px 25px 0;}
	body.ourresults #contentarea blockquote.quotes {margin: 0 -10px 10px -20px; padding: 0 20px 25px 0; background-position: 420px bottom;}
#contentarea blockquote.quotes p {margin: 0; padding: 30px 0 10px 70px; background: url(../images/quotes-p.gif) 30px top no-repeat;}
#contentarea blockquote.quotes strong {text-transform: uppercase; color: #e68a1b;}
#contentarea blockquote.light {background-color: #f8f0c4; background-image: url(../images/quotes-light.gif);}
#contentarea blockquote.light p {background-image: url(../images/quotes-light-p.gif);}

div.stats {background: #fde07c; margin: 0 -10px 10px -20px; padding: 0 20px 25px 0;}
div.stats p {margin: 0; padding: 30px 0 10px 20px;}
div.stats strong {text-transform: uppercase; color: #e68a1b;}
div.light {background-color: #f8f0c4;}

div.resultsvideo {border-top: 1px solid #e68a1b; margin: 25px -240px 10px -20px; padding: 20px 240px 2px 20px;}
div.resultsvideo .floatleft, div.resultsvideo .floatleft img {width: 205px;}
div.resultsvideo .floatright {width: 270px;}
div.resultsvideo .floatright h3 {margin: 0 !important;}
div.resultsvideo .floatright p {margin-bottom: .5em;}

body.ourprograms .programdiv {position: relative; clear: both; border-bottom: 3px solid #e68a1b; height: 10px;}
	html>body.ourprograms .programdiv {height: auto; min-height: 10px;}
body.ourprograms .programdiv .floatleft {position: relative; width: 322px; padding: 25px 0; text-align: center;}
body.ourprograms .programdiv .floatright {position: relative; width: 546px; padding: 25px 16px 0 16px; min-height: 186px;}
body.ourprograms .programdiv .floatright .bottomphoto {bottom: -1px;}

.bottomphoto {position: absolute; right: 40px; bottom: 129px; width: 235px; height: 170px;}
	html>body .bottomphoto {right: 0; bottom: 1px;}

body.aboutus .programdiv {top: 1px; border-top: 1px solid #e68a1b; margin: 25px -240px 10px -20px; padding: 20px 40px 0 20px; background: #f8f0c4;}
body.aboutus .programdiv .floatleft {width: 190px;}
body.aboutus .programdiv .floatright {width: 485px;}
body.aboutus .programdiv .floatright h1 {margin: 0 0 10px 0 !important;}
body.aboutus .programdiv .floatright h1 a {color: #e68a1b; text-decoration: none;}
body.aboutus .programdiv .floatright h1 a:hover {text-decoration: underline;}
body.aboutus .programdiv p {margin: 0;}

body.resources .programdiv {font-size: 10px; text-align: center;}
body.resources .programdiv p {margin-bottom: 30px;}
body.resources .programdiv img {margin-bottom: 7px;}

#contactform h3 {padding: 5px 0; color: #e68a1b;}
#contactform label {display: block; font-weight: bold; font-size: 10px; text-transform: uppercase;}
#contactform input, #contactform textarea {width: 220px; margin-bottom: 10px;}
#contactform textarea {width: 468px; height: 200px;}
#contactform input#city {width: 100px;}
#contactform input#state {width: 40px;}
#contactform input#zip {width: 60px;}
#contactform p {width: 471px; text-align: right;}
#contactform #contactsubmit {width: auto; font-size: 13px; text-transform: uppercase; font-weight: bold; color: #fff; background: #e68a1b; border: 0; cursor: pointer; cursor: hand;}


#callcenterform h3 {padding: 5px 0; color: #e68a1b;}
#callcenterform label {display: compact; font-size: 10px; text-transform: uppercase; vertical-align: middle; padding-right: 10px}
#callcenterform input, #callcenterform textarea {width: 220px; margin-bottom: 5px;}
#callcenterform textarea {width: 468px; height: 150px;}
#callcenterform p {font-weight: bold}
#callcenterform #callcentersubmit {width: auto; font-size: 13px; text-transform: uppercase; font-weight: bold; color: #fff; background: #e68a1b; border: 0; cursor: pointer; cursor: hand;}

#executives {float: right; width: 495px; padding: 30px 240px 20px 20px; min-height: 250px; height: 250px;}
	html>body #executives {height: auto;}
#executives h1 {font-size: 14px; color: #e68a1b; text-transform: uppercase; line-height: 18px; margin: 25px 0 .2em 0;}
#executives h2 {font-size: 13px; border-bottom: 1px solid #e68a1b; line-height: 18px; margin: 0px -240px 10px -20px; padding: 0 240px 2px 20px;}
#executives h3 {font-size: 13px; margin-top: 25px}
#executives img {margin-top:5px;margin-right:10px;float:left;}

/*** HOME STYLES ***/

#homeflash {margin-bottom: 19px;}

#homemodules {height: 199px; line-height: 14px; padding-bottom: 20px;}
#homemodulea, #homemoduleb, #homemodulec {position: relative; float: left; height: 141px;}
#homemodulea {width: 296px; padding: 42px 16px 16px 16px; background: url(../images/homemodules/homemodulea.gif); line-height: 16px;}
#homemodulea p {padding-top: 8px;}
#homemoduleb {margin: 0 11px; width: 110px; padding: 42px 16px 16px 134px; background: url(../images/homemodules/homemoduleb.jpg);}
#homemodulec {display: block; width: 140px; padding: 42px 16px 16px 134px; background: url(../images/homemodules/homemodulec.jpg); color: #335c65; text-decoration: none;}
#homemodules h2 {position: absolute; top: 5px; height: 29px; text-transform: lowercase; color: #335c65; font-size: 16px; line-height: 29px;}
#homemodulea h2 {left: 10px; width: 308px;}
#homemoduleb h2 {right: 11px; width: 144px; background: #91a66c; color: #f8f0c4;}
#homemodulec h2 {right: 11px; width: 176px; background: #91a66c; color: #f8f0c4;}
#homemodulea h2 .ir {background: url(../images/homemodules/solutionsforfamilies.gif);}
#homemoduleb h2 .ir {background: url(../images/homemodules/letstalk.gif);}
#homemodulec h2 .ir {background: url(../images/homemodules/tellusyourstory.gif);}
#homemodules p {margin: 0;}


/*** FOOTER STYLES ***/

.bottom {height: 20px; background: url(../images/bottom.gif) no-repeat;}

#copyright, #footer {width: 900px; margin: 0 auto; line-height: 14px; padding: 25px 0;}
#copyright {padding-bottom: 5px;}
	body.home #copyright {border-top: 1px solid #e68a1b;}
#footer {padding-top: 0; font-size: 9px;}