body { margin:0px; background-color: #637CAA; background-image:url(../images/bg.jpg); background-repeat:repeat-x;}
td, tr { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2C4176; } 
a:visited { color: #2C4176; text-decoration: underline; }
a:active { color: #2C4176; text-decoration: underline; }
a:hover { color: #2C4176; text-decoration: underline; }
a:link { color: #2C4176; text-decoration: underline; }
.subbody { margin:0px; background-color: #637CAA; background-image:url(../images/sub_bg.jpg); background-repeat:repeat-x;}
h1 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#2C4176; font-weight:bold;} 
h2{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#2C4176; font-weight:bold;} 
h3 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2C4176; font-weight:bold;} 

.photos {text-align:left; padding-right:10px;}

.maintable { background-image:url(../images/index/bg.jpg); background-repeat:repeat-y;}
.contentBg { background-image:url(../images/index/content_bg.jpg); background-repeat:repeat-y;}
.contentTop { background-image:url(../images/index/content_top.jpg); background-repeat: no-repeat; padding: 65px 30px 15px 30px;}
.contentMidBg { background-image:url(../images/index/mid_bg.jpg); background-repeat: repeat-y;}	
.contentMidTop { background-image:url(../images/index/mid_top.jpg); background-repeat: no-repeat;}
.footer { background-image:url(../images/index/footer_bg.jpg); background-repeat: repeat-y; padding: 5px 15px 15px 15px; color:#FFFFFF;}
.whatsNew { padding: 65px 30px 15px 30px;}
.eyeCare { padding: 65px 30px 15px 30px;}
.contactContent { padding-left:19px; padding-right:18px; padding-top:10px; padding-bottom:10px; color:#FFFFFF; }
.contactContent a:visited { color: #fff; text-decoration: underline; }
.contactContent a:active { color: #fff; text-decoration: underline; }
.contactContent a:hover { color: #fff; text-decoration: underline; }
.contactContent a:link { color: #fff; text-decoration: underline; }
.subBodyBottom { background-image:url(../images/sub/content_sub_bottom.jpg); background-position:bottom; background-repeat:no-repeat;}
.subBodyTop { background-image:url(../images/sub/content_sub_top.jpg); background-position:top; background-repeat:no-repeat; padding: 5px 30px 20px 30px;}
.subBodyTop ul { margin: 0px 30px;}
.submaintable { background-image:url(../images/sub/bg.jpg); background-repeat:repeat-y;}

.footer a:visited { color: #fff; text-decoration: underline; }
.footer a:active { color: #fff; text-decoration: underline; }
.footer a:hover { color: #fff; text-decoration: underline; }
.footer a:link { color: #fff; text-decoration: underline; }



.form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2C4176;
	background-color: #ffffff !important;
	border: 1px solid #2C4176;
	padding-left: 5px;
	
}

.formmessage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2C4176;
	background-color: #ffffff;
	border: 1px solid #2C4176;
	padding-left: 5px;
	overflow: auto;
	height: 56px;
}

/* NAVIGATIONtop ----------------------------------------------------------------------------- */

#nav { background:url("../images/index/top.jpg") no-repeat; width:760px; height:57px; position:relative; padding:0px; margin:0px; }
#nav li { position:absolute; top: 27px; }
#nav li, #nav a { height: 30px; display:block; }
#nav span { display:none; }

#nav-01 { width: 69px; left: 589px; }
#nav-02 { width: 91px; left: 658px; }

#nav-01 a:hover { background: transparent url(../images/index/top.jpg) -589px -84px no-repeat; }
#nav-02 a:hover { background: transparent url(../images/index/top.jpg) -658px -84px no-repeat; }




/* GENERAL STYLES - these should already be in your CSS document*/
div, ul, li, h1 {
	margin: 0px;
	padding: 0px;
	border: 0px;
}


/* SPRITE NAVIGATION */
#menu {
	background: url(../images/index/nav.jpg) top left no-repeat;					
	width: 573px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 25px;		/* Height of entire image */
}
#menu span, td span { display: none; }
#menu li { 
	position: relative;
	float: left;
	list-style: none;
}
#menu li, #menu a { 
	height: 25px;			/* Each button must have the same height, define it here */
	display: block;
}

/* left - defines offset from left edge, will most likely just be 0 */
/* width - width of each button, they will each most likely be unique */
#menu-01 { width: 138px;}
#menu-02 { width: 119px;}
#menu-03 { width: 44px;}
#menu-04 { width: 45px;}
#menu-05 { width: 89px;}
#menu-06 { width: 134px;}

/* Changed values should match "width" numbers specified above */
#menu-01 a:hover {background: transparent url(../images/index/nav.jpg) 0px -25px no-repeat;}
#menu-02 a:hover {background: transparent url(../images/index/nav.jpg) -138px -25px no-repeat;}
#menu-03 a:hover {background: transparent url(../images/index/nav.jpg) -257px -25px no-repeat;}
#menu-04 a:hover {background: transparent url(../images/index/nav.jpg) -301px -25px no-repeat;}
#menu-05 a:hover {background: transparent url(../images/index/nav.jpg) -346px -25px no-repeat;}
#menu-06 a:hover {background: transparent url(../images/index/nav.jpg) -435px -25px no-repeat;}

/* SON OF SUCKERFISH */

#menu li ul {
	position: absolute;
	left: -9999px;
	background-color: #311A38;
	
	/* Background color of drop down menu - add more styles (i.e. background image) if you want */
}

#menu li ul li {
	height: 20px;				/* Height of each drop down menu item */
}
#menu li ul li a {
	width: 100%;
	height: 20px;				/* Height of each drop down menu item, should match above */
	line-height: 20px;			/* Height of each drop down menu item again, should match above */
}
#menu li ul li a span {
	display: block;
	padding-left: 5px;
}

/* Drop down link styles */
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active {
	font-size: 12px;
	color: #FEFEFF;
	text-decoration: none;
	
}

#menu li:hover ul, #menu li.sfHover ul	{ left: auto; }

/* Hover styles for drop down items */
#menu-03 ul a:hover, #menu-05 ul a:hover { 
	background-image: none;
	background-color: #828CAC; 
	color:#ffffff;
	
}

/* width of drop down menu - choose width that allows items to display on one line */
#menu-03 ul, #menu-03 li { width: 125px;  }		
#menu-05 ul, #menu-05 li { width: 180px; }


/* CSS Document */

/* SPRITE NAVIGATION */
#submenu {
	background: url(../images/sub/nav.jpg) top left no-repeat;					
	width: 573px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 25px;		/* Height of entire image */
}
#submenu span { display: none; }
#submenu li { 
	position: relative;
	float: left;
	list-style: none;
}
#submenu li, #submenu a { 
	height: 25px;			/* Each button must have the same height, define it here */
	display: block;
}

/* left - defines offset from left edge, will most likely just be 0 */
/* width - width of each button, they will each most likely be unique */
#submenu-01 { width: 138px;}
#submenu-02 { width: 119px;}
#submenu-03 { width: 44px;}
#submenu-04 { width: 45px;}
#submenu-05 { width: 89px;}
#submenu-06 { width: 134px;}

/* Changed values should match "width" numbers specified above */
#submenu-01 a:hover {background: transparent url(../images/index/nav.jpg) 0px -25px no-repeat;}
#submenu-02 a:hover {background: transparent url(../images/index/nav.jpg) -138px -25px no-repeat;}
#submenu-03 a:hover {background: transparent url(../images/index/nav.jpg) -257px -25px no-repeat;}
#submenu-04 a:hover {background: transparent url(../images/index/nav.jpg) -301px -25px no-repeat;}
#submenu-05 a:hover {background: transparent url(../images/index/nav.jpg) -346px -25px no-repeat;}
#submenu-06 a:hover {background: transparent url(../images/index/nav.jpg) -435px -25px no-repeat;}


/* SON OF SUCKERFISH */

#submenu li ul {
	position: absolute;
	left: -9999px;
	background-color: #311A38;/* Background color of drop down menu - add more styles (i.e. background image) if you want */
}

#submenu li ul li {
	height: 20px;				/* Height of each drop down menu item */
}
#submenu li ul li a {
	width: 100%;
	height: 20px;				/* Height of each drop down menu item, should match above */
	line-height: 20px;			/* Height of each drop down menu item again, should match above */
}
#submenu li ul li a span {
	display: block;
	padding-left: 5px;
}

/* Drop down link styles */
#submenu a:link, #submenu a:visited, #submenu a:hover, #submenu a:active {
	font-size: 12px;
	color: #FEFEFF;
	text-decoration: none;
}

#submenu li:hover ul, #submenu li.sfHover ul	{ left: auto; }

/* Hover styles for drop down items */
#submenu-03 ul a:hover, #submenu-05 ul a:hover { 
	background-image: none;
	background-color: #828CAC; 
	color:#ffffff;
}

/* width of drop down menu - choose width that allows items to display on one line */
#submenu-03 ul, #submenu-03 li { width: 125px; }		
#submenu-05 ul, #submenu-05 li { width: 180px; }

img {border-style: none;}