@charset "UTF-8";
/* CSS Document */

body { font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(images/gradient.gif); background-repeat: repeat-x; text-align: center; margin: 0; background-color: #214089; }
img { border:0; }
#container #content hr.clear { margin: 0 !important; margin: -7px; padding: 0px; clear: both; height: 6px; height:0; border:0; color:#BFCCEB; }


#container #head { background-image: url(images/eyecenter_logo.gif); background-repeat: no-repeat; background-position: left top; height: 125px; border-bottom: 6px solid #FFC440; position:relative; }
#container #head p { font-size: 12px; font-weight: bold; color: #FFFFFF; width: 600px; position: absolute; right: 0px; bottom: 0px; text-align: right; padding:3px; margin:0; }
#container #head a, #container #head a:visited { color:#FFFFFF; text-decoration: none; }
#container #head a:hover { color:#FFC440; }

.h #container { margin: 0 auto; width: 800px; text-align: left; }
.h #container #content { position: relative; background-color:#BFCCEB; border-bottom: 6px solid #FFC440; padding: 0; margin: 0; }
.h #container #content #flashcontent { background: url(images/slide1.jpg) 0px 0px no-repeat; height: 325px; width: 610px; position: absolute; top: 0px; right: 0px; }
.h #container #content #buttons { margin: 0px; padding: 0px; width: 190px; height: 376px; clear:both; background-color: #BFCCEB; }

.p #container { position:absolute; left:25px; top:0px; right:25px; text-align: left; min-width: 800px; width: 1100px; margin:  auto;}
.p #container #content { background: url(images/contentbg.gif) repeat-y #BFCCEB; border-bottom: 6px solid #FFC440; padding: 0; margin: 0; position: relative; line-height: 110%; }
.p #container #content #buttons { margin: 0px; padding: 0px; width: 190px; clear:both; float:left; }

#container #content #buttons ul { list-style-type: none; margin:0; padding:0; color: #FFFFFF; text-transform:uppercase; font-size: 12px; line-height: 12px; }

#container #content #buttons a,
#container #content #buttons a:visited { color: #FFFFFF; text-decoration: none; display: block; padding: 5px 65px 5px 5px; height: 44px; width: 120px; }

#container #content #buttons a.pa,
#container #content #buttons a.pa:visited { background:url(images/patient.jpg) no-repeat 0px 0px; }
#container #content #buttons a.pa:hover { background-position: 0 -55px; color:#FFC440; }
#container #content #buttons a.pax,
#container #content #buttons a.pax:visited { background:url(images/patientc.jpg) no-repeat 0px 0px; }

#container #content #buttons a.md,
#container #content #buttons a.md:visited { background:url(images/med.jpg) no-repeat 0px 0px; }
#container #content #buttons a.md:hover { background-position: 0 -55px; color:#FFC440; }
#container #content #buttons a.mdx,
#container #content #buttons a.mdx:visited { background:url(images/medc.jpg) no-repeat 0px 0px; }

#container #content #buttons a.sc,
#container #content #buttons a.sc:visited { background:url(images/schedule.jpg) no-repeat top left; }
#container #content #buttons a.sc:hover { background-position: 0 -55px; color:#FFC440; }
#container #content #buttons a.scx,
#container #content #buttons a.scx:visited { background:url(images/schedulec.jpg) no-repeat 0px 0px; }

#container #content #buttons a.la,
#container #content #buttons a.la:visited { background:url(images/lasik.jpg) no-repeat; background-position: top left; }
#container #content #buttons a.la:hover { background-position: 0 -55px; color:#FFC440; }
#container #content #buttons a.lax,
#container #content #buttons a.lax:visited { background:url(images/lasikc.jpg) no-repeat; background-position: top left; }

#container #content #buttons a.su,
#container #content #buttons a.su:visited { background:url(images/surgery.jpg) no-repeat; background-position: top left; }
#container #content #buttons a.su:hover { background-position: 0 -55px; color:#FFC440; }
#container #content #buttons a.sux,
#container #content #buttons a.sux:visited { background:url(images/surgeryc.jpg) no-repeat; background-position: top left; }

#container #content #buttons a.me,
#container #content #buttons a.me:visited { background:url(images/meet.jpg) no-repeat top left; }
#container #content #buttons a.me:hover { background-position: 0 -55px; color:#FFC440; }
#container #content #buttons a.mex,
#container #content #buttons a.mex:visited { background:url(images/meetc.jpg) no-repeat top left; }

#container #content #buttons a.pr,
#container #content #buttons a.pr:visited { background:url(images/precision.jpg) no-repeat top left; }
#container #content #buttons a.pr:hover { background-position: 0 -55px; color:#FFC440; }
#container #content #buttons a.prx,
#container #content #buttons a.prx:visited { background:url(images/precisionc.jpg) no-repeat top left; }

#container #foot { position: relative; background:#FFFFFF url(images/eyeback.jpg) no-repeat right top; border-bottom: 6px solid #FFC440; padding: 12px 300px 12px 12px; }
#container #foot p { padding: 0 0 6px 0; margin: 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; line-height: 16px; color: #333333; }
#container #foot a,
#container #foot a:visited { color: #214089; text-decoration: none; }
#container #foot a:hover { background-color: #CBD3E4; color: #000000; }

.p #container #content #page { margin: 0 0 0 190px; padding: 8px 20px; font-family: Georgia, "Times New Roman", Times, serif; }
.p #container #content #page p { font-size: 12px; color: #333333; margin: 0px; padding: 6px 0; line-height: 150%; }
.p #container #content #page h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px; color: #224695; margin: 0px; padding-top: 9px; padding-right: 0px; font-weight: bold; }
.p #container #content #page h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: bold; color: #333333; margin: 0px; padding-top: 6px; padding-right: 0px; }

#container #content #buttons a.sub,
#container #content #buttons a.sub:visited { border-top:#214089 dotted 1px; font-size: 10px; color: #214089; background-color: #BFCCEB; margin: 0px; width: 180px; padding: 3px 3px 3px 10px; height: 12px; font-weight:bold; }
#container #content #buttons a.sub:hover { color:#ffffff; background-color:#214089; 11px; }

#container #content #buttons a.subx,
#container #content #buttons a.subx:visited { border-top:#214089 dotted 1px; font-size: 10px; color: #ffffff; background-color: #C59121; margin: 0px; width: 180px; padding: 3px 3px 3px 10px; height: 12px; font-weight:bold; }

#container #content #buttons a.thrd,
#container #content #buttons a.thrd:visited { border-top:#214089 dotted 1px; font-size: 10px; color: #FFC440; background-color: #214089; margin: 0px; width: 170px; padding: 3px 3px 3px 20px; height: 11px; }
#container #content #buttons a.thrd:hover { color:#214089; background-color:#BFCCEB; 11px; }

#container #content #buttons a.thrs,
#container #content #buttons a.thrs:visited { border-top:#214089 dotted 1px; font-size: 10px; color: #ffffff; background-color: #9E741B; margin: 0px; width: 170px; padding: 3px 3px 3px 20px; height: 11px; }
