/************
************* DQ's modified version of Eric Meyer's CSS reset */
a { text-decoration: none; }
a img { border: none; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, code, del, dfn, 
font, img, ins, kbd, q, samp, small, tt, var, dl, 
dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0;
	border: 0; outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
:focus { outline: 0; }
body {
	color: black;
	background: white;
	height: 100%;
}
ol, ul { list-style: none; }
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
pre { 
	background-color: #eee;
	border: 1px solid #ccc;
	overflow: scroll; 
}

/************
*************DESIGN*/

/*setup*/
body {
font-family: arial;
background: #f0f1f1 url(../images/bgs/left-wing-repeat.jpg) repeat-x;
padding-top: 5px;
}
#container {
width: 1000px;  
height: 100px;
margin: 0 auto; 
background: url(../images/bgs/top-top-repeat.jpg) repeat-x;
position: relative;
}
#top {
background: url(../images/bgs/top-bottom-half.jpg) no-repeat center bottom; 
width: auto;
height: 60px;
}
#top #logo{
background: url(../images/logo.gif) no-repeat right bottom; 
width: 240px;
height: 48px;
}
#top #logo a{
display: block;
width: 155px;
height: 48px;
float: right;
}
#top #home{
background: url(../images/home.gif) no-repeat; 
width: 43px;
height: 14px;
position: absolute;
top: 19px;
left: 26px;
}
#top #home a{
display: block;
width: 43px;
height: 14px;
}
#left-wing {
background: url(../images/bgs/left-wing.jpg) no-repeat center bottom; 
width: 94px;
height: 219px;
position: absolute;
left: -94px; top: 0;
}
#right-wing {
background: url(../images/bgs/right-wing.jpg) no-repeat center bottom; 
width: 94px;
height: 219px;
position: absolute;
right: -94px; top: 0;
}
#right-wing-repeated {
background: url(../images/bgs/right-wing-repeat.jpg) repeat-x; 
width: 60%;
height: 219px;
position: absolute;
right: 0; top: 0;
z-index: -1;
margin-top: 5px;
}

/*main navigation*/
#nav {
background: url(../images/bgs/navigation.jpg) no-repeat center;
height: 29px; 
width: 875px;
margin: 0 auto; 
padding-left: 125px;
}
#nav ul {
height: 29px; 
position: relative; 
background: #3f7fc8 url(../images/bgs/grey-button.jpg) repeat-x scroll 0 0; 
list-style: none;
padding: 0;
margin: 0;
font-size: 85%;
font-weight: bold;
}
#nav ul li:hover ul , #nav ul li.sfhover ul{
left: auto;
}
#nav ul li{
float: left; 
height: 27px;
overflow: hidden;
}
#nav ul li:hover{
position: static;
}
#nav ul li a{
display: block;
padding: 6px 20px 9px 20px; 
font-size: 80%; 
color: white; 
display: block;
}
#nav ul li a.variant{
color: #9cd2f2; 
}
#nav ul li.blue{
border-top: 1px solid #213e77; 
border-bottom: 1px solid #213e77; 
background: url(../images/bgs/blue-button-left.jpg) no-repeat;
border-right: 3px solid #194b84;
}
#nav ul li.blue a{
background: url(../images/bgs/blue-button-right.jpg) no-repeat right top;
}
#nav ul li.blue ul a{
height: auto
}
#nav ul li.blue.first {
border-left: 1px solid #23609e;
}
#nav ul li.divider{
margin-top: 0px;
background: #4894d8;
display: block;
width: 2px;
height: 27px;
border-top: 1px solid #3e7fb9;
border-bottom: 1px solid #3e7fb9;
border-left: 1px solid #397bba;
border-right: 1px solid #397bba;
}
#nav ul li.grey{
border-top: 1px solid #2b3c45; 
border-bottom: 1px solid #2b3c45; 
background: url(../images/bgs/grey-button-left.jpg) no-repeat;
}
#nav ul li.grey a{
background: url(../images/bgs/grey-button-right.jpg) no-repeat right top;
}
#nav ul li.grey ul a{
height: auto;
}
#nav ul li ul{
position: absolute;
left: -999em;
width: 160px;
font-size: 100%;
top: 29px;
height: auto;
background: #214380;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
z-index: 1000;
}
#nav ul li ul li{
height: auto;
}
#nav ul li ul li a{
background: url(../images/bgs/sub-nav-divider.jpg) no-repeat bottom !important;
color: white;
}
#nav ul li.grey ul li a{
background: url(../images/bgs/sub-nav-divider2.jpg) no-repeat bottom !important;
}
#nav ul li ul li a:hover{
color: #9cd2f2;
}
#nav ul li ul li a.last{
background: none !important;
}
#nav ul li ul li{
float: left;
clear: both;
width: 160px;
}
#nav ul li.grey ul {
background: #32414a;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

