/* page structure */

html{height:100%;  margin:0; padding:0;}
body { height:100%; width: 820px; margin:0 auto; font: 12px/16px Helvetica, Arial, sans-serif; 
	background: #FFF url(../images/bkd_pattern_white.gif) repeat; }

#wrapper {width: 820px; height:auto; float:left; background:#FFF url(../images/bgtile-pgbody.gif) 0 0 repeat-y; padding-bottom:20px;}
#col-left {width:175px; float:left; position:relative;
	background: url(../images/bgtile-leftbar.gif) 0 0 repeat-y;
	border-right: #CCC solid 1px;}
#col-ctr {width:330px; height:auto; float:left; padding-left:10px; margin-left:175px; position:relative;}
#col-rt {width:280px;float:left; position:relative;}

a:link { color: #7ba4a4; text-decoration: none; }
a:hover { color: #996; text-decoration: none; }
a:visited { color: #7ba4a4; text-decoration: none; }

p { color: #966; margin: 4px 0 7px 0; }


/* nav */
.subnav { color: #7ba4a4; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; text-align:right; width:155px;
	position:absolute; top:260px; right:15px; }
.subnav dt {margin: 15px 0 0 0; cursor:pointer;}
.subnav dd, .subnav dd a {margin: 5px 0 0 0; color:#b6b6b6;}
.subnav dd a:hover {color: #996;}
.subnav ul {margin: 15px 0 0 0; list-style:none;}
.subnav li a:hover {color: #996;}


/* type */

ul {margin: 5px 0 5px 0; list-style:disc;}
li {margin: 5px 0 5px 12px;}

.type2 { color: #966; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; margin: 4px 0 7px 0; }

.subhead { color: #966; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; font-weight:bold; }
.subtitle { color: #7ba4a4; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }
.bullets { color: white; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; }
.graybody { color: #966; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 16px; }
.bulletsblack { color: black; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; }




/* images, callout and graphic headlines */

#asclepius {position:absolute; top:80px; left:35px;}

.topimg {padding-top:0;}
.graybox {padding-left:7px;}

#headline {margin-top:15px; margin-bottom:10px; margin-left:-3px;}

#callout { position: relative; height:255px; }
#callout p { position:absolute; bottom:0; left:20px;
	color: #7ba4a4; font: italic 12px/16px Georgia, "Times New Roman", Times, serif;  }
#logo { position: absolute; top:260px; left:20px;}
#logophoto { position: absolute; top:375px; left:20px;}


/* form styles */
form#patientLogin label, form#providerLogin label {display:block; color:#907578;}
form#patientLogin .textfield, form#providerLogin .textfield {background:transparent url(../images/formfield-bg.gif) no-repeat; border:#FFF solid 0; height:24px; width:302px; padding: 5px 0 0 5px;}
form#patientLogin input, form#providerLogin input {margin-bottom:10px;}



/* misc classes */

.fltlt {float:left;}
.fltrt {float:right;}
.line {position: absolute; top:0; left:0;}
.clear {clear:both; width: 820px; height:200px; background:#FFF url(../images/bgtile-pgbody.gif) 0 0 repeat-y;}
.clearSm {clear:both; width: 820px; height:50px; background:#FFF url(../images/bgtile-pgbody.gif) 0 0 repeat-y;}
.clearXL {clear:both; width: 820px; height:250px; background:#FFF url(../images/bgtile-pgbody.gif) 0 0 repeat-y;}
.toggleHeader {cursor:pointer; margin-top:6px;}
.toggleHeader:hover {cursor:pointer; color:#996;}