@charset "utf-8";
/* CSS Document */

* {font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; font-size:12px; line-height:18px;}
#page {width:1050px; margin:0 auto; text-align:left; position:relative; background:url(img/pageBG2.jpg) no-repeat;}
#mainBG {width:1050px; margin:0 auto; text-align:left; position:relative; background:url(img/mainBG.jpg) repeat-y;}
body {background:url(img/bg.jpg) repeat-x #274d79; width:100%; text-align:center; margin:0 auto;}
h2 {font-family:"futuraMED", Arial Narrow, Helvetica, sans-serif; font-size:22px; line-height:22px; font-weight:lighter; padding-bottom:5px; color:#822e2e;}
h3 {font-family:"dearJoe", Arial, Helvetica, sans-serif; font-size:30px; line-height:32px; padding-bottom:10px;}
p {font-size:12px; line-height:18px; padding-bottom:10px;}
ul {padding:0 0 10px 20px;}
li {list-style:none; background:url(img/liBG.jpg) no-repeat 0 7px; padding:0 0 0 8px;}
li.pdf {list-style:none; background:url(img/pdf.gif) no-repeat 0 2px; height:15px; padding:0 0 5px 18px;}
a {color:#3d6a96; font-weight:bold; text-decoration:none;}
a:hover {color:#822e2e;}
a.more {font-size:11px; float:right;}
.small {font-size:11px; line-height:15px;}
.image {padding:0 10px 10px 0;}
.image2 {padding:0 0 10px 10px;}


/*Header*/
#header {position:relative; height:195px;}
#header .phone {position:absolute; top:47px; right:45px; font-size:20px; line-height:18px; font-family:"futura", Arial, Helvetica, sans-serif; text-align:right;}


/*Navigation*/
.nav {position:absolute; top:160px; right:45px; float:right;}
.nav li {float:left; padding:0 10px; border-right:1px dotted #000; line-height:12px; background:none;}
.nav li a {font-family:"futura", Arial, Helvetica, sans-serif; font-size:12px; line-height:12px; color:#000; text-decoration:none; text-transform:uppercase; font-weight:normal;}


/*Sidebar*/
#sidebar {width:230px; float:left; padding:0 30px 0 50px;}
.buckets {padding:0 0 10px 10px;}
.buckets div {height:86px; padding:10px 0 11px 0; position:relative;}
.buckets h2 {color:#ddd; font-size:18px;}
.buckets p {font-size:11px; line-height:15px; color:#fff;}
.buckets a.go {position:absolute; bottom:22px; height:20px; width:20px; right:-10px; display:block;}
#sidebar h3 {color:#822e2e;}
#sidebar ul {padding-left:10px;}
#sidebar li, #sidebar li a {font-size:11px; line-height:15px; background-position:0 4px;}
#sidebar li.pdf, #sidebar li.pdf a {background-position:0 1px;}
.expertise, .locations {display:none;}
body.home .expertise, body.home2 .expertise, body.comprehensive_ophthalmology .expertise, body.links .expertise, body.contact .expertise, body.facilities_directions .locations, body.mcdonogh .locations, body.union_memorial .locations, body.franklin_square .locations, body.north_arundel .locations, body.westminster .locations, body.good_samaritan .locations, body.glen_burnie .locations {display:block;}


/*Flash*/
#flash {height:330px; display:block;}


/*Content*/
#content {width:690px; float:right; position:relative; padding-right:50px;}
#content h3 {color:#3d6a96;}


/*Forms*/
.form {padding:0 0 10px 0;}
.form li {list-style:none; padding-bottom:10px; background:none;}
.form li label {width:200px; float:left;}
.form li input, .form li select {width:350px; border:1px solid #999; height:20px;}
.form li textarea {width:350px; border:1px solid #999;}


/*Footer*/
#footer {background:url(img/footerBG.jpg) no-repeat; width:1025px; margin:0 auto; padding:28px 0 20px 25px; font-size:11px; line-height:15px; color:#fff; text-align:left;}
#footer a {font-size:11px; line-height:15px; color:#fff; text-decoration:none; font-weight:normal;}
#footer a:hover {color:#ddd;}
#footer h1 {padding:10px 0; font-size:11px; line-height:15px; color:#fff; font-weight:bold;}

.home_footer, .about_footer, .providers_footer, .eye_library_footer, .links_footer, .mcdonogh_footer, .union_memorial_footer, .franklin_square_footer, .north_arundel_footer, .westminster_footer, .good_samaritan_footer, .glen_burnie_footer, .contact_footer {display:none; padding-top:20px;}
body.home .home_footer, body.about .about_footer, body.providers .providers_footer, body.eye_library .eye_library_footer, body.links .links_footer, body.facilities_directions .contact_footer, body.mcdonogh .mcdonogh_footer, body.union_memorial .union_memorial_footer, body.franklin_square .franklin_square_footer, body.north_arundel .north_arundel_footer, body.westminster .westminster_footer, body.good_samaritan .good_samaritan_footer, body.glen_burnie .glen_burnie_footer, body.contact .contact_footer {display:block;}


/*SEO*/
.title {font-size:10px; line-height:15px; color:#e5debe;}
.opt {display:none;}
#opt h1, #opt p, #opt a, #opt h2, #opt {font-size:9px; line-height:15px; color:#e5debe;}
#opt1 h1, #opt p, #opt a, #opt h2 {font-size:9px; line-height:15px; color:#e5debe;}


/*Fonts*/
@font-face {
  font-family: "futura";
  src: url(fonts/futura.eot);
  src: local("futura"), url(fonts/futura.ttf) format("truetype");
}

@font-face {
  font-family: "futuraMED";
  src: url(fonts/futura_medC.eot);
  src: local("futuraMED"), url(fonts/futura_medC.ttf) format("truetype");
}

@font-face {
  font-family: "dearJoe";
  src: url(fonts/dearJoe.eot);
  src: local("dearJoe"), url(fonts/dearJoe.ttf) format("truetype");
}