/*left navigation*/
#left-nav {
width: 202px;
height: auto;
background: url(../images/left-nav.jpg) repeat-y;
float: left;
margin: 9px 40px 0 0;
display: inline;
}
#left-nav ul{
margin: 0; padding: 0;
}
#left-nav li{
padding: 3px 0 3px 33px;
width: 169px;
line-height: 80%;
list-style: none;
}
#left-nav li a{
color: white;
font-weight: bold;
font-size: 70%;
}
#left-nav li a:hover{
color: #3c4951;
}
#left-nav li:hover ul{
float: left;
height: auto;
}
#left-nav h1{
padding: 0;
font-family: arial;
font-weight: bold;
}
#left-nav h1 a{
color: #3c4951;
font-size: 75%;
}
#left-nav li.spacer{
height: 5px;
background: url(../images/left-nav-spacer.gif) no-repeat 22px 2px;
overflow: hidden;
}
#left-nav li.selected{
background: #3c4951 url(../images/left-nav-title-arrow.gif) no-repeat 22px 55%;
padding: 5px 0 7px 33px;
}
#left-nav li.selected a{
color: #8fd4f3;
}

/*content*/
#content {
background: #dedfe0;
width: 982px;
margin: 7px auto 0 auto;
padding: 0 9px 75px 9px;
}
#right-content{
float: left;
width: 740px;
font-size: 105%;
}
#right-content ul{
width: 520px;
margin-left: 0;
}
#right-content li{
background: url(../images/bullet.gif) no-repeat 0 6px;
padding-left: 10px;
}
#right-content h1{
text-transform: lowercase;
width: 520px;
font-family: georgia, "times new Roman";
padding: 30px 0 5px 0;
font-size: 110%;
font-weight: bold;
color: #364850;
}
#right-content h2{
clear: both;
margin-top: 10px;
width: 520px;
}
#right-content p{
width: 520px;
}
#right-content ul{
color: black;
font-size: 70%;
list-style: disc;
margin: 10px 0;
padding: 9px 20px;
background: #eaeced;
list-style-type: none;
width: 480px;
}
#right-content .callout {
background: url(../images/callout-top.jpg) no-repeat;
width: 210px; 
padding: 17px 0 0 0;
float: right;
margin: -50px 0 0 0;
display: inline;
border: 0;
overflow: hidden;
}
#right-content .callout h1{
color: #121212;
font-size: 70%;
padding: 0;
width: auto;
text-align: left;
margin: 10px 0 0 20px;
}
#right-content .callout ul{
margin: 5px 0 0 0;
width: auto;
text-align: left;
padding: 0 37px;
background: none;
}
#right-content .callout ul li{
margin-top: 5px;
background: url(../images/right-bullet.gif) no-repeat 0 6px;
}
#right-content .callout p{
line-height: 115%;
padding: 3px 0;
}
#right-content .callout .inside {
background: url(../images/callout-bg.jpg) repeat-y;
text-align: center;
}
#right-content .callout .inside .top-image{
background: url(../images/callout-picture-border.jpg) no-repeat 0 2px;
width: 210px;
height: 6px;
margin: 0 auto;
overflow: hidden;
}
#right-content .callout .inside .bottom-image{
background: url(../images/callout-picture-border.jpg) no-repeat 0 -103px;
width: 210px;
height: 7px;
margin: 0 auto;
overflow: hidden;
}
#right-content .callout .inside img{
border: 2px solid white;
width: 206px;
}
#right-content .callout .inside p{
text-align: left;
width: 90%;
margin: 5px auto 0 auto;
}
#right-content li.spacer{
height: 5px;
background: url(../images/left-nav-spacer.gif) no-repeat 0px 2px;
overflow: hidden;
list-style-type: none;	
margin-bottom:8px;
}
#footer {
background: #62737b url(../images/bgs/footer.jpg) repeat-x;
padding: 20px 0;
text-align: center;
}
#footer p{
color: #cdcdcd;
}
#footer a{
color: #fff;
font-weight: bold;
}

