/* Concept Eye Care Ltd. CSS - el design 3.2007 */
body{
width:100%; height:100%; background:#9c9268 url("images/bkgnd2.gif") repeat 0% 0%; margin:0;
font-size:100%; padding:0;}
div#contain{
width:750px; border:1px solid black; text-align:center; margin:0 auto; font-size:90%;
font-weight:normal; font-family:"Trebuchet MS", "Lucida Sans", sans-serif;
background:transparent url(images/contain.gif) repeat-y 0% 0%;}

/* Header */
div#head{
width:100%; margin:0 auto; background:#f7f0e6 url(images/header.jpg) no-repeat 0% 0%;
border-top:8px solid #63754f; border-bottom:5px solid black; text-align:left; height:130px;}
#head h1{
font-size:70%; text-align:left; margin:0; padding:10px 0 5px 8px; color:#999966;
font-style:italic; line-height:1em; width:190px;}
#head h1 span{
display:block; color:silver; margin:0 auto; font-style:normal; padding-top:3px; font-size:90%;}

/* Body - home page */
div#main{
width:550px; float:right; margin:0 auto; background:transparent none; color:black;
padding:0;}
#main h2{
width:90%; color:#660000; font-weight:normal; margin:5px auto;
text-align:right; padding:3px 0 2px 0; font-size:80%; border-bottom:1px solid #63754f;}
#main h2 span{
color:black;}
#main p{
width:90%; padding:5px; margin:2% auto; text-align:left; line-height:1.75em;}
#main p span{
color:#63754f; display:block; margin:0 auto; font-size:110%; font-weight:bold; line-height:1.35em;}
#main p span.letter{
font-size:150%; font-weight:800; background:#63754f none; color:#d4c6a1;
padding:3px 6px; border:1px solid #f2e2bb; margin:5px 5px 5px 0; display:inline;}
#main p#tip{
width:80%; font-size:90%; text-align:left; margin:10px auto;
line-height:1em; color:black; font-weight:normal;}
#tip span{
text-decoration:underline;}

#main div.highlighted{
background:#f8f3ef none; width:80%; margin:0 auto 0 50px; padding:5px 0 10px 0;
border:1px solid #8c7e5c;}
#main div.highlighted p.centered{
text-align:center; margin:0 auto;}
#main div.highlighted p.centered span{
letter-spacing:0; font-weight:bold; display:block; margin:0 auto; line-height:1.35em;
color:#cc0000; font-size:110%;}
#main div.highlighted p.centered strong{
display:block; margin:5px auto 0 auto; color:#660000;}
#main div.highlighted p.dashed{
margin:5px auto; padding:5px 0; border:1px dashed silver; text-align:center; line-height:1.35em;
width:80%;}
#main div.highlighted p.dashed strong{
display:block; margin:0 auto; color:black;}
img#graphic{
border-left:100px solid #660000; border-right:100px solid #660000;
border-bottom:5px solid #d4c6a1;}
a.intlink{
text-decoration:none; margin:0 auto 10px auto; display:block; font-size:90%; width:160px;}
a.intlink:link, a.intlink:visited{
color:#555555; background:#f8f3ef none;}
a.intlink:focus, a.intlink:hover{
color:#660000; background:#f8f3ef none;}

/* Leftbar Navigation */
div#left{
width:200px; height:100%; float:right; margin:0; background:transparent none; text-align:center;}
ul#nav{
width:85%; margin:0 auto 15px auto; color:#f2e2bb; font-size:95%; font-weight:bolder;
text-align:left; padding:0; border-bottom:2px solid black;}
#nav li{
list-style-type:none; margin:0 auto; display:block; padding:0;
border-bottom:1px solid black;}
#nav li a{
margin:0 auto; text-decoration:none; width:95%; display:block; padding:6px 0 6px 10px;}
#nav li a:link{
color:black; text-decoration:none; background:white none;}
#nav li a:visited{
color:maroon; text-decoration:none; background:#eae2d0 none;}
#nav li a:focus, #nav li a:hover{
color:#660000; text-decoration:none; background:#d4c6a1 none;}
#nav li a:active{
color:black; text-decoration:none; background:#d4c6a1 none;}
#nav li a#current, #current:link, #current:visited, #current:focus, #current:hover{
background:#63754f none; color:#fcf5C7; text-decoration:none;}

#left p{
width:85%; margin:15px auto 0 auto; font-size:90%; padding:5px 0 10px 0;
background:black none;}
#left p a{
display:block; margin:0 auto;}
#left p a img{
border:none;}
#left p a{
margin:0 auto; padding-bottom:3px; text-decoration:none;}
#left p a:link, #left p a:visited, #head p a:link, #head p a:visited{
color:white; text-decoration:underline;}
#left p a:focus, #left p a:hover, #head p a:focus, #head p a:hover{
color:#af8c83; text-decoration:none;}

