/* Layout */
body {background: #1fa0d6 url(images/body_bg.gif) repeat-x; margin: 0}
#main_wrap {width: 800px; margin: 0 auto}
#container {background: url(images/container_bg.jpg) repeat-y; width: 800px; margin: 0; padding: 0 0 20px 0}
#head {background: url(images/head_bg.jpg); height: 183px}
#logo {width: 212px; height: 69px; margin: 20px 0 0 17px; position: absolute}
#flash {margin: 41px 0 0 463px; position: absolute}
#wrap {background: url(container_bg.jpg) repeat-y; width: 733px; padding: 0 35px 0 32px}
#content {width: 504px; margin: 0 23px 0 26px; float: left}
#address {font: 11px "Trebuchet MS", Verdana, Arial; padding: 20px 0 15px 10px}
#footer {background: url(images/footer_bg.gif) no-repeat; padding: 7px 0 15px 0; height: 39px; font: 10px "Trebuchet MS", Verdana, Arial; text-align: center; color: #c4e3f5}
.sidebar {background: #cfc3ad; width: 110px; display: block; text-align: center; border: solid 1px #013366; float: right; margin: 5px 0 15px 15px; padding: 5px}
.break {clear: both}

/* Text */
body, table {font: 14px "Trebuchet MS", Verdana, Arial; color: #321f5e}

/* Links */
a {font-weight: bold; color: #321f5e; text-decoration: none}
a:hover {text-decoration: underline}
#footer a {font: 10px "Trebuchet MS", Verdana, Arial; color: #c4e3f5; text-decoration: none}
#footer a:hover {text-decoration: underline}

/* Images */
.img_border {border: solid 1px #321f5e}
.img_center {margin: 0 auto; display: block}
.img_center_border {border: solid 1px #321f5e; margin: 0 auto; display: block}
.img_left_border {border: solid 1px #321f5e; margin: 5px 15px 15px 0; float: left}
.img_right {margin: 5px 0 15px 15px; float: right}
.img_right_border {border: solid 1px #321f5e; margin: 5px 0 15px 15px; float: right}

/* Headings */
h1 {width: 504px; height: 47px; margin: 0 0 5px 0; text-indent: -999em}
h2 {font: 17px "Trebuchet MS", Verdana, Arial; margin: 10px 0}
h1.welcome {background: url(images/titles/welcome.gif)}
h1.about_office {background: url(images/titles/about_office.gif)}
h1.testimonials {background: url(images/titles/testimonials.gif)}
h1.meet_doctor {background: url(images/titles/meet_doctor.gif)}
h1.meet_team {background: url(images/titles/meet_team.gif)}
h1.office_tour {background: url(images/titles/office_tour.gif)}
h1.what_expect {background: url(images/titles/what_to_expect.gif)}
h1.events {background: url(images/titles/events.gif)}
h1.employment {background: url(images/titles/employment.gif)}
h1.about_ortho {background: url(images/titles/about_ortho.gif)}
h1.why_braces {background: url(images/titles/why_braces.gif)}
h1.children {background: url(images/titles/for_children.gif)}
h1.two_phase {background: url(images/titles/two_phase.gif)}
h1.adults {background: url(images/titles/for_adults.gif)}
h1.treatments {background: url(images/titles/common_treatments.gif)}
h1.dictionary {background: url(images/titles/ortho_dictionary.gif)}
h1.resources {background: url(images/titles/resources.gif)}
h1.braces {background: url(images/titles/braces_101.gif)}
h1.life {background: url(images/titles/life_with_braces.gif)}
h1.types_braces {background: url(images/titles/types_braces.gif)}
h1.invisalign {background: url(images/titles/invisalign.gif)}
h1.types_appliances {background: url(images/titles/types_appliances.gif)}
h1.diagram {background: url(images/titles/braces_diagram.gif)}
h1.retainers {background: url(images/titles/retainers.gif)}
h1.emergency {background: url(images/titles/emergency_care.gif)}
h1.faqs {background: url(images/titles/faqs.gif)}
h1.games {background: url(images/titles/game_room.gif)}
h1.contact {background: url(images/titles/contact.gif)}
h1.comments {background: url(images/titles/comments.gif)}
h1.referrals {background: url(images/titles/referrals.gif)}
h1.site_map {background: url(images/titles/site_map.gif)}

/* Lists */
ul, ol {margin-top: 10px; margin-bottom: 10px}
li ul {margin-top: 0; margin-bottom: 0}

/* Nav */
ul#nav {background: url(images/nav/nav_bg.jpg) repeat-y; width: 180px; padding: 0; margin: 0; float: left}

#patient_login {background: url(images/nav/patient_login.gif); height: 42px}
#doctor_login {background: url(images/nav/doctor_login.gif); height: 50px}
#nav-about_office {background: url(images/nav/about_office.gif)}
#nav-about_ortho {background: url(images/nav/about_ortho.gif)}
#nav-braces {background: url(images/nav/braces_101.gif)}
#nav-retainers {background: url(images/nav/retainers.gif)}
#nav-emergency {background: url(images/nav/emergency_care.gif)}
#nav-faqs {background: url(images/nav/faqs.gif)}
#nav-game_room {background: url(images/nav/game_room.gif)}
#nav-contact {background: url(images/nav/contact_us.gif)}
#nav-home {background: url(images/nav/home.gif)}
#nav-site_map {background: url(images/nav/site_map.gif)}

#nav a {width: 180px; height: 25px; display: block; text-decoration: none; text-indent: -999em; overflow: hidden}
#nav a#patient_login {height: 42px}
#nav a#patient_login:hover {background-position: 0 -42px}
#nav a#doctor_login {height: 50px}
#nav a#doctor_login:hover {background-position: 0 -50px}
#nav a:hover, 
#about_office #nav-about_office, #nav li:hover #nav-about_office, #nav li.sfhover #nav-about_office,
#about_ortho #nav-about_ortho, #nav li:hover #nav-about_ortho, #nav li.sfhover #nav-about_ortho,
#braces_101 #nav-braces, #nav li:hover #nav-braces, #nav li.sfhover #nav-braces,
#retainers #nav-retainers, #nav li:hover #nav-retainers, #nav li.sfhover #nav-retainers,
#emergency #nav-emergency, #nav li:hover #nav-emergency, #nav li.sfhover #nav-emergency, 
#faqs #nav-faqs, #nav li:hover #nav-faqs, #nav li.sfhover #nav-faqs, 
#game_room #nav-game_room, #nav li:hover #nav-game_room, #nav li.sfhover #nav-game_room,
#contact #nav-contact, #nav li:hover #nav-contact, #nav li.sfhover #nav-contact,
#home #nav-home, #nav li:hover #nav-home, #nav li.sfhover #nav-home,
#site_map #nav-site_map, #nav li:hover #nav-site_map, #nav li.sfhover #nav-site_map {background-position: 0 -25px}

#aoa-content {display:block; width:170px;  height:58px;}
#aoa-gold {display:block; width:170px; text-indent:-999em; height:58px; background:url(images/AOA-Team-Certified-Gold-Logo.gif) no-repeat; overflow:hidden}
/* Drop Down */
ul#nav, #nav ul {line-height: 1; list-style: none; margin: 0; padding: 0; border: 0}
#nav li {display: inline}
#nav li ul {background: #b4b9bd; font: 12px "Trebuchet MS", Verdana, Arial; left: -9999px; position: absolute; z-index: 1; padding: 3px 0}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -25px 0 0 180px}
#nav ul li a {color: #321f5e; padding: 3px 0 0 10px; width: 135px; height: 20px; text-indent: 0}
#nav ul li a:hover {color: #9946b7}