/*----- ESSENTIALS -----*/
body { font:11px/16px Arial, Helvetica, sans-serif; color:#555555; background:#d2ecf8 url(/images/bkg-body.gif) 0 121px repeat-x; margin:0 0 0 32px; /* make anything a hover in IE with this code >> */ behavior:url("/css/csshover.htc") }
table, td { border:0; border-spacing:0; border-collapse:collapse; padding:0; margin:0; vertical-align:top }
img { border:0 }
ul, li { list-style-type:none; padding:0; margin:0 }
form, input { padding:0; margin:0 }
h1, h2, h3 { padding:0; margin:0 }
h1 { font-weight:normal; color:#0f63ab; text-transform:uppercase; padding:9px 0 5px }
h2 { font-size:11px; color:#e26e15; text-transform:uppercase; padding:0 0 13px }
h3 { }
a { color:#0f63ab; text-decoration:none }
a:hover { color:#333132 }
/*----- ESSENTIALS -----*/

/*----- WRAPPER -----*/
#mainWrap { }
#splashWrap { width:919px }
#navRightWrap { width:216px; height:240px }
#navRightWrapIn { width:216px; height:140px }
/*----- WRAPPER -----*/

/*----- HEADER -----*/
#header { width:684px; height:112px; background:#FFF; margin:0 0 9px }
#header .contact { float:right; width:426px; height:62px; font:16px "Trebuchet MS"; color:#f38028; letter-spacing:-1px; text-align:right; padding:17px 44px 0 0 }
#header .contact a { float:right; display:block; font-size:11px; color:#00afc7; letter-spacing:normal; background:url(/images/bullet-arrowAqua.gif) 0 5px no-repeat; padding:0 0 0 11px; margin:-3px 0 0 }
#header .contact a:hover { color:#0f63ab; background:url(/images/bullet-arrowBlue.gif) 0 5px no-repeat; text-decoration:none }
/*----- HEADER -----*/

/*----- SPLASH -----*/
/* homepage splash */
.homepage { height:320px }
#hpSplash { float:left; width:684px; height:320px }
.hpSplash01 { background:url(/images/hpSplash01.jpg) }

/* internal splash */
.internal { height:214px }
#inSplash { float:left; width:684px; height:214px }
.inSplash01 { background:url(/images/inSplash01.jpg) }
.inSplashOverview { background:url(/images/inSplashOverview.jpg) }
.inSplashDisabilites { background:url(/images/inSplashDisabilities.jpg) }
.inSplashTestimonials { background:url(/images/inSplashTestimonials.jpg) }
.inSplashResources { background:url(/images/inSplashResources.jpg) }
.inSplashAddictive { background:url(/images/inSplashAddictive.jpg) }
.inSplashChild { background:url(/images/inSplashChild.jpg) }
.inSplashMental { background:url(/images/inSplashMental.jpg) }
.inSplashCompany01 { background:url(/images/inSplashCompany01.jpg) }
.inSplashCompany02 { background:url(/images/inSplashCompany02.jpg) }
.inSplashCompany03 { background:url(/images/inSplashCompany03.jpg) }
.inSplashCompany4 { background:url(/images/inSplashCompany4.jpg) }
.inSplashLocation { background:url(/images/inSplashLocation.jpg) }
/*----- SPLASH -----*/

/*----- NAVIGATION -----*/
/* top navigation */
#navTop { float:right; width:468px }

/* right sliding navigation */
#navRightSlide { float:left; width:223px; background:url(/images/text-WeCanHelp.gif) no-repeat; padding:44px 0 0 12px }
.navRightSlideIn { xborder:1px solid #000 }
#navRightSlide .help_question { width:190px; height:21px; font:bold 13px "Trebuchet MS"; color:#FFF; background:url(/images/bkg-navRightSlideClosed.gif) no-repeat; padding:2px 0 0 26px; margin:4px 0 0; overflow:hidden; cursor:pointer }
#navRightWrapIn .help_question a { color:#FFF; text-decoration:none }
#navRightWrapIn .help_question:hover { background:url(/images/bkg-navRightSlideOpen2.gif) no-repeat }
#navRightWrapIn .help_question:hover a { color:#f38028; text-decoration:none }
#navRightSlide .help_answer { width:216px; background:#FFF url(/images/bkg-navRightSlideContentBtm.gif) 0 100% no-repeat; visibility:hidden; overflow:hidden; position:relative }
#navRightSlide .help_answer_content { height:102px; padding:9px 17px; position:relative }
#navRightSlide ul { padding:9px 0 0 }
#navRightSlide li { color:#0f63ab; background:url(/images/bullet-arrowBlue.gif) 2px 4px no-repeat; padding:0 0 3px 15px }
#navRightSlide .contact { display:block; width:160px; font-weight:bold; color:#024b8a; background:url(/images/bullet-arrowBlueWhite.gif) 0 50% no-repeat; padding:0 0 1px 19px; margin:0 0 0 6px; text-decoration:none }
#navRightSlide .contact:hover { color:#000 }

/* nav right internal */
#navInBody ul { border-bottom:1px solid #ccc; padding:14px 0 0 }
#navInBody li { border-top:1px solid #ccc; padding:4px 0 3px 7px }
#navInBody a:hover { text-decoration:underline }
#navInBody a.current, #navInBody a.current:hover { font-weight:bold; color:#000; text-decoration:none }
/*----- NAVIGATION -----*/

/*----- BODY HOMEPAGE -----*/
#hpBody { height:427px }
#hpBody .left { width:385px; font-size:12px; background:#FFF; padding:33px 35px 0 28px }
#hpBody .left h1 { font-size:20px }
#hpBody .left h2 { font-size:15px }
#hpBody .right { width:204px; background:#ebefea; padding:30px 10px 0 22px }
#hpBody .right h2 { font-size:11px }
#hpBody .right h1 { font-size:11px; padding:0 0 3px; text-transform:none }

/* small content boxes */
#hpBody .hpBox { float:left; min-height:145px; height:auto !important; height:145px; font-size:11px; padding-top:10px; margin:22px 0 0 }
#hpBody .hpBox div { min-height:115px; height:auto !important; height:115px; padding:0; margin:0 }
#hpBody .hpBox h2 { font-size:11px }
#hpBody .hpBox h1 { font-size:11px; padding:0 0 3px; text-transform:none }
#hpBody .hpNews { width:165px; padding-right:20px; padding-left:5px }
#hpBody .hpNews b { font-weight:normal; color:#000 }
#hpBody .hpNews h1 a { color:#0f63ab; text-decoration:none }
#hpBody .hpNews h1 a:hover { color:#333132 }
#hpBody .hpCareer { width:175px; border-left:1px solid #e5e5e5; padding-left:15px }
#hpBody .hpCareer b { font-weight:normal; color:#019cb1 }
#hpBody .hpCareer a { color:#0f63ab; text-decoration:none }
#hpBody .hpCareer a:hover { color:#333132 }
#hpBody .hpNews .viewall, #hpBody .hpCareer .viewall { display:block; height:18px; color:#0f63ab; text-decoration:none; padding:2px 0 0 18px; margin:15px 0 0 -5px }
#hpBody .hpCareer .viewall { width:148px; background:url(/images/button-viewCareers.gif); margin:15px 0 0 -5px }
#hpBody .hpNews .viewall { width:79px; background:url(/images/button-viewNews.gif) }
#hpBody .hpNews .viewall:hover, #hpBody .hpCareer .viewall:hover { color:#000 }

/* testimonials */
#hpTestimonials { width:214px; min-height:115px; height:auto !important; height:115px; font:bold 14px/20px "Trebuchet MS"; color:#009db2; text-indent:44px; padding:22px 0 0; margin:10px -9px 40px 0 }
.testimonial-01 { background:url(/images/bkg-hpTestimonials.jpg) no-repeat }
#hpTestimonials .viewall { display:block; width:100px; height:17px; font:normal 11px Arial, Helvetica, sans-serif; text-indent:0; color:#0f63ab; background:url(/images/button-viewTestimonials.gif); text-decoration:none; padding:3px 0 0 26px; margin:90px 0 0 49px }
* html #hpTestimonials .viewall { margin:110px 0 0 49px }
#hpTestimonials .viewall:hover { color:#000 }

/* resources */
#hpResources a { color:#0f63ab; text-decoration:none }
#hpResources a:hover { color:#000 }
#hpResources li { width:185px; height:18px; background:url(/images/bkg-hpResourcesListDark.gif) 0 0 no-repeat; padding:3px 0 0 19px; margin:0 0 3px -6px }
#hpResources .alt { background:url(/images/bkg-hpResourcesListLight.gif) 0 0 no-repeat }
#hpResources .viewall { display:block; width:147px; height:18px; font:normal 11px Arial, Helvetica, sans-serif; text-indent:0; color:#0f63ab; background:url(/images/button-viewResources.gif); text-decoration:none; padding:2px 0 0 19px; margin:13px 0 0 -6px }
#hpResources .viewall:hover { color:#000 }
/*----- BODY HOMEPAGE -----*/

/*----- BODY INTERNAL -----*/
#inBody { height:500px }
#inBody .left { width:429px; font-size:12px; background:#FFF; padding:36px 20px }
#inBody .left h1 { font-size:25px; font-weight:bold; color:#333132; line-height:18px; padding:0 0 27px; margin:0 }
#inBody .left h2 { font-size:12px; font-weight:normal; color:#0098ad; line-height:7px; padding:24px 0 7px; margin:0 }
#inBody .left h2 a { color:#0098ad }
#inBody .left h3 { font-size:12px; color:#e47825; text-transform:uppercase; padding:24px 0 0; margin:0 }
#inBody .left h3 a { color:#e47825 }
#inBody .left h4 { font-size:20px; font-weight:normal; color:#a6a6a6; text-transform:uppercase; margin:-22px 0 15px }
#inBody .right { width:187px; background:#FFF url(/images/divider-inRight.gif) 0 0 no-repeat; padding:33px 17px 0 11px }
#inBody .right h1 { font-size:11px; color:#e26e15; padding:0; margin:0 }
#inBody .right h1 em { font-size:11px; color:#b4b4b4; text-transform:none; padding:0 0 0 5px }

/* takes you back to the top of the page */
#inBody .left h2 .toplink { float:right; display:block; font-size:10px; text-transform:none; padding:0 0 2px }
#inBody .left h2 .toplink:hover { color:#000; text-decoration:underline }

/* directors */
.director { float:left; clear:both; width:100%; min-height:60px; height:auto !important; height:60px; padding:0; color:#414042 }
.director img { float:left; width:67px; height:50px; border:1px solid #a3a3a3; margin:0 18px 0 0 }
.director p { float:left }
.director em { display:block; font-size:11px; color:#939598; padding:2px 0 0 }
.director a { font-size:11px }
.director .namelink { font-size:12px; color:#414042 }
.director .namelink:hover { text-decoration:underline }
.director-info img { float:right; width:101px; border:1px solid #a3a3a3; margin:0 0 10px 10px }
#inBody .left .director-info h1 { line-height:22px; margin:-2px 0 0 }
#inBody .left .director-info h2 { line-height:normal }

/* offices and locations */
.locations { width:100%; float:left; clear:both }
.office { float:left; width:195px; min-height:160px; height:auto !important; height:160px; font-size:11px; padding:3px 2px 0; margin:0 15px 0 0 }
#inBody .left .office h2 { padding-top:10px }
.office em { color:#939598 }
.office b { display:block; font-weight:normal; color:#333132 }

/* resources list */
#resources { width:100%; font-size:11px; margin:-10px 0 0 }
#resources td { vertical-align:middle; padding:5px }
#resources .icon { width:16px; padding:0 13px 0 6px }
#resources .alt { background:#f2f2f2; border:solid #FFF; border-width:10px 0; padding-left:0 }
#resources a { font-size:11px }

/* resources box */
#resourcesBox { width:183px; background:url(/images/bkg-resourcesBox.gif) 0 100% no-repeat; padding:0 7px 12px; margin:28px -22px 0 -3px }
#resourcesBox ul { background:url(/images/bkg-whiteDots.gif) 0 100% repeat-x; margin:18px 0 14px }
#resourcesBox li { background:url(/images/bkg-whiteDots.gif) 0 0 repeat-x; padding:4px 0 }
#resourcesBox a { background:url(/images/bullet-arrowBlue.gif) 0 4px no-repeat; padding:0 0 0 12px; margin:0 0 0 3px }

/* contact box*/
#contactBox { padding:44px 0 0 }
#contactBox b { color:#333132 }
#contactBox li { padding:13px 0 0 }
#contactBox a, #contactBox a:hover { background:url(/images/bullet-arrowBlue.gif) 0 50% no-repeat; padding:0 0 0 13px }
/*----- BODY INTERNAL -----*/

/* LIST STYLES
 * these are generic styles that can be used anywhere */
.list { padding:4px 0 }
.list ul { padding:0 }
.list li { color:#333132; background:url(/images/bullet-dotGrey.gif) 1px 10px no-repeat; padding:4px 0 0 15px }
.listsub1 li a { color:#00afc7 }
.list li a:hover, .listsub1 li a:hover { color:#000; text-decoration:underline }

.list-big { padding:10px 0px }
.list-big li { padding:8px 0 }
.list-big li a { font-size:18px; color:#014A89; background:url(/images/bullet-arrowBlue.gif) 3px 7px no-repeat; padding-left:20px }
.list-big li a:hover { color:#000; background:url(/images/bullet-arrowBlueWhite.gif) 0 4px no-repeat; text-decoration:none }
/* LIST STYLES */

/*----- FOOTER -----*/
#footer { width:684px; height:112px; color:#a7a9ac; text-align:center; padding:20px 0 0 }
#footer .links { color:#808285; padding:0 0 7px }
#footer .links a { color:#808285; text-decoration:none; padding:0 3px }
#footer .links a:hover { color:#0f63ab }
#footer .gray { color:#a7a9ac; text-decoration:none }
#footer .gray:hover { color:#a7a9ac }
#footer .blue { color:#00afc7; text-decoration:none }
#footer .blue:hover { color:#0f63ab }
/*----- FOOTER -----*/

/*----- CONTACT FORM -----*/
table#cx { margin:0 }
table#cx td{ text-align:left; padding:0 }
table#cx td.space { width: 15px }
table#cx th { text-align:left; font-size:12px; font-weight: bold; color:#333333; padding:6px 0 3px }
td#label { }
table#cx input.cxBtn { font-size:12px; font-weight:bold; background:#CCC; border:2px solid #0f63ab; padding:2px 20px; margin:10px 0 0 }
div.req { padding:0; border:0 solid white; border-left: 5px solid #0f63ab; float:left }
input.cx { margin:0; font-size:11px; height:18px; width:200px; border:1px solid #cccccc; background-color:#f6f6f6 }
select.cx { margin:0; font-size:11px; height:18px; width:205px; border:1px solid #cccccc; background-color:#f6f6f6 }
input#x_state { width:40px; margin-right:10px }
input#x_zip { width:105px }
textarea#x_comments { width:419px; height:125px; border:1px solid #cccccc; background-color:#f6f6f6 }		

/*OnSubmit required fields will change to this class by js*/
input.error { border:2px solid #ff6622; background-color:#fff6f6 }
/*----- CONTACT FORM -----*/