/* CSS - New Project */
/* reset */
html, body, span, object, iframe, img, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;font-family: inherit;}
/* general */
strong {font-weight: bold;}
em {font-style: italic;}
.left {float: left;margin-right: 1em;}
.right {float: right;margin-left: 1em;}
.hide {display: none;}
.show {display: block;}
body {font-size: 11px; background: #9F082B url(images/bg.jpg) repeat-x; color: #5d5757; font-family: Verdana, Arial, Helvetica, sans-serif;}
.divide {padding: 10px 0;clear: both; display: block; border-bottom: 1px solid #666;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
/* basic */
#mainContainer {width: 975px; margin: 0 auto;}
#mainContainer, #headerContainer, #footerContent {clear: both;}
/* header */
#headerContainer {}
#headerLogo h1 {text-indent: -9999px;margin: 0;}
#headerLogo a {display: block; background: url(images/logo.jpg) no-repeat; width: 268px; height: 170px; }
/* body */
#bodyContainer { min-height: 30px; width: 975px;}
#bodyContainer a {color: #1b4f15; font-weight: bold; text-decoration: none;}
#bodyContainer a:hover {text-decoration: underline;}
#leftCol {float: left; width: 268px;}
#leftNav {background: url(images/leftcol.jpg) no-repeat; height: 630px; position: relative;font-family: Arial, Helvetica, sans-serif; padding-top: 1px; clear: both;}
#leftNav ul {padding: 12px 0 0 15px;}
#leftNav li {list-style: none;}
#leftNav li a {display: block; color: #f8f7eb; background: url(images/navbg.jpg) no-repeat; width: 268px; height: 26px; text-decoration: none; padding: 5px 0 0 5px; font-weight: bold; font-size: 14px;}
#leftNav li a:hover {background: url(images/navbg_hover.jpg) no-repeat; color: #a0082b; text-decoration: none;}
#search {background: url(images/searchbg.jpg) no-repeat; margin-left: 25px;width: 207px; height: 70px; padding: 1px 15px; clear: both;}
#search a {color: #fff; float: left;}
#search #searchBox {background: url(images/searchbox.jpg) no-repeat; width: 179px; height: 26px; border: 0; font-family: Arial, Helvetica, sans-serif; padding: 0px 30px 0 5px; color: #c2c2c2; position: relative; left: -4px; line-height: 26px;}
#search #searchButton {border: 0; background: url(images/searchbutton.jpg) no-repeat; width: 56px; height: 17px;float: right;}
#rightCol {float: right; width: 707px; background: url(images/bodybg.jpg) repeat-y; }
#rightCol h1, h2, h3, h4, h5 {font-family: Arial, Helvetica, sans-serif;}
#rightCol h1 {color: #9b2530; font-size: 14px; font-weight: bold;}
#rightCol #bodyContent {background: url(images/bodytop.jpg) no-repeat; min-height: 750px; padding: 45px 32px 20px 32px;}
#rightCol .bodyLeft {float: left; width: 297px;}
#rightCol .bodyLeft h2 {color: #9b2530; font-size: 14px; font-weight: bold;}
#rightCol .bodyRight {float: right; width: 297px;}
.javelin_module-links li {margin-bottom: 7px; margin-left: 15px;}
#socialBox {width: 228px; height: 61px; background: url(images/socialBackground.jpg) no-repeat; padding: 10px 0 0 10px; margin-left: 25px; margin-top: 10px;}
#socialBox p {margin: 0 0 5px 0; color: #fff; font-weight: bold;}
#socialBox span a {display: block; width: 30px; height: 30px; background: url(images/facebookicon.jpg) no-repeat; text-indent: -999em; float: left; margin-right: 10px;}
#socialBox .twitter a {background-image: url(images/twittericon.jpg);}
/* footer */
#footerContainer {}
#footerContent {clear: both; background: url(images/footerbg.jpg) top left no-repeat; width: 707px; min-height: 125px; position: relative; left: 268px; padding-top: 40px; font-size: 10px; color: #fff;}
#footerContent a {color: #fff;}
#footerContent ul {display: block; clear: both;}
#footerContent li {display: inline; float: left; margin-right: 5px; padding-right: 5px; border-right: 1px solid #fff; list-style: none; margin-bottom: 5px;}
#footerContent .lastItem {border-right: none;}
/* custom programming */
.staff {position: relative; left: 26px;}
.staff li {width: 110px; list-style: none; float: left; margin-right: 50px; margin-bottom: 10px; min-height: 200px;}
.staff li .profileLink {padding-right: 7px; background: url(images/redbullet.jpg) no-repeat right 5px;}
.borderImage {border: 3px solid #9F082B;}
ul.links {margin-left: 15px; line-height: 2em;}
.links li {}
.arrowLink {background: url(images/arrow.jpg) 2px 4px no-repeat; padding-left: 10px;}
/* graph */
#graph {background: url(images/blankgraph.jpg) no-repeat; width: 496px; height: 294px;padding-left: 149px;}
#graph div {height: 241px; float: left; margin-top: 6px;}
#graph #grass {width: 114px; background-repeat: no-repeat; background-position: bottom center;}
#graph #weeds {width: 120px; background-repeat: no-repeat; background-position: bottom center;}
#graph #trees {width: 126px; background-repeat: no-repeat; background-position: bottom center;}
#graph #mold {width: 129px; background-repeat: no-repeat; background-position: bottom center;}
/* staff */
.staffPage img {float: left; margin: 0 1em 0 0;}
.staff {padding: 0!important; margin: 0!important;}
.staff li {width: 150px; float: left; min-height: 250px; margin: 0!important; text-align: center;}
/* locations */
.locations {clear: both;}
.locations .location {width: 190px; float: left; min-height: 200px; margin-right: 20px;}
.locations h3 {color: #78031E;}
.locations dt {font-weight: bold;}
.locations p {font-style: italic;}
/* forms */
#questionnaire fieldset p {font-weight: bold;}
#questionnaire fieldset {padding-left: 15px; border: 1px solid #000; margin-top: 15px; padding-bottom: 10px;}
#questionnaire dt {float:left; clear: left; margin-right:15px; width:160px;}
#questionnaire dd {margin:0pt 5em 2.5em 115px;}
#questionnaire fieldset ul {margin-left: 60px;}
#questionnaire fieldset ul li {list-style: none;}
#questionnaire fieldset legend {font-size: 12px; color: #9F082B; font-weight: bold; margin-left: 13px;}
#questionnaire .submitBox {border:none;}
#questionnaire #allergy_injection {margin-top: 10px;}
#questionnaire textarea {width: 375px;}
#questionnaire fieldset p a {margin-left: 15px;}
#questionnaire .pageNumber strong {background-color: #9F082B; color: #fff; padding: 1px 3px;}
/*
attempt 1
.patientQView dt {font-weight: bold; text-transform: capitalize; width: 200px;}
.patientQView dd {position: relative; top: 5px; clear: right;}
.patientQView ul {width: 150px; text-align: left; padding-left: 200px;}
.patientQView dl {padding-left: 130px; position: relative; top: -7px;}
.patientQView dl dt {width: 90px; position: relative; top: -17px; margin-bottom: 5px;}
.patientQView dl dd {} */
.patientQView dt {font-weight: bold; text-transform: capitalize; width: 150px;}
.patientQView dd {position: relative; top: 5px; clear: right; margin: 0 2em 3em 1em; float: none;}
.patientQView ul {width: 150px; text-align: left; padding-left: 150px;}
.patientQView dl {padding-left: 130px; position: relative;}
.patientQView dl dt {width: 90px; position: relative;}
.patientQView dl dd {margin: 0 2em 2em 8em;}
.b40d_module-contact dt, .b40d_module-appointment dt {width: 120px; float: left; margin-bottom: 10px;}
.b40d_module-contact dd, .b40d_module-appointment dd {margin-bottom: 10px;}
.javelin_module-contact dt, .javelin_module-appointment dt {width: 120px; float: left; margin-bottom: 10px;}
.javelin_module-contact dd, .javelin_module-appointment dd {margin-bottom: 10px;}