/* Leftbar Bottom */
#left p.mail{
background:black none; margin:0 auto; padding:10px 0; width:85%; border:1px solid #63754f;}
#left p.mail span{
color:#f8f3ef; font-size:110%; letter-spacing:1px; font-weight:bold;}
#left p.mail a{
margin:0 auto; padding:3px 0; display:block; text-decoration:none;}
#left p.mail a:link, #left p.mail a:visited{
color:#ececec; text-decoration:underline;}
#left p.mail a:focus, #left p.mail a:hover{
color:#af8c83; text-decoration:none;}

#left p.medinfo{
width:85%; margin:0 auto; color:silver; font-size:85%; font-weight:bold;
background:#660000 none; text-align:left; border:1px solid black; padding:0 0 10px 0;
line-height:1em;}
#left p.medinfo span{
margin:0 auto 5px auto; display:block; letter-spacing:2px; color:black;
text-align:center; border-bottom:1px solid silver; background:#848254 none; padding:3px 0;}
#left p.medinfo a{
font-weight:normal; font-size:110%; margin:0 auto; padding:0;
text-decoration:none; display:inline; line-height:1.50em;}
#left p.medinfo a:link, #left p.medinfo a:visited{
color:white; text-decoration:none;}
#left p.medinfo a:focus, #left p.medinfo a:hover{
color:#af8c83; text-decoration:none;}

/* Info page */
#main img#map{
margin:10px auto; display:block; text-align:center; border:2px solid black;}
#main ul.park{
width:90%; text-align:left; margin:0 auto; padding:0;}
.park li{
color:#444444; margin:0 auto 10px 40px;}
.park li.header{
width:100%; color:#660000; font-weight:bold; margin:0 auto; text-align:left;
list-style-type:none;}
.park li#list_title{
width:100%; color:black; font-weight:bold; margin:0 auto 5px auto; text-align:center;
list-style-type:none; font-size:100%; letter-spacing:1px; border-bottom:1px dashed gray;}

/* Forms page */
#main p.dashed2{
margin:0 auto 20px auto; padding:5px 0; border:1px dashed silver; text-align:center; line-height:1em;
width:90%; color:#660000; font-size:90%;}
.dashed2 span{
color:black; font-weight:normal; display:block; margin:0 auto 10px auto; font-size:90%;}
.dashed2 a{
text-decoration:none; margin:0 auto 5px auto; font-weight:bold; padding:.50em 1em;
border:2px outset #9c9268; display:block; width:50%;}
.dashed2 a:link, .dashed2 a:visited{
color:white; background:#63754f none;}
.dashed2 a:focus, .dashed2 a:hover{
color:white; background:#8c7e5c none;}
ol#covered{
width:90%; margin:0 auto; padding:5px 0 0 0; text-align:left; line-height:1.25em;
border-top:1px dashed #8c7e5c;}
ol#covered li{
margin:0 auto 4px 20px; width:90%;}
#main p em{
color:#660000; font-style:normal; line-height:1em;}

/* Astig. and Dilat. pages */
img#astgraphic{
border:1px solid #8c7e5c; margin:0 auto;}
#main p.pics{
text-align:center; margin:0 auto;}
#main p.pics img{
padding:0 5px; vertical-align:middle;}
#main p.pics span.tiny{
font-size:80%; display:inline;}
#main p.pics strong{
display:inline; padding:0 5px; color:#666666; font-size:110%;}
#main p.border_top{
border-top:1px dashed #8c7e5c;}
#main div.highlighted p.smheight{
line-height:1.35em; margin:0 auto;}

/* Contacts page */
#main p#reorder{
width:100%; background:black none; margin:0 auto 10px auto; padding:5px 0;}
#reorder a img{
border:none; display:block; margin:0 auto;}

/* Doc and Practice pages*/
img#doc{
display:block; margin:10px auto 0 auto; text-align:center;}

/* Footer */
div#foot{
width:100%; margin:0 auto; background:#660000 none; clear:both; text-align:left;
border-top:1px solid black;}
#foot p{
color:#63754f; font-size:80%; font-weight:bold; padding:5px 0 0 10px;
text-align:left; line-height:1em;}
#foot p span{
display:block; font-size:100%; color:#9c9268; margin:0 auto;
font-weight:normal; font-style:italic; letter-spacing:1px; padding:0;}
#foot p span a:link, #foot p span a:visited{
color:silver; text-decoration:none; margin:0 auto; padding:0;}
#foot p span a:focus, #foot p span a:hover{
color:#9c9268;}

#foot p#copy{
margin:0 auto; font-size:80%; text-align:center; color:maroon; padding:3px 0 10px 0;
letter-spacing:3px; background:#63754f none; border-top:2px solid black;}
p#copy a:link, p#copy a:visited{
color:black; text-decoration:none; padding:3px;}
p#copy a:focus, p#copy a:hover{
color:#d4c6a1;}