/* font styles */
body { font-size: 62.5%; font-family: Tahoma, Arial, Helvetica, sans-serif; }
#main_container { font-size: 1.3em; }
#footer { font-size: 0.9em;}

#footer { font-size: 1.2em; }
#footer a { color: #fff; }
#footer a:hover { color: #ABB16B; }
#footer a.active { color: #ABB16B; }

/* headings */
h1 { font-size: 1.7em; margin: 7px 0; color: #59512d; }
h2 { font-size: 1.5em;; color: #3B2D10; }
h3 { color: #333; margin: 10px 0; font-size: 1.4em; }
h4 { color: #3b2d10; margin: 10px 0; font-size: 1em; }

/* image style */
.img_border { border: 1px solid #000; }

table { margin: 0; border-collapse: collapse; border-color: #333; }
hr { margin: 20px 0 10px; border: 0; color: #9E9E9E; background-color: #9E9E9E; height: 1px; width: 100%; text-align: left;}

/* links */
a { color: #1c4586; }
a:link { color: #1c4586; }
a:hover { color: #697d86; }
a:active { color: #469bd5; }
#logo a { display: block; width: 250px; height: 64px; position: absolute; left: 0; top: 0; }
a.event_link { background: #3B2D10; display: block; padding: 3px 0; text-decoration: none; }

/* side nav */
#side_nav { background: url(../../../../media/structure/side-nav-tb_03.gif) no-repeat bottom; padding-bottom: 0; }
#side_nav ul { margin: 0; padding: 10px 0; list-style: none; background: url(../../../../media/structure/side-nav-tb_01.gif) no-repeat top; }
#side_nav li { list-style: none; background: none; padding: 0; margin: 0; }
#side_nav li a { display: block; padding: 5px 10px; text-decoration: none; background: #777 url(../../../../media/structure/bg-nav_11.gif) no-repeat -50px 0; color: #fff; font-weight: bold; }
#side_nav li a:hover {  color: #fff; background: #469bd5 url(../../../../media/structure/bg-nav.gif) repeat-x 0 0;  }
#side_nav li a.active { background: #ddd; color: #000; cursor: default; }
#side_nav li a.active:hover { background: #ddd; color: #000; cursor: default; }
/*
html>body #side_nav li a { *padding: 7px 10px; margin: 0; }
#side_nav li ul { background: #bbb; border: 0; }
#side_nav li ul li a { background: #bbb;  cursor: default; color: #000; font-weight: normal; font-size: 0.9em; }
#side_nav li ul li a:hover { background: #bbb; background-image: none; cursor: default;color: #000; }
*/

/* header images */
#patient_head { display: block; clear: left; background: url(../../../media/headers/patient_03.jpg) no-repeat; height: 108px; }

/* content area lists */
ul { margin: 0; padding: 5px 0 0; }
li { list-style-type: none; background: url(../../../media/structure/bullet.gif) 0 1px no-repeat; padding-left: 17px; margin-bottom: 10px; }
ul li { list-style-type: none; background: url(../../../media/structure/bullet.gif) 0 1px no-repeat; padding-left: 17px; margin-bottom: 10px; }
ol li { list-style-type: decimal; background: none; padding-left: 0; }
/* location and staff list layout */
.location_list { float: left; width: 225px; margin: 5px 10px 5px 0; }
.staff_list { float: left; width: 430px; margin: 10px 20px; }

/* form */
fieldset { /* float: left; clear: left; */ width: 95%; margin: 1.5em 0 0 0; padding: 0 5px; position: relative; border: 0; }
legend { margin-left: 1em; font-size: 1.3em; font-weight: bold; color: #777; }
label { float: left; width: 15em; margin-right: 1em; text-align: right; font-weight: bold; }
fieldset ol { padding: 1em 1em 0 1em; list-style: none; }
fieldset li { float: left; clear: left; width: 100%; padding-bottom: 0.5em; background: none; list-style: none; }
fieldset fieldset { margin-bottom: -2.5em; border-style: none; }
fieldset fieldset legend { margin-left: 0; color: #000; font-weight: bold; }
fieldset fieldset ol { position: relative; top: -1.5em; margin: 0 0 0 11em; padding: 0; }
fieldset fieldset label { float: none; width: auto; margin-right: auto; }
.error { display: block; clear: both; background: #ddd; border: 1px solid #ccc; padding: 5px 10px; margin: 5px; font-weight: bold; }

blockquote { margin: 15px; padding: 0 10px; border-left: 5px double #59512D; color: #333; }

/* float nav */
.float_nav { width: 190px; float: right; margin: 5px 0 10px 10px; padding: 12px 5px 3px; background: #59512d url(../../../media/structure/side-top_07.gif) 0 -10px no-repeat; color: #fff; }
.float_nav p { margin: 0; padding: 3px 3px; }
.float_nav a { color: #ABB16B; }
.float_nav a:hover { color: #CCC; }
.float_nav a:active { color: #ABB16B; }

/* side box */
.side_box { width: 200px; background: #59512d url(../../../media/structure/side-top_07.gif) left top no-repeat; padding: 0 0 10px; color: #fff; }
.side_box ul { list-style: none; margin: 0; padding: 25px 0 0; }
.side_box li { display: block; clear: left; margin: 0; padding: 0; background: none; }
.side_box li a { display: block; color: #fff; text-decoration: none; padding: 5px; }
.side_box li a:hover { background: #701600; color: #fff; }
.side_box li a:before { content: "\00BB \00A0 "; }
.side_box li a.active { background: #3B2D10; cursor: default; }
.side_box li a.active:hover { background: #3B2D10; cursor: default; }
/*
.side_box li a.active:before { content: ""; }
.side_box li a.active:after { content: "\00A0 \00A0 \00BB \00A0 "; }
*/
.side_box li ul { margin: 0; padding: 0; background: #777; font-size: 0.9em; }
.side_box li ul li a { padding-left: 8px; }
.side_box a { color: #fff; }
.side_box a:hover { color: #ABB16B; }

/* layout */
body { margin: 0; padding: 0 0 15px; text-align: center; background: #3b2d10 url(../../../media/structure/bg-body_02.gif) repeat-x left top; }
#main_container { margin: 0 auto; position: relative; width: 960px; padding: 0 5px; text-align: left; background: url(../../../media/structure/bg-shadow_09.png) repeat-y; }
#logo_head { height: 77px; background: url(../../../media/structure/logo-head_04.gif) no-repeat; position: relative; }
#logo_head a { position: absolute; left: 0; top: 0; width: 475px; height: 75px; }
#home_mid { height: 350px; background: url(../../../media/structure/home-mid_06.jpg) no-repeat; position: relative; }
a.patients_link { display: block; width: 90px; height: 35px; position: absolute; top: 230px; left: 290px; }
a.professionals_link { display: block; width: 90px; height: 35px; position: absolute; top: 230px; left: 597px; }
#patient_side, #professional_side { float: left; width: 450px; position: relative; }
#patient_side a { display: block; width: 90px; height: 35px; position: absolute; top: 230px; left: 290px; }
#professional_side a { display: block; width: 90px; height: 35px; position: absolute; top: 230px; left: 597px; }
#content_area { clear: both; display: block; width: 940px; padding: 5px 10px 10px; }
#footer { margin: 0 auto; width: 940px; height: 69px; padding: 10px 15px 0; text-align: left; background: url(../../../media/structure/bg-footer_12.gif) no-repeat; }
#footer_l, #footer_r { float: left; width: 50%; color: #fff; }
#footer_r { text-align: right; }
#col_l, #col_r { float: left; } 
#col_l { width: 220px; padding-top: 10px; }
#col_r { width: 720px; }
.clearer { display: block; clear: both; height: 0; font-size: 0em; line-height: 0; }