/* HTML, BODY ---------- */
html {height: 100%; margin-bottom: 1px}
body {background: #87B668 url(images/layout_body_bg.gif) repeat-x; margin: 0}

/* TEXT ---------- */
body, table {color: #52401C; font: 11px/18px tahoma, sans-serif}
p {margin: 0 0 10px 0}
td {vertical-align: top}
#content p {margin-right: 240px}
#sidebar p {margin-right: 0}
.flash p {background: #FFFF99; font-size: 10px; margin: 0 10px; padding: 5px}

/* HEADERS ---------- */
h1 {background-repeat: no-repeat; color: #52401C; font-size: 25px; font-weight: normal; height: 28px; margin: 0; overflow: hidden; text-indent: -999em}
h2 {color: #6F823C; font-size: 16px; font-weight: normal; margin: 0}
h3 {font-size: 13px; font-weight: normal; margin: 0}

/* LISTS ---------- */
ol, ul {margin-bottom: 10px; margin-top: 0}
ul#nav {background: url(images/navigation_bg.gif) no-repeat 0 100%; height: 52px; list-style: none; margin: 5px 0 0 0; padding: 0}
ul#nav li {float: left}
ul#subnav {background: #8F85B8 url(images/navigation/sub_nav_bg.gif) no-repeat 0 100%; color: #FFF; font-size: 10px; font-weight: bold; list-style: none; margin: -22px 0 0 0; overflow: auto; padding: 2px 0; position: relative; width: 740px; z-index: 1}
ul#subnav li {float: left}
ul#subnav li a {color: #FFF; display: inline; font-size: 11px; font-weight: bold; height: 12px; line-height: 11px; margin: 0; padding: 4px; text-indent: 0}
#content ol, #content ul {margin-right: 240px}
#sidebar ol, #sidebar ul {margin-right: 0}

/* LINKS ---------- */
a {color: #74699F; text-decoration: underline}
a:hover {text-decoration: none}
a#logo {background: url(images/leah_walker_dds.gif); display: block; height: 80px; overflow: hidden; text-indent: -999em; width: 446px}

/* NAVIGATION ---------- */
#nav a {display: block; height: 30px; margin-right: 8px; overflow: hidden; text-indent: -999px}
#our_office {background: url(images/navigation/our_office.gif); width: 78px}
#about_orthodontics {background: url(images/navigation/about_orthodontics.gif); width: 136px}
#braces_101 {background: url(images/navigation/braces_101.gif); width: 75px}
#invisalign {background: url(images/navigation/invisalign.gif); width: 73px}
#in_ovation {background: url(images/navigation/in_ovation.gif); width: 81px}
#the_game_room {background: url(images/navigation/the_game_room.gif); width: 114px}
#contact_us {background: url(images/navigation/contact_us.gif); width: 77px}
#home {background: url(images/navigation/home.gif); margin: 0; width: 50px}
#nav a:hover, #nav .active, #subnav .active {background-position: 0 -30px; text-decoration: none}

/* PATIENT LOGIN ----------*/
#patient-login {position: absolute; left: 480px; top: 25px;}
#patient-login a {display: block; height: 30px; width: 100px; overflow: hidden; text-indent: -999em; background: url(images/navigation/patient-login.gif);}

/* IMAGES ---------- */
img, table {border: none}
.border {border: 1px solid #483610}
.centered {display: block; margin: 0 auto}
.clear {clear: both}
.left {float: left; margin: 0 10px 10px 0}
.right {float: right; margin: 0 0 10px 10px}
.margin {margin-bottom: 280px}
.flash img {float: left; margin-right: 10px}

/* LAYOUT ---------- */
#wrap {margin: 0 auto; width: 780px}
#container {background: #ECE9C6 url(images/container_bg.gif); position: relative}
#header {background: url(images/header_bg.gif); padding: 15px 0 0 20px}
#content {background: url(images/content_bg.gif) no-repeat 100% 100%; min-height: 310px; padding: 30px 40px 10px 40px}
* html #content {height: 310px}
#banners {bottom: 120px; right: 180px; position: absolute; text-align: right}
#sidebar {background: #FFF; margin: 0; padding: 10px; width: 180px}
#footer {background: url(images/footer_bg.gif); font-size: 10px; height: 120px; padding: 10px 0 0 40px}