/* HTML, BODY ---------- */

html {height: 100%; margin-bottom: 1px}

body {background: #A2988A url(images/body_bg.gif) repeat-y center; margin: 0; text-align: center}



/* TEXT ---------- */

body, table, input, textarea {color: #524F87; font: 12px/1.5em arial, sans-serif}



BODY, TD, .NormalText { font-weight: normal; font-style: normal; text-decoration: none; color: #524F87; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }



.Header		{ font-size: 20px; font-weight: bold; color: #75AE99; font-family: Helvetica, Arial; margin: 0; }

.Subheader	{ font-size: 15px; font-weight: bold; color: #524F87; margin: 0; }

.Subheader2	{ font-size: 11px; font-weight: bold; color: #75AE99; margin: 0; }



.Green		{ color: #75AE99; }

.Purple		{ color: #524F87; }

.Black		{ color: #000000; }

.White		{ color: #FFFFFF; }



.SmallText	{ font-size: 10px; }

.MediumText	{ font-size: 16px; }

.LargeText	{ font-size: 24px; }



IMG.TanBorder {border: 3px solid #DDCDBD;}



p {margin: 0 0 1.5em 0}

td {vertical-align: top}

* .flash p {background: #FFFF99; font-size: 10px; padding: 5px}



/* HEADERS ---------- */

h1 {color: #75AE99; font: bold 20px helvetica, arial; margin: 0}

h2 {font-size: 15px; font-weight: bold; margin: 0}

h3 {color: #75AE99; font-size: 11px; font-weight: bold; margin: 0}

* #footer h3 {color: #FFF}



/* FORMS ---------- */

form.col_2 p {clear: both}

form.col_2 label {display: block; float: left; margin-right: 10px; text-align: right; width: 25%}



/* LISTS ---------- */

ol, ul {margin-bottom: 1.5em; margin-top: 0}

dl.col_2 {list-style: none; margin: 0 0 1.5em 0; padding: 0}

dl.col_2 dd {margin: -1.5em 0 0 7em}

* #info {bottom: 0; color: #CACADB; font-size: 11px; left: 20px; line-height: 1.2em; list-style: none; margin: 0; padding: 0; position: absolute}

a.reward-card {  font-size: 11px; }

/* LINKS ---------- */

a {color: #75AE99; text-decoration: underline}

a:hover {text-decoration: none}

* #header a {overflow: auto; position: absolute; text-indent: -999em}

a#logo {background: url(images/brunk_laster_orthodontics.gif); height: 150px; left: 30px; top: 5px; width: 165px}

a#patient_login {background: url(images/patient_login.gif); height: 35px; right: 16px; top: 8px; width: 184px}

a#doctor_login {background: url(images/doctor_login.gif); height: 35px; right: 16px; top: 43px; width: 184px}

* #sidebar a {color: #FFF}

* #footer a {color: #FFF; font-size: 11px; line-height: 1.2em}



/* NAVIGATION ---------- */

* #navigation {float: left; list-style: none; margin: 10px 0 0 0; padding: 0 0 220px 0; width: 215px}

* #navigation li {padding: 10px 0 0 25px}

* #navigation a {color: #FFF; font: bold 17px helvetica, arial; text-decoration: none}

* #navigation a:hover, #navigation a.active {color: #CACADB}

* #navigation ul {margin: 0; padding: 0}

* #navigation ul li {padding: 0 0 0 10px; width: auto}

* #navigation ul a {font: bold 12px arial}

* #navigation ul a:hover, #navigation ul a.active {color: #75AE99}



/* IMAGES ---------- */

img, table {border: none}

* .border {border: 3px solid #DDCDBD}

* .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}

* .flash img {float: left; margin-right: 10px}



/* LAYOUT ---------- */

* #container {background: url(images/container_bg.gif); margin: 0 auto; position: relative; text-align: left; width: 770px}

* #header {background: url(images/header_bg.gif); height: 160px}

* #container:after {clear: both; content: "."; display: block; height: 0; visibility: hidden}

* #content {float: left; margin-bottom: -20px; padding: 20px 20px 0 20px; width: 510px}

* #sidebar {background: #75AE99; color: #FFF; padding: 15px 15px 0 15px; width: 176px}

* #footer {background: url(images/footer_bg.gif) no-repeat; color: #FFF; margin: 0 auto; padding: 20px 0 10px 0; text-align: center; width: 770px}

#social-icons img { height:32px; width:32px; }

#header h3 {
    color: #000;
    font-size: 16px;
    line-height: 24px;
    position: absolute;
    right: 18px;
    text-align: center;
    top: 95px;
}