/* HTML, BODY ---------- */
html {height: 100%; margin-bottom: 1px}
body {background: #a1916d; margin: 0; padding-bottom: 20px}

/* TEXT ---------- */
body, table {color: #333; font: 12px/18px tahoma, sans-serif}
p {margin: 0}
b {display: none}
td {vertical-align: top}

/* HEADERS ---------- */
h1 {color: #710976; font: italic normal 20px georgia, sans-serif; margin: 0 0 10px 0}
#col1 h1 {border-bottom: 2px solid #fff; color: #fff; font-size: 17px; font-weight: normal}
h2 {color: #009091; font-size: 14px; font-weight: bold; margin: 0}
h3, .highlight {color: #333; font-size: 12px; font-weight: bold; margin: 0}

/* LISTS ---------- */
ol, ul {margin-bottom: 0; margin-top: 0}
#header ul {display: inline; float: right; list-style: none; margin-right: 20px}
#header ul li {float: left}
#nav ul {list-style: none; margin: 0; padding: 0}
#nav ul li {float: left}
#col1 ul {background: url(images/layout_subnav_bg.gif); height: 210px; list-style: none; margin: 0; padding: 20px; width: 160px}

/* LINKS ---------- */
a:link, a:visited {color: #009091; text-decoration: underline}
a:hover, a:active {text-decoration: none}
#col1 h1 a {text-decoration: none}
#col1 ul a {color: #fff; font-family: georgia, sans-serif}
#col1 ul a.active {cursor: default; text-decoration: none}
#footer a {color: #d6a2ae}

/* NAVIGATION ---------- */
#header ul a, #nav a {display: block; height: 30px}
#nav_patient_login {background: url(images/nav_patient_login.gif); width: 113px}
#nav_doctor_login {background: url(images/nav_doctor_login.gif); width: 105px}
#nav_contact_us {background: url(images/nav_contact_us.gif); width: 92px}
#nav_home {background: url(images/nav_home.gif); width: 62px}
#nav_mission_statement {background: url(images/nav_mission_statement.gif); width: 152px}
#nav_about_our_office {background: url(images/nav_about_our_office.gif); width: 129px}
#nav_about_orthodontics {background: url(images/nav_about_orthodontics.gif); width: 146px}
#nav_braces_101 {background: url(images/nav_braces_101.gif); width: 90px}
#nav_emergency_care {background: url(images/nav_emergency_care.gif); width: 124px}
#nav_the_game_room {background: url(images/nav_the_game_room.gif); width: 139px}

#header ul a:hover, #nav a:hover {background-position: 0 -30px}
#contact_us #nav_contact_us, 
#home #nav_home, 
#mission_statement #nav_mission_statement, 
#about_our_office #nav_about_our_office, 
#about_orthodontics #nav_about_orthodontics, 
#braces_101 #nav_braces_101, 
#emergency_care #nav_emergency_care, 
#the_game_room #nav_the_game_room {background-position: 0 -30px; cursor: default}

/* IMAGES ---------- */
img, table {border: none}
.portrait {background: url(images/image_bg_portrait.gif); padding: 6px}
.portrait_small {background: url(images/image_bg_portrait_small.gif); padding: 6px}
.centered {display: block; margin: 0 auto}
.clear {clear: both}
.none {display: none}
.left {float: left; margin: 0 10px 10px 0}
.right {float: right; margin: 0 0 10px 10px}
#logo {float: left; margin: 10px 0 0 13px}

/* LAYOUT ---------- */
#wrap {width: 100%}
.container {margin: 0 auto; width: 780px}
.container:after {clear: both; content: "."; display: block; height: 0; visibility: hidden}
#header {background: #fff; height: 90px}
#nav {background: #710976 url(images/layout_nav_bg.gif); border-bottom: 3px solid #009091; height: 30px}
#content {background: #fff}
#content .container {padding: 25px 40px; width: 700px}
#col1 {float: left; margin-right: 25px; width: 200px}
#col2 {margin-left: 225px}
#info {background: #d6cbb1 url(images/layout_info_bg.gif) repeat-x; border-top: 3px solid #009091; height: 30px; padding-top: 10px; text-align: center}
#footer {background: #710976; color: #d6a2ae; font-size: 11px; padding: 10px 0; text-align: center}