body {
background-color: #9BBCDD;
background-image: url(../images/bg_page.gif); background-repeat: no-repeat; background-position: center top;
font-size: medium;
font-family: verdana, arial, helvetica, sans-serif;
color:#000;
text-align:center;
}

* {margin:0; padding:0;}

/* main positioning elements follow*/
#wrapper {
background-color:#336699;
color: #fff;
width:980px;
margin: 10px auto 0 auto;
}

#box  { 
background-image: url(../images/circle_bg6.jpg);
background-repeat: no-repeat; 
background-position: right top; 
text-align: left; 
width: 980px;
}

#header  { 
color: #fff; 
background-color: transparent; 
background-image: url(../images/top17.gif); 
background-repeat: no-repeat; 
background-position: left top; 
text-align: center; 
width: 980px; 
height: 98px;
}

#left {
width:145px;
padding:0 0 0 0;
float:left;
background-color:#336699;
margin:50px 0;
}

#center {
margin: 50px 10px 35px 40px;
width:600px;
float:left;
background-color:#f7f7f7;
color: #000;
padding: 0 0 20px 0;
}

#frontright {
margin-top: 40px;
}

#topright {
float: right;
margin: 50px 12px 0 0;
width: 130px;
/*background-color: #f7f7f7;
color: #000;*/
border: 1px solid #fff;
}

#rightbox1{
float: right;
margin: 10px 12px 0 0;
width: 130px;
border: 1px solid #fff;
}

div#footer2 {
width: 980px;
margin: 0 auto;
padding:0;
color: #fff;
background-color: #4682B4;
text-align: center;
}

/*menu formatting follows*/

div#left div#menu {
	width:130px;
margin: 0 0 0 15px;
padding: 0;
	float:left; /*makes the div enclose the list */
	border-left: 3px double #6699cc;
	border-right: none;
	border-bottom: 3px double #6699cc;
	font-size:76%;	
	background-color: #f7f7f7;
	}
	
div#left div#menu ul {
	margin:0;
	width:130px;
}
div#left div#menu li {
	position:relative;
	list-style-type:none;
	border-left: none;
	border-bottom: 1px solid #336699;
	padding:5px 0 5px 3px;
	}
	
div#left div#menu li:first-child {
padding:5px 0 5px 3px;
		}
		
div#left div#menu li:hover { 
	background-color:#D9ECFF;
	padding: 5px 5px 5px 0;
	}
	
div#left div#menu a {
	padding:0 6px;
	text-decoration:none;
	color: #336699;	
	}
	
div#left div#menu a:hover {
	background-color:#D9ECFF;
	color:#336699;
    }

/*pullout menu formatting */
div#left div#menu ul li ul {
	margin:0; 
	margin-left:130px;
	position:absolute; /* positions the drop-down*/
	width:14em; /*sets width of menu, makes menu stack*/
	top:-1px;
	left:0px; 
	}
	
div#left div#menu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #336699; 
	border-bottom:1px solid #336699;
	border-right:1px solid#336699;
	background-color:#99ccff; 
	/*color: #336699;*/
	}
div#left div#menu ul li ul li:first-child {
	border-top:1px solid #f7f7f7;
	}
/* make the drop-down display as the menu is rolled over */
div#left div#menu ul li ul {display:none;} 
div#left div#menu ul li:hover ul {display:block; } 

div#left div#menu ul li ul li:hover ul {display:block;} 
div#left div#menu ul li:hover ul ul {display:none;}

div#left div#menu ul li ul li ul {left:0;} 

/*hack for IE */
* html div#menu ul li ul {
    border-top:1px solid #f7f7f7; /*the top edge of the dropdown */
	}
	
/*marker on menu*/
#menu a:hover, body#home #t-home, body#speclens #t-speclens, body#specframe #t-specframe, body#services #t-services, body#about #t-about, body#clens #t-clens, body#glossary #t-glossary, body#contact #t-contact, body#eyehealth #t-eyehealth, body#eyeplan #t-eyeplan, body#tech #t-tech, body#sun #t-sun {
background-color: #99ccff;
color: #fff;
}

/* end of menu*/


/*general formatting follows*/

h1 {
font-size:110%;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.3em;
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0;
padding:8px;
color: #336699;
background-color: #F2F2F2;
border: 1px solid #ccc;
}

h2 {
font-size:90%;
margin: 0 20px;
padding-top:20px;
border-top: 1px solid #ccc;
color: #336699;
background-color: transparent;
}

h3 {
font-size:80%;
margin: 0 20px;
padding-top:20px;
color: #333333;
background-color: transparent;
}

p {
font-size: 80%;
line-height: 170%;
margin: 0 20px;
padding: 1% 0;
}

p.intro {
font-weight: bold;
font-size: 80%;
color: #336699;
background-color: #f7f7f7;
padding-top:45px;
}

p.unspaced {
margin: 0 20px;
padding: 0;
}

p.belowspaced {
padding-bottom: 90px;
}

#center li {
list-style: disc inside;
font-size: 80%;
line-height: 150%;
padding: 0 0 0 50px;
}

#header img {
margin: 4px auto 0 auto;
padding: 10px 0 0 0;
}

#center img {
float: left;
padding: 10px 20px 10px 20px;
border: 0;
}

#center img.right {
float: right;
}

#center img.front {
padding: 35px 20px;
}

#topright img {
border: 0;
padding: 10px;
}

#topright p {
/*background-color: #f7f7f7;
color: #000;*/
color: #fff;
margin: 0; 
padding: 5px 10px 10px 10px;
}

#rightbox1 img, #frontright img {
padding: 10px 0;
}

div.borderbox1 {
clear: both;
border: 1px solid #336699;
margin: 20px 20px 10px 20px;
}

div.borderbox1 p {
color: #003366;
background-color: #f7f7f7;
padding-top: 15px;
}

.clear { 
clear: both; 
}



div#footer2 p {
margin: 0;
padding: 10px 0;
}


/*links formatting (non-menu) follows*/

#center a {
color: #336699;
background-color: transparent;
}

#center #footer a:link, #topright a {
color: #fff;
background-color: transparent;
}

#center #footer a:visited {
color: #ccc;
background-color: transparent;
}

#center #footer a:hover {
	background-color:transparent;
	color:#fff;
	}
	
#center #footer a:active {
	background-color:transparent;
	color:#fff;
}

div#footer2 a {
color: #fff;
background-color: #4682B4;
}