﻿body { background: #E6E1D4 url(images/pageBG.jpg) repeat-x center top; margin: 220px 0 0 0; font-family: Arial; font-size: 85%; _text-align: center; }
body.home { background-image: url(images/homeBG.jpg); margin: 0; }
body.admin { margin-top: 203px; }
#container { width: 720px; margin: 0 auto; position: relative; _text-align: left; }
.textbox { width: 200px; background-color: #CFC8B9; border: solid 1px #4A3821; }
.smallTextbox { width: 150px; background-color: #CFC8B9; border: solid 1px #4A3821; }
#signupForm .textbox { width: 400px; background-color: #CFC8B9; border: solid 1px #4A3821; }
.button { margin: 0px 0 0 20px; }
.errorLabel { font-weight: bold; color: Maroon; }
.clearer { height: 1%; clear: both; }
a { color: #715008; }
a:hover {}
h1, h2, h3, h4, h5, h6 { color: #000711; font-family: Times New Roman; margin: 0; }
h3 a { float: right; font-weight: normal; font-family: Arial; font-size: 85%; }
.unpaddedList { padding: 0 0 0 20px; list-style-type: none; }
.unpaddedList li { margin-bottom: 20px; }
p {  }
#headerDoc { position: absolute; top: -220px; left: 0; }
.admin #headerDoc { top: -203px; }
.home #headerDoc { position: absolute; top: 0; left: 0; }
#logo { position: absolute; top: -219px; right: 0; }
.admin #logo { top: -202px; }
.home #logo { position: absolute; top: 80px; right: 0; }
#nav { margin: 0; padding: 0; list-style-type: none; position: absolute; right: 0; top: -48px; background: url(images/navItemBorder.jpg) no-repeat right top; }
.home #nav { margin: 0; padding: 0; list-style-type: none; position: absolute; right: 0; top: 251px; background: url(images/navItemBorder.jpg) no-repeat right top; }
.admin #nav { top: -31px; }
#nav li { float: left; height: 28px; background: url(images/navItemBorder.jpg) no-repeat left top; }
#nav li a { color: #E6E1D4; text-decoration: none; text-transform: uppercase; display: block; height: 16px; _width: 50px; padding: 8px 10px 0 10px; font-size: 90%; font-weight: bold; letter-spacing: 1px; }


#login { text-align: right; }
#login .textbox { width: 130px; font-size: 70%; margin-top: 4px; }
#login .errorLabel { color: White; }
#login a { color: #E6E1D4; font-size: 11px; font-family: arial; margin-left: 10px; }

#homeSections { margin-top: 220px; _margin-top: 210px; _height: 1px; }
#homeSections div { float: left; margin: 18px 12px 0 0; width: 232px; }
#homeSections div.lastSection { margin: 18px 0 0 0; clear: right; }
#homeSections div h1 { margin: 10px 0 0 20px; padding: 0; font-size: 100%; font-family: Arial; }
#homeSections div ul { margin-top: 2px; font-size: 90%; list-style-type: circle; }
#homeSections div.clearer { _display: none; }

#content { margin-top: 20px; }
#content .leftColumn { float: left; width: 470px; margin-right: 20px; }
#content .rightColumn { float: right; width: 230px; }
#content h1 { font-size: 180%; text-transform: uppercase; }
#content h2 { font-size: 140%; text-transform: uppercase; }
.specialOffer { padding-left: 20px; }
.specialOffer b { color: #9E7315; display: block; border-bottom: solid 1px #9E7315; margin-bottom: 2px; }
.specialOffer img { float: right; margin-left: 10px; }

#footer { text-align: right; color: #4A3821; font-size: 80%; padding: 50px 0; clear: both; }
#footer .legalLink { float: left; margin-right: 20px; }


#contactForm { margin: 0px 0 0 0px; width: 420px; float: left; }
#contactForm p { padding-right: 60px; margin-top: 0; }
#signupForm { margin: 0px 0 0 0px; width: 700px; }
div.row { clear: both; }
#contactForm div.buttonRow { width: 380px; text-align: right; padding-top: 5px; }
#signupForm div.buttonRow { width: 700px; text-align: right; padding-top: 5px; }
div.row span.label { color: #444444; float: left; line-height: 20px; vertical-align: middle; width: 170px; text-align: right; font-size: 90%; margin: 0 10px 5px 0; }
#signupForm div.row span.label { font-size: 100%; }
#contactForm div.row span.field { float: left; width: 240px; text-align: left; }
#signupForm div.row span.field { float: left; width: 500px; text-align: left; }
.smallForm div.row span.field span { float: right; padding-top: 2px; width: 260px; }
#contactForm div.row .inline { margin: -23px 10px 0 0; _margin: -23px 20px -20px 0; }
#contactForm #lblMessage { color: #7c0000; float: left; margin-left: 110px; font-weight: bold; color: Maroon; }
.fieldLabel { display: block; margin-top: 2px; }

#contactInfoColumn { float: right; width: 300px; }

.packageColumn { float: left; width: 340px; margin-right: 20px; }
.packageBox { margin: 10px 0px 20px 0; padding: 10px; }
.packageBox ul { margin-left: 20px; }
.packageBoxWide { border: solid 1px #CFC8B9; width: 700px; }
.packageExampleLink { font-size: 90%; color: #715008; position: relative; }
.studentPackage { border: solid 1px #9E7315; }
.studentPackageTitle { color: #9E7315; }
.dentistPackage { border: solid 1px #0C3553; }
.dentistPackageTitle { color: #0C3553; }



td.colorPicker{ width: 12px; height: 12px; }

.grid {}
.gridRow { margin-top: 10px; }
.gridAltRow {}
.grid img { width: 120px; }


.profileImage { float: right; margin-left: 20px; clear: right; }
.profileBodyImage { float: right; margin-left: 20px; clear: right; }
.profileColumn { float: left; width: 450px; }
.profileRightColumn { padding-top: 20px; float: right; width: 240px; clear: right; }

/* Admin */
.welcomeBar { background-color: #CFC8B8; padding: 5px 12px; }

#searchForm { margin: 0px 0 0 0px; width: 520px; float: left; }
#searchForm p { padding-right: 60px; margin-top: 0; }
#searchForm div.buttonRow { width: 500px; text-align: right; padding-top: 5px; }
#searchForm div.row span.field { float: left; width: 340px; text-align: left; }
#searchForm div.row .inline { margin: -23px 10px 0 0; _margin: -23px 20px -20px 0; }
#searchForm #lblMessage { color: #7c0000; float: left; margin-left: 110px; font-weight: bold; color: Maroon; }