/*--------- Essentials Begin ---------*/
body { font-family:Arial, Helvetica, sans-serif; margin:5px 0px }
table, td { border-spacing:0px; border:0px; padding:0px; border-collapse:collapse; vertical-align:top }
.whitespace-one { width:300px; height:20px }
.whitespace-two { width:100px; height:10px }
ul, li { padding:0px; margin:0px }
a { color:#336b81; text-decoration:none; }
a:hover { text-decoration:underline; }

.right { width:60px; height:18px; margin-left:15px; margin-top:-20px; text-align:right; float:right;}
/*--------- Essentials End ---------*/

/*--------- Navigation Styles Begin ---------*/
.topnavigation a { font-size:9px; color:#a9a9a9; font-weight:bold; text-decoration:none; padding:0px 7px 0px 16px; line-height:22px; }
.topnavigation a:hover { color:#346c7f }
.middlenav a { font-size:10px; color:#808284; font-weight:bold; text-decoration:none; border-left:1px solid #bfbfbf; padding:5px 7px 5px 4px }
.middlenav a:hover { color:#346c7f }
.footernavigation a { font-size:11px; color:#a9a9a9; font-weight:bold; text-decoration:none; padding:0px 6px 0px 0px }
.footernavigation a:hover { color:#346c7f }
.leftnavigation a { font-size:14px; color:#78925f; text-decoration:none }
.leftnavigation a:hover { color:#346c7f }
.leftnavigation a.sub { font-size:14px; color:#78925f; text-decoration:none }
.casestudiesnav a { font-size:14px; color:#78925f; text-decoration:none }
.casestudiesnav a:hover { color:#78925f }
.proservice a { font-size:12px; color:#346c7f; text-decoration:none }
.proservice a:hover { color:#78925f }
.cases a { font-size:12px; color:#346c7f; text-decoration:none }
.cases a:hover { color:#78925f }
.serviceareas a, .ourservices a { font-size:12px; color:#346c7f;  text-decoration:none }
.serviceareas a:hover, .ourservices a:hover { color:#346c7f }
.contentholderint a { color:#346c7f; text-decoration:underline }
.contentholderint a:hover { color:#78925f; text-decoration:none }
.viewvideos a, .viewlogos a { font-size:11px; line-height:11px; color:#346b7f; font-weight:normal; text-decoration:none }
.viewvideos a:hover, .viewlogos a:hover { color:#808284 }
.contentleft a, .contentright a, .faqbox a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#326a80; text-decoration:none }
.contentleft a:hover, .contentright a:hover, .faqbox a:hover { color:#000000 }
.faqlinks a { font-size:12px }
#newsandpress a, #casestudy a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#326a80; text-decoration:underline }
#newsandpress a:hover, #casestudy a:hover { color:#78925f; text-decoration:none }
#newsandpress ul ul a, #casestudy ul ul a { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#326a80; text-decoration:none }
#newsandpress ul ul a:hover, #casestudy ul ul a:hover { color:#78925f }
a.graylink { color:#a9a9a9; text-decoration:none }
a.footeremail { color:#a9a9a9; text-decoration:underline }
a.footeremail:hover { color:#346c7f; text-decoration:none }
/*--------- Navigation Styles End ---------*/

/*--------- List Styles Begin ---------*/
.topnavigation li, .footernavigation li, .middlenav li { display:inline }
.topnavigation li { background-image:url(/img/arrow-gray.gif); background-repeat:no-repeat }
.topnavigation ul { padding:0px 11px; margin:-1px 0px 0px }
.contentleft ul, .faqbox ul { list-style-image:url(/img/bullet-plus.jpg); padding:10px 0px 6px 34px }
.contentleft li, .contentright li, .faqbox li { padding-bottom:4px }
.contentright ul { list-style-image:url(/img/bullet-plus.jpg); padding:10px 0px 0px 34px }
.contentholderint ul { color:#78925f; list-style-image:url(/img/bullet-plus2.jpg); padding:10px 0px 10px 50px }
.contentholderint ul ul { color:#78925f; list-style-image:url(/img/bullet-plus2.jpg); padding:0px 0px 0px 50px }
#newsandpress ul { font-size:10px; color:#999999; line-height:12px; list-style-image:none; list-style:none; padding:10px 0px 10px 30px }
#newsandpress ul ul { padding:0px 0px 5px 20px }
#newsandpress li { padding-bottom:3px }
#casestudy ul { font-size:10px; color:#999999; line-height:12px; list-style-image:none; list-style:none; padding:10px 0px 10px 30px }
#casestudy ul ul { padding:0px 0px 5px 20px }
#casestudy li { padding-bottom:3px }
.licenses li, .hp-links li { color:#326a80; font-family:Arial, Helvetica, sans-serif; font-size:12px; list-style-image:url(/img/bullet-plus2.jpg); padding-bottom:5px }
.footernavigation ul { margin:-1px 0px 0px }
.footernavigation li { list-style:none }
/*--------- List Styles End ---------*/

/*--------- Combined Styles Begin ---------*/
.topnavholder, .footernavholder { width:750px; border-top:1px solid #cecece; border-bottom:1px solid #cecece }
.topnavigation, .footernavigation { height:21px; background-color:#f3f3f3; border-top:4px solid #FFFFFF; border-bottom:4px solid #FFFFFF }
.logo-one, .logo-two, .logo-three { float:left; width:83px; height:58px; border-right:1px dashed #c8c8c8 }
.contentholder h1, .contentleft h1, .contentright h1 { background-image:url(/img/arrow-blue.gif); background-repeat:no-repeat; font-family:Helvetica; font-weight:normal; line-height:11px; margin:0px; padding:0px 19px }
.viewvideos, .viewlogos { font-size:9px; color:#346b7f }
/*--------- Combined Styles End ---------*/

/*--------- Top Section Begin ---------*/
/* Top Navigation */
.topnavigation { text-align:left }
.callusimg { float:right; }

/* Middle Navigation */
.middlenavholder { width:750px; height:56px; text-align:left }
.middlenav { float:left; width:481px; height:40px; text-align:left; padding:16px 1px 0px }

/* Splash */
.splashholder { width:750px; height:171px }
.splashholderint { width:750px; height:100px }
.title { display:block;float:right; font-size:0.8em; color:#999999; text-align:right; padding:10px; }
.splash01 { float:left; width:267px; height:171px; background-image:url(/img/splash01.jpg); border-right:2px solid #FFFFFF }
.splash02 { float:left; width:481px; height:171px; background-image:url(/img/splash02.jpg) }
.splash03 { float:left; width:200px; height:100px; background-image:url(/img/splash03.jpg); border-right:3px solid #FFFFFF }
.splash04 { float:left; width:547px; height:100px }
.pagetitle { color:#FFFFFF; font-weight:bold; margin:78px 0px 0px 3px; text-align:left }
/*--------- Top Section End ---------*/

/*--------- Middle Section Begin ---------*/
.mainholder { width:750px; text-align:left; margin:19px 0px 9px }
.mainholderint { width:750px; text-align:left; margin:2px 0px 9px }


/* Left Navigation */
.leftnavholder { float:left; width:261px; height:auto; padding-left:7px }
.leftnavimg { width:243px; height:52px; margin-bottom:5px }
.viewvideos { text-align:right; padding:9px 20px }
.lnholderint { width:201px }

.leftnavigation { display:none; margin:0px 1px 20px }
.casestudiesnav { display:none; margin:0px 1px 20px }
.proservice { display:none; width:163px; padding:0px 0px 0px 35px }
.serviceareas { display:none; width:183px; padding:0px 0px 0px 15px }
.ourservices { display:none; width:183px; padding:0px 0px 0px 15px }
.cases { display:none; width:183px; font-size:12px; padding:0px 0px 0px 15px }

/* Nav Over Styles */
.fam-norm, .fam-over, .pro-norm, .pro-over, .areas-norm, .areas-over, .case-norm, .case-over, .counseling-norm, .counseling-over, .services-norm, .services-over  { width:194px; height:19px; padding:2px 0px 0px 4px; cursor:pointer; cursor:pointer; }
.services-over, .areas-over, .about-over, .fam-over, .pro-over, .suicide-over, .homicide-over, .unattended-over, .blood-over, .trauma-over, .hazardous-over, .case-over, .counseling-over  { background:url(/img/nav-bkg.jpg) top no-repeat #ebf0f3; } 
.areas-over, .services-over { background:url(/img/nav-bkg2.jpg) top no-repeat #ebf0f3; }

/* Nav Over Styles */


/* FAQ Box */
.faqboxholder { width:201px; margin-top:20px }
.faqbox { width:188px; background-color:#eaf0f2; line-height:11px; padding-left:10px }
.faqbox h1 { background-image:url(/img/arrow-blue.gif); background-repeat:no-repeat; font-family:Helvetica; font-weight:normal; line-height:11px; margin:0px; padding:0px 19px }
.faqlinks { font-size:12px; color:#666666; padding:4px 0px 8px; border-bottom:1px dashed #CCCCCC }

/* Content */
.hp-links li { font-size:12px; list-style-image:url(/img/arrow-gray.gif); padding-bottom:5px }
.hp-links li a { color:#336b81; }


.contentholder { float:left; width:468px; border-left:1px dashed #a3a3a3; padding:2px 0px 0px 13px }
.contentholder h1 { font-size:16px; color:#336b81 }
.contentholderint { width:506px; border-left:1px dashed #a3a3a3; font-family:Verdana; font-size:11px; color:#666666; line-height:15px; padding:0px 21px }
.contentholderint h1 { font-family:Helvetica; font-size:20px; line-height:22px; font-weight:normal; color:#336b81; margin:10px 0px 9px; padding:0px }
.contentholderint h2 { font-size:16px; color:#78925f; font-family:Helvetica; font-weight:normal; line-height:11px; margin:15px 0px 5px; padding:0px }
.contentholderint h3 { font-family:Verdana; font-size:13px; font-weight:bold; color:#336b81; margin:10px 0px 0px; padding:0px }
.contentholderint br { line-height:10px }
.callnow { font-family:Helvetica; color:#ff0000;font-weight:bold; font-size:12pt; margin:10px 0px 9px; padding:0px}
.contenttop { font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size:11px; line-height:15px }
.contenttop { padding:7px 20px 14px }
.contentmiddle { width:461px; background-color:#eaf0f2; line-height:11px }
.contentleft h1, .contentright h1, .faqbox h1 { font-size:14px; color:#78925f }
.contentleft { float:left; width:221px; padding-left:20px }
.contentright { float:left; width:210px; color:#999999; font-size:10px; padding-right:10px }
.newsandpress b { font-size:11px; font-weight:normal; color:#78925f }
.video { width:320px; margin:5px 0px 5px; padding:2px; border:1px solid #999999 }
.audio { float:right; width:165px }
.audio ul { padding:0; margin:0 0 0 20px }
.audio .noli { list-style-image:none; list-style-type:none; font-size:10px; padding:0 }

/* Logos Bottom */
.logoholder { height:63px; margin:15px 0px 0px 3px }
.logo-one { padding:3px 26px 0px 0px }
.logo-two { padding:3px 25px 0px 26px }
.logo-three { padding:3px 27px 0px 29px }
.viewlogos { float:left; font-size:9px; color:#346b7f; padding:50px 0px 0px 9px }
/*--------- Middle Section End ---------*/

/*--------- Footer Begin ---------*/
.footernavigation { text-align:center }
.footerholder { width:750px; margin:4px 0px; }
.footerinfo { float:left; padding:8px 2px; text-align:left; font-family:Verdana; color:#a9a9a9; font-size:10px }
.footercontact {  text-align:right; font-size:21px; color:#729353; font-weight:normal; margin:5px 0px 9px 0px }
.footercontact img {  margin:5px 0px 9px 0px }
/*--------- Footer End ---------*/

/*--------- Contact Form Styles Begin ---------*/
table#cx { font-family:Helvetica; font-size:15px }
table#cx td { padding:0px; }
table#cx td#space { width:15px; }
table#cx th { text-align:left; font-weight:normal; color:#78935f; padding:5px 0px 0px }
td#label { }
div#req { padding:0px; border-left:5px solid #346b7f; float:left }
input.cx { margin:0px; font-size:13px; height:18px; width:175px; border:1px solid #346b7f; background-color:#F3F3F3 }
input#x_state { width:40px; margin-right:10px }
input#x_zip { width:85px }
textarea#x_comments { width:370px; height:100px; border:1px solid #346b7f; background-color:#F3F3F3 }

/*OnSubmit required fields will change to this class by js*/
input.error { border:2px solid red; background-color:#F3F3F3 }
/*--------- Contact Form Styles End ---------*/

/*--------- Contact Form Styles Begin ---------*/
#news img  { width:190px; padding-left:15px; }
/*--------- Contact Form Styles End ---------*/


/*--------- Sitemap Styles Begin ---------*/
.sitemap { width:506px; border-left:1px dashed #a3a3a3; font-family:Verdana; font-size:11px; color:#666666; line-height:15px; color:#666666; padding:0px 21px }
.sitemap a { color:#346c7f; text-decoration:none }
.sitemap a:hover { color:#78925f; text-decoration:none }
.sitemap ul { color:#78925f; list-style-image:url(/img/bullet-plus2.jpg); padding:10px 0px 10px 25px }
.sitemap ul ul { color:#78925f; list-style-image:url(/img/bullet-plus2.jpg); padding:0px 0px 0px 25px }
.sitemap h2 a { color:#346c7f; text-decoration:none }
.sitemap h2 a:hover { color:#78925f; text-decoration:none }
.sitemap h1 { font-family:Helvetica; font-size:20px; font-weight:normal; color:#336b81; margin:10px 0px 9px; padding:0px }
.sitemap h2 { font-size:16px; color:#78925f; font-family:Helvetica; font-weight:normal; line-height:11px; margin:15px 0px 5px; padding:0px }
.sitemap h3 { font-family:Verdana; font-size:13px; font-weight:bold; color:#336b81; margin:10px 0px 0px; padding:0px }
.sitemap br { line-height:10px }
.sitemapindent { padding-left:15px }
.sitemapareas { padding-left:25px }
/*--------- Sitemap Styles End ---------*/

/*--------- Association Page Styles Begin ---------*/
table.logos { text-align:center }
table.logos td { width:50% }
table.logos h2 { font-size:14px }
/*--------- Association Page Styles End ---------*/

/*-----------------------james------------------*/
.j_header { color:#999999; font-size:0.8em; text-align:left; margin-top:19px; line-height:1.5em }
.contentholder h1, .contentleft h1, .contentright h1, .contentholder h2 { background-image:url(/img/arrow-blue.gif); background-repeat:no-repeat; font-family:Helvetica; font-weight:normal; line-height:11px; margin:0px; padding:0px 19px }
.contentholder h2 { font-size:16px; color:#336b81 }
.contentleft h1, .contentleft h2, .contentright h1, .faqbox h1, .faqbox h3 { font-size:14px; color:#78925f }
.faqbox h3 { background-image:url(/img/arrow-blue.gif); background-repeat:no-repeat; font-family:Helvetica; font-weight:normal; line-height:11px; margin:0; padding:0 19px; }
.contenttop a, .j_sidebar a { text-decoration:none; color:#336B81; }
.contenttop a:hover, .j_sidebar a:hover { text-decoration:underline; }
.contentholderint span { font-family:Helvetica; font-size:20px; font-weight:normal; color:#336b81; margin:10px 0px 9px; padding:0px; display:block; }
.j_sidebar p { font-size:0.7em; color:#666666; }
.j_sidebar { margin:15px 0; }
.j_testimonials { height:400px; }
.j_testimonials p { font-size:12px; }

/*--------- Landing Page Styles Begin ---------*/
#wrapper { width:750px; height:100%; margin:0 auto; text-align:left; }
.call { width:290px; float:right; text-align:right; font-weight:normal; }
.call .callus { display:block; float:left; font-size:11px; font-weight:normal; color:#a9a9a9; padding:5px 0; }
.call .phone { display:block; float:left; font-size:20px; line-height:normal; color:#78925e; margin:-2px 0 2px 0; }
#header-landing { width:750px; height:87px; position:fixed; left:inherit; top:0; padding-top:5px; background:#fff; }
#left-col { width:269px; position:fixed; top:92px; }
.left-geo { width:259px; height:294px; padding:24px 0 0 10px; color:#fff; font-size:14px; line-height:22px; }
.left-geo span { font-size:22px; }
.left-geo .area { font-size:15px; }
.left-geo .phone { font-size:36px; font-weight:bold; line-height:40px; color:#ffda44; }

/*--------- Landing FAQ Styles Begin ---------*/
.SlidingPanels { position: relative; width: 100%; height: 400px; padding: 0px; border: none; }
.SlidingPanelsContentGroup { position: relative; width: 100%; margin: 0px; padding: 0px; border: none; }
.SlidingPanelsContent { width: 100%; height: 400px; overflow: hidden; margin: 0px; padding: 0px; border: none; }
.SlidingPanelsAnimating * { overflow: hidden !important; }
.SlidingPanelsCurrentPanel { }
.SlidingPanelsFocused { }


#content { width:481px; height:1200px; left:269px; top:88px; _margin-top:-406px; _float:left;font-family:Verdana; font-size:12px; line-height:17px; color:#666666; padding:85px 0 18px 269px }
#content a { color:#326a80; text-decoration:none; }
#content a:hover { color:#000; }
#content ul { margin-left:10px; padding-left:10px; }
#content ul li { margin-bottom:6px; }
.splash { width:481px; height:100px; }
#content h1, #content h2 { color:#336b81; font-size:18px; font-weight:normal; }
#content ul li { list-style-image:url(/img/arrow-blue.gif); }
#content .line { width:100%; background: url(/img/landing/line.gif) bottom repeat-x; }
#content .boxWhite { width:453px; float:left; padding:14px 14px 0 0; margin:0 0 0px 14px; }
#content .half { width:220px; float:left; padding-right:5px; }
#content .boxGreen { width:437px; float:left; padding:30px 22px 0 22px; background:url(/img/landing/bg_boxgreen.gif) top no-repeat; }
#content .boxGreen h2 { color:#78935f; }
#content .boxTan { width:437px; float:left; padding:30px 22px 0 22px; background:url(/img/landing/bg_boxtan.gif) top no-repeat; }
#content .boxTan img.team { margin-top:10px; border:solid 1px #ccc }
#content .bxbtm { float:left; margin-top:-18px; margin-bottom:12px; }
#content .callnow { width:464px; text-align:right; font-size:14px; float:left; color:#81af62; line-height:normal; padding:6px 3px 18px 0; }

#social { width:648px; height:22px; padding:12px 50px; line-height:22px; color:#336b81; font-size:16px; border:solid 1px #d1d1d1; background:url(/img/bg_social.jpg) repeat-x; margin-bottom:20px; }
#social img, #social span { display:block; padding:0 5px; float:left;}
#social .signup { margin-left:30px;}
#social form { margin:0; padding:0;}
#social .email {  display:block; float:left; height:20px; line-height:20px; border:solid 1px #d1d1d1; border-collapse:collapse; padding:0 5px; margin:0; font-size:13px; color:#7f7f7f; }

#social .btn-submit { text-indent:-300px; display:block; float:right; width:69px; height:25px; border:solid 0px; margin:0 0 -3px 10px; background:url(/img/btn_submit.gif) no-repeat; cursor:pointer; }

#footer { width:750px; height:87px; position:relative; bottom:0; clear:both; margin-top:3px; }