/*typography*/
h1{
font-family: georgia, "times new Roman";
padding: 30px 0 10px 0;
font-size: 110%;
font-weight: bold;
color: #364850;
}
a{
color: #2370cb;
font-weight:bold;
}
a:hover{
color: #2e96de;
}
p{
font-size: 70%;
line-height: 170%;
margin: 10px 0;
color: #152127;
}
strong {color: #152127;}

.bigger {font-size: 110%;}
.clear {clear: both;}
#therapy p {margin-bottom: 0;}
#bios {width: 520px;}
.bio-pic {float: left; clear: both; margin-right: 30px; width: 160px; margin-top: 11px;}
.bio-pic img {width: 160px; height: 100px; margin-bottom: 5px;}
.bio-pic p {width: 180px !important; line-height: 140%;}
.bio-desc {float: right; width: 330px !important;}
label {width: 160px; float: left; padding-top: 3px;clear: both;}
.form p {padding: 4px 0;clear: both; margin: 0;}
table {font-size: 70%;}

/**TJK List/Form Styles**/
#TJK_DL dt a {color:#364850;}
dt {font-size: 70%; margin-bottom: 5px;}
dt.DTplus a {position: relative; background: url(../scripts/TJK_ToggleDL/toggleDLplus.gif) no-repeat left; padding-left: 20px;}
dt.DTminus a {position: relative; background: url(../scripts/TJK_ToggleDL/toggleDLminus.gif) no-repeat left; padding-left: 20px;}
dd.showDD {display: block; padding-left: 20px;}
dd.hideDD {display: none;}
dd ul {width: 460px !important;}

dl.alphabet {width: 520px;}
dl.alphabet a {width: 520px;}
dl.alphabet dt {display: block; margin-right: 2px; width: 38px;float: left;}
dl.alphabet dd {margin: 0px; position: relative; clear: both;}
dl.alphabet dd ul {float: left; padding: 0 !important; list-style-type: none !important; clear: both;background:none !IMPORTANT;}
dl.alphabet dd ul li {float: left !important; margin-right: 5px !important; width: 46% !important;background:none !IMPORTANT;}
dl.alphabet dd ul li label {margin-left: 5px; float: left; clear:none;}
dl.alphabet dd ul li input {float: left;}
dl.alphabet dt .empty {left: 0; top: 0px; height: 14px; width: 14px; position: absolute; background: #dfe0e1 url(../scripts/TJK_ToggleDL/toggleDLempty.gif) no-repeat; overflow: hidden;}
dl.alphabet dt a .empty-letter {color: #b0b0b0;}
dl.alphabet div {height: 15px; width: 457px; background: transparent url(../images/bgs/dt-head-bg.jpg) no-repeat scroll 23px 20px; color: #b0b0b0; padding-top: 10px; margin: 0 0 0 -20px; font-family: Arial; text-transform:none; font-weight: normal;}

#case-studies .study {display: inline;clear: both; margin-bottom: 18px; padding-bottom: 10px; float: left;background:url(../images/cs-divider.jpg) no-repeat 0 bottom;width: 100%;}
#case-studies h2 {width: 348px;margin-top: 0;font-size: 90%;font-weight:bold;}
#case-studies p {width:348px;}
#case-studies .study .cs-image {float: left; position:relative;display: inline;} 
#case-studies .study .cs-image .plus {width:14px;height:13px;position:absolute;top:13px;right:1px;background:url(../images/hs-image-plus.png) no-repeat;overflow: hidden;} 
#case-studies .study .cs-description {padding-top:9px;float: right;width: 345px;margin-right: 205px;margin-left: 20px;display: inline;} 
#case-studies img {width: 162px;height:244px;padding:11px 0 16px 0; background: url(../images/bgs/cs-image-bg.jpg) no-repeat;} 
.closebutton {display:block;background:url(../images/hs-minus.png);height:25px;width:25px; position: absolute;top:1px; right:2px; cursor: pointer;}

.inclinix-cpr {width: 85px; height: 14px; background: url(../images/inclinix-cpr.gif); float: right; margin-right: 5px;}
.inclinix-cpr a {display: block; width: 85px; height: 14px;}

.controlList { font-size: 10pt }

.controlList label {width: auto; float: none; clear: none; white-space: nowrap }


.ErrorSummary { color: Red !IMPORTANT; }