/*content styling*/
* {margin:0 ; padding:0 ;}
body {background:url(images/bodybg.gif) repeat-x #fff ; font-family: tahoma ; font-size:67.5% ; color:#004684 ;  }
#content ul { list-style-position:inside ;}
#content img {border-bottom:#ddd solid 1px ; padding:4px ; background:#f1f1f1}
#content img.nb {border:none ; background:#fff ; }
a {text-decoration:none ; color:#39b2e3}
a:hover {color:#efa854 ;}
a em { font-style:normal ; text-decoration:underline}
ul {list-style:none}
#content ul, #rcol ul {list-style-image:url(/images/bullet.gif) }
#content ul li{ margin-bottom:4px}
p {margin:2px ; padding:2px}
a.this {color:#bbb ; cursor:default}
a.this:hover {color:#bbb ; cursor:default}
h1 {font-size:2.6em ; font-family: arial, tahoma, "sans serif" ; font-weight:normal ; letter-spacing:-2px ; color:#5c79ac ; margin-bottom:15px ; padding:5px 0px 2px 5px ;background:url(images/inputbg.gif) #f8f8f8 bottom repeat-x; }
h2 {font-weight:normal ; letter-spacing:-1px ; font-size:2.0em ; font-family:arial, tahoma, "sans serif" ; color:#efa854 ; margin:5px 0px 5px 0px; clear:right ; background:url(images/h2back.jpg) repeat-y #f5f5f5 right; padding-left:2px ; border-bottom:solid 1px #ddd}
h2 em {font-size:0.7em ;color:#bbb ; font-style:normal ; line-height:1.5em ; }
h3 { font-size:1.3em ; font-weight:normal ; padding-bottom:3px ;border-bottom:solid 1px #eee ;margin:10px 5px 5px 5px}
h3 span{ margin-left:5px ; color:#bbb}
.contentnav {text-align:center ; background:#f5f5f5 ; border-bottom:#ddd solid 1px; clear:right ; margin-top:5px}
.contentnav a { display:block ; font-size:1.2em ; text-align:center ; border:solid 1px #fff ;background:#f6f6f6 ; padding:1px ; zoom:1}
.contentnav a:hover { border:solid 1px #eee ; background:#fff ; }
.contentnav a span {letter-spacing:-3px ; color:#004684 ; padding-left:6px ; padding-right:8px}
.contentnav a:hover span {color:#efa854}
ul.sty1, ul.sty2 {margin-top:10px ; margin-left:0 ; padding-left:0 ; margin-bottom:5px}
.sty1 li {list-style:none ;list-style-image:none ; list-style-position:outside; border:solid 1px #eee ; margin-bottom:2px ; padding:5px ; }
.sty2 li, #sfaqol li { margin-top:5px ;  padding-bottom:8px ; background:url(images/sty2.jpg) no-repeat bottom center; }
#content ol { list-style-position:inside ;}
#content ol li { margin-bottom:5px ;}
#rcol h2 {font-size:1.6em; border-bottom:solid 1px #eee ; background:none ; margin-top:1em}
#content h2 span { color:#5c79ac ; background:#fff ; height:1em }
#content p.intro, #content p.extro {border:solid 1px #eee ; font-size:1.1em ; padding:10px 3px; margin-bottom:10px ;text-indent:0px ; clear:right ; }
#content .intro strong, #content .extro strong, #hyperbox a strong, .meet a strong {color:#5977ab ;font-size:1.4em ; font-family:arial, helvetica, "sans serif" ; letter-spacing:-1px ; line-height:1.1em ;}
#content .notes, #rcol .notes {font-size:0.9em ; color:#aaa ; text-indent:0}
#hyperbox {list-style:none ; margin:0 ; padding:0 ; }
#hyperbox li { display:inline; }
#hyperbox ol li {display:block}
#hyperbox a { clear:right ; display:block ; background:url(/images/inputbg.gif) #f8f8f8 bottom repeat-x;  font-weight:normal ; padding:5px ; min-height:75px ; zoom:1 ; border:solid 1px white}
#hyperbox a strong {  font-size:1.5em }
#hyperbox a:hover {background:#fff ; border:solid 1px #eee }
#hyperbox a img { float:right ; padding:0 ; border:0}
#hyperbox a span { background:#fff ; line-height:1.4em ; padding-left:5px ; border-left:solid 2px #f7c284}

#content a.imghov img {padding:0 ; border:0}/* check this out - as soon as it appears inside a p we have a problem*/
a.imghov { float:right ; margin:3px 0px 3px 3px; border:solid 3px #f1f1f1 ; padding:1px ; }
a.imghov:hover { border:solid 3px #f7c284 ;}
#content .split a.imghov { float:none ;}
.glossary {background:#ebf9ff}
.quote span{font-size:1.5em ; color:#efa854 ; display:block ; text-align:center}
.quote {color:#aaa ; text-align:right}
#footer p {color:#5d7bad ; font-size:0.9em}
/*tables*/
table {margin:15px ; font-size:1.0em ;}
table td.blank {background:#fff ; border-color:#fff}
table th {background:#daf6ff ; padding:5px ; border:solid 1px #a3ddf7}
table td {background:#f0f0f0 ; padding:5px ; border:solid 1px #e0e0e0}
table.ppsearch {border-collapse:collapse ; color:black}
table.ppsearch td{ background:#fff ;padding:3px ; }
table.ppsearch th {background:#ece9d8 ; padding:3px ;font-weight:normal ; font-size:1.2em ;border-top:solid #fff 1px; border-left:solid #fff 1px;border-right:solid #aca899 1px;border-bottom:solid #aca899 1px;}
/*forms*/
.hid {visibility:hidden ; position:absolute}

/*template positioning*/
#identity {height:186px ; width:329px ; float:left ;clear:left ; background:url(images/logo.jpg) no-repeat ; margin-top:7px }
#resources { width:304px ;float:left ;clear:left ;}
/*feature found below resources buttons*/
#demo { background:url(/contentimg/serv.jpg) no-repeat ; text-align:center; font-family: arial, helvetica ; letter-spacing:-1px; margin-top:5px ; height:250px ; overflow:auto; padding-top:10px;}
.subres {width:300px ;float:left ;clear:left ;}
#demo p { margin-left:150px; font-size:1.5em ; font-weight:bold }


#rcol { width:195px ; position:absolute ; right:0px ; background:url(images/rcol.jpg) no-repeat 0px 1px ; padding-top:25px ; min-height:160px ; height:auto !important;  height:160px /*set min height hack*/; }
#rcol * { margin-right:15px ; margin-left:45px ;}
#rcol p, #rcol h2 {text-align:center}
#rcol * * {margin-left:0px ; margin-right:0px}
#left {float:left ; }
#content { margin-right:200px ;  margin-left:329px ;  padding-top:45px ; zoom:1 ;  }
#content img.nodec {padding:0 ; border:0}
#footer { background:url(images/foot.gif) repeat-x 0em 2em #daf6ff; height:40em ; clear:both ; width:100% ; background:url(images/foot.gif) repeat-x 0em 2.8em #daf6ff ; margin-top:25px}
#banner {position:absolute ; right:0 ; }
#banner img {border:solid 1px #39b2e3 ; }
.shout a{ font-size:1.1em ;  line-height:1em ;color:#39b2e3 ;}
.shout a:hover{ color:#efa854}
.shout a:hover span { background:#39b2e3 ; color:#fff}
.shout span {  background:#fff ;color:#5977ab ; font-weight:bold ; font-size:1.4em ; line-height:1.1em ;letter-spacing:-1px ; font-family:arial, sans-serif ;}
 
/*content positioning*/
.fltsplit { width:180px ; float:right ; background:#fff }
.split {
	width:49.9%;
	float:left;
	background:#fff;
	overflow:hidden;
}
.splitimg {
	width:49.9%;
	float:left;
	background:#fff;
	overflow:hidden;
}

.split h2 { margin:5px 2px 5px 2px }
#content .split ul {margin-left:5px}
#content .split p {text-indent:0}
.clr {clear:both}
img.flright {float:right ; margin:4px 0px 4px 4px; }
img.flleft {float:left ; margin:4px 4px 4px 0px; }
.topbottomimage {width:158px; float:right; margin:4px 0px 4px 8px;}


/* main menu*/
#preload {position:absolute ; left:-1500px}
ul#main {  width:304px ;height:55px ; background:url(images/navback.gif) #a9e0f9 repeat-x ; }
ul#main li {display:inline ; width:76px ;}
#main a span { display:block ; padding-top:35px}
#main a { display:block ; width:75px; height:55px ; float:left ; text-align:center ; margin-right:1px ; }
#main a:hover { color:#fff }
#main a.this {color:#b7e5f8 ; }
#home {background:url(images/mm10.jpg) no-repeat ; color:#5c79ac}
#home:hover, #home.this, #home.this:hover, #main .this1 {background:url(images/mm11.jpg) no-repeat}
#sub {background:url(images/mm20.jpg) no-repeat; color:#5c79ac}
#sub:hover, #sub.this, #sub.this:hover, #main .this2 {background:url(images/mm21.jpg) no-repeat}
#serv {background:url(images/mm30.jpg) no-repeat; color:#5c79ac}
#serv:hover, #serv.this, #serv.this:hover, #main .this3 {background:url(images/mm31.jpg) no-repeat}
#about {background:url(images/mm40.jpg) no-repeat; color:#5c79ac}
#about:hover, #about.this, #about.this:hover, #main .this4 {background:url(images/mm41.jpg) no-repeat}
#main .this1,#main .this2,#main .this3,#main .this4 {color:#b7e5f8}

/*resources menu*/
#resources li { display:inline }
#resources a:hover {color:#004684 }
#resources a.this, #resources a.this:hover, a#tha.this:hover strong, a#tha.this strong, a#coa.this:hover strong, a#coa.this strong {color:#aaa ;}
#resources a span {display:block ; padding-left:10px ; padding-right:10px ; font-size:1.2em}
#resources a { display:block ; float:left ; width:150px ; padding-bottom:35px ; text-align:center ; color:#1997ca}
a#coa, a#coa.this:hover {background:url(images/coafoot.jpg) no-repeat bottom}
a#coa:hover {background:url(images/coafoot1.jpg) no-repeat bottom}
a#tha, a#tha.this:hover {background:url(images/thafoot.jpg) no-repeat bottom}
a#tha:hover {background:url(images/thafoot1.jpg) no-repeat bottom}
#resources a strong {color:#efa854 ;display:block ;  width:150px ; height:1.5em ; padding-top:25px ;text-align:center ; font-size:1.6em ; letter-spacing:-1px; font-family:arial, helvetica ;font-weight:normal}
a#coa strong, a#coa.this:hover strong {background:url(images/coahead.jpg) no-repeat ;}
a#coa:hover strong {background:url(images/coahead1.jpg) no-repeat ; color:#004684 }
a#tha strong, a#tha.this:hover strong {background:url(images/thahead.jpg) no-repeat ;}
a#tha:hover strong {background:url(images/thahead1.jpg) no-repeat ; color:#004684 }

/*search box - not currently used*/
#left form {padding-left:10px ; }
#left label { font-size:1.6em ; font-family:arial, "sans serif" ; letter-spacing:-1px ; color:#efa854}
input, textarea, select { background:url(images/inputbg.gif) #f8f8f8 repeat-x bottom ;border:#e5e5e5 1px solid ;  color:#004684}
#left input {margin-left:0}
#left #go { margin-left:10px ;}

/* suckerfish */
#nav { float:left; clear:left ; background:#a9e0f9; }
#nav a {	display:block;	width: 76px; height:15px ; background:url(images/drdback0.gif) no-repeat ; text-align:center ; color:#8ed1f0 ; }
#nav a:hover {background:url(images/drdback1.gif) ; }
#nav li { float: left; width: 76px; }
#nav li ul {	position: absolute;	width: 15em;	left: -999em; background:#a9e0f9 ; padding:2px ; filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;}
#nav li ul li {clear:left}
#nav li ul a { width: 15em; height:2em ; background:#a9e0f9 ; color:#5c79ac ; text-align:left ; text-indent:5px ; line-height:2em ; border-bottom:solid 1px #8ed1f0}
#nav li ul a:hover { background:#f7b464 ; color:#fff ;}
#nav li:hover ul {left: auto; }
#nav li:hover ul, #nav li.sfhover ul {left: auto;}

/* context menu */
ul#context {  top:50px ; height:27px ; padding-top:50px ; margin-left:300px ; min-width:400px ; }
ul#context li { display:inline ; background:#666 ; height:27px }
ul#context li a { background:url(images/cona0.jpg) repeat-x ; border-right:solid 1px #efefef ; display:block ; float:left ; padding:0px 7px 0px 7px ; line-height:25px ; height:2.3em ; border-bottom:2px solid #fff ; color:#1997ca}
ul#context li a:hover { background:#fff; color:#efa854}
ul#context li a.this { border-bottom:0px; padding-bottom:2px; color:#fff ; }
ul#context li a.this2 { border-bottom:0px; padding-bottom:2px; }
ul#context li a.this:hover { background:url(images/cona0.jpg) repeat-x ; color:#fff}
ul#context li a.first { background:url(images/conmen.jpg) no-repeat ; padding-left:40px ; }
ul#context li a.firstthis {background:url(images/conmen.jpg) no-repeat ;border-bottom:0px ; padding-bottom:2px ; padding-left:40px ; color:#fff }
ul#context li a.firstthis2 {background:url(images/conmen.jpg) no-repeat ;border-bottom:0px ; padding-bottom:2px ; padding-left:40px ;  }
ul#context li a.first:hover  { background:url(images/conmen1.jpg) no-repeat ; }
ul#context li a.firstthis:hover {background:url(images/conmen.jpg) no-repeat ; color:#fff ;cursor:default}
ul#context li a.firstthis2:hover {background:url(images/conmen1.jpg) no-repeat ; }
ul#context li a.last { background:url(images/conlmen.jpg) no-repeat top right ; padding-right:40px ; border-right:0 }
ul#context li a.lastthis {background:url(images/conlmen.jpg) no-repeat top right; border-bottom:0px ; padding-bottom:2px ; padding-right:40px ; color:#fff; border-right:none }
ul#context li a.lastthis2 {background:url(images/conlmen.jpg) no-repeat top right; border-bottom:0px ; padding-bottom:2px ; padding-right:40px ; border-right:none }
ul#context li a.last:hover  { background:url(images/conlmen1.jpg) no-repeat right top; }
ul#context li a.lastthis:hover {background:url(images/conlmen.jpg) no-repeat top right ; color:#fff ;cursor:default}
ul#context li a.lastthis2:hover {background:url(images/conlmen1.jpg) no-repeat top right ; }

/*footer menu*/
#footer {text-align:center ;} 
#footer ul {background:#f5f5f5 ; width:100% ;  border-bottom:solid 2px #fff ; padding:0.7em 0em ; margin-bottom:30px }
#footer li { display:inline ; margin-right:25px ; }
#footer ul span { font-size:0.8em ;color:#ccc ; padding-left:5px }
#ihc {margin-top:20px}

#content .stando {float:right ; clear:right ; width:150px ; color:#efa854 ; padding:5px ; margin-left:3px ; font-size:1.2em  }
.sig {text-align:right ; color:#bbb}
.sig em {font-size:1.3em ; font-style:normal ;color:#004684 }
/*therapy analysis - should export really*/
#rcol .rcolmen *, #rcol ul *{margin-left:0}
#rcol h2 span { color:#aaa ; margin-left:0px ; font-size:0.7em }
.rcolmen, #rcol ul { margin-bottom:10px ; margin-top:10px ; margin-left:5px ; padding-left:20px}
.rcolmen li, #rcol ul li {margin-bottom:5px ; margin-left:5px ; padding-left:0px ; }
#rcol ul { margin-left:35px}
#rcol .rcolmen span {color:#aaa;}
#rcol .rcolmen a.this span {color:#bbb}

/*tech support*/
#content .cont span {display:block ; float:left ; width:50px}

/*login*/
#content a.but { background:url(/images/button.gif) no-repeat; display:block;  height:37px ; width:100px ; font-size:1.3em ;  line-height:34px ; text-align:center ; margin:auto ; text-indent:0px ; margin-top:10px}
#content a.but:hover {background:url(/images/button1.gif) no-repeat; }