body {
	margin:0; 
	padding:0; 
	background-color:#FFFFFF;
	color:#000;
}
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1.0em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }

h1	{ font-size: 1.4em; color: #0571b5; line-height:125%; margin: 10px 0;}
	h1 span { font-size:.85em; line-height: 1.5em; color: #000; font-weight: bold;}
h2	{ font-size:1.3em; color:#000000; }
h3	{ font-size:1.1em; color:#000000; line-height:150%; }

p { line-height: 1.5em; margin: 1.2em 0;}
ul {line-height: 1.5em;}
ul li.circle {
               list-style-position: inside;
               padding:5px;
               list-style-type:disc;
}

ul li.disc {

 list-style-position: inside;
               padding-left: 15px;
               padding: 5px;
               list-style-type:circle;

}

br {
	line-height:0px;
}
td {
	font-size:11px;
	font-weight:normal;
	font-family:tahoma, arial;
	vertical-align:top;
	line-height:14px;
}
.pageName{
	font:normal 14px Tahoma, Arial;
	color:#0571B5;
}
.bluefont{
	color:#0571B5;
}
.al a{
	text-decoration:none;
	color:#00448E;
	font:bold 9px Tahoma, Arail;
}
.al a:hover{
	text-decoration:underline;
	color:#00448E;
	font:bold 9px Tahoma, Arail;
}
.ftrl a{
	text-decoration:none;
	color:#7F7F7F;
}
.ftrll a:hover{
	text-decoration:underline;
	color:#7F7F7F;
}
.bl a{
	text-decoration:underline;
	color:#000;
	font:normal 11px Tahoma, Arial;
}
.bl a:hover{
	text-decoration:none;
	color:#000;
	font:normal 11px Tahoma, Arial;	
}
.cl a{
	text-decoration:underline;
	color:#00448E;
	font:normal 11px Tahoma, Arial;
}
.cl a:hover{
	text-decoration:none;
	color:#00448E;
	font:normal 11px Tahoma, Arial;	
}
.list ul {
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;
}
.list li {
	list-style:none;
	padding:0px 0px 0px 8px;
	margin:0px 0px 0px 0px;
	background:url(images/0blt2.jpg) left top no-repeat;
	vertical-align:top;
	line-height:1.31em;
}
.list ul li a {
	text-decoration:none;
	color:#00448E;
}	
.list li a:hover {
	color:#00448E;
	text-decoration:underline;
} 
.input {
	width:310px;
	height:21px;
	font:normal 11px Tahoma, Arial;
	color:#ABABAB;
	border:1px solid #8EB132;
	background-color:#FFF;
	padding:2px 0px 0px 5px;
	margin:0px 0px 0px 0px;
	vertical-align:top;
}
.textarea {
	width:310px;
	height:61px;
	font:normal 11px Tahoma, Arial;
	color:#ABABAB;
	border:1px solid #8EB132;
	background-color:#FFF;
	padding:2px 0px 0px 5px;
	margin:0px 0px 0px 0px;
	vertical-align:top;
}
.contact_subject { display: none; }
.ta {
	width:400px;
	height:200px;
	font:normal 11px Tahoma, Arial;
	color:#ABABAB;
	border:1px solid #8EB132;
	background-color:#FFF;
	padding:2px 0px 0px 5px;
	margin:0px 0px 0px 0px;
	vertical-align:top;
}

/* ------------------------ navigation ------------------------ */
#navcontain {
	background: url(images/repeat.jpg) 0 0 repeat-x;
	width: 100%;
	height: 89px;
}
#nav { 
	background: url(images/nav.jpg) 0 0 no-repeat;
	width: 898px;
	height: 58px;
	position:relative;
	z-index: 999;
	margin: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	}

#nav span { display: none;}

#nav li, #nav a { height: 58px; display: block; margin: 0px;}

#nav li { float: left; list-style: none; display: inline;}

#nav-01 { width: 122px;}
#nav-02 { width: 121px;}
#nav-03 { width: 121px;}
#nav-04 { width: 121px;}
#nav-05 { width: 121px;}
#nav-06 { width: 121px;}

#nav-01 a:hover { background: url(images/nav.jpg) 0px -58px no-repeat;}
#nav-02 a:hover { background: url(images/nav.jpg) -122px -58px no-repeat;}
#nav-03 a:hover { background: url(images/nav.jpg) -243px -58px no-repeat;}
#nav-04 a:hover { background: url(images/nav.jpg) -364px -58px no-repeat;}
#nav-05 a:hover { background: url(images/nav.jpg) -485px -58px no-repeat;}
#nav-06 a:hover { background: url(images/nav.jpg) -606px -58px no-repeat;}

/*-------------- Keeps the hover state on each page based on body id ------------- */

body#aboutus #nav-01 { background: url(images/nav.jpg) 0px -116px no-repeat;}
	body#aboutus #nav-01 a:hover { background: url(images/nav.jpg) 0px -116px no-repeat;}
body#lasikid #nav-02 { background: url(images/nav.jpg) -122px -116px no-repeat;}
	body#lasikid #nav-02 a:hover { background: url(images/nav.jpg) -122px -116px no-repeat;}
body#procedures #nav-03 { background: url(images/nav.jpg) -243px -116px no-repeat;}
	body#procedures #nav-03 a:hover { background: url(images/nav.jpg) -243px -116px no-repeat;}
body#financing #nav-04 { background: url(images/nav.jpg) -364px -116px no-repeat;}
	body#financing #nav-04 a:hover { background: url(images/nav.jpg) -364px -116px no-repeat;}
body#newsevents #nav-05 { background: url(images/nav.jpg) -485px -116px no-repeat;}
	body#newsevents #nav-05 a:hover { background: url(images/nav.jpg) -485px -116px no-repeat;}
body#contactus #nav-06 { background: url(images/nav.jpg) -606px -116px no-repeat;}
	body#contactus #nav-06 a:hover { background: url(images/nav.jpg) -606px -116px no-repeat;}

/* ------------------------ son of suckerfish: horizontal sprite nav ------------------------ */
#nav li ul {
	position:absolute;
	left:-9999px;
	background-color:#8eb132;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	z-index: 1000;
	}

#nav li ul li { 
	height:24px; /* Height of each drop down nav item */
	z-index: 1000;	
	font-weight: bold;
	font-size: 12px;
	}	

#nav li ul li a {
	width:100%;
	height:24px;	/* Height of each drop down nav item, should match above */
	line-height:24px;	 /* Height of each drop down nav item again, should match above */
	}

#nav li ul li a span {
	display:block;
	padding-left: 10px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	color:#d5ff65;
	text-decoration:none;
	}

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

/* Hover styles for drop down items */
#nav ul a:hover, body#aboutus #nav-01 ul a:hover, body#lasikid #nav-02 ul a:hover, body#procedures #nav-03 ul a:hover, body#financing #nav-04 ul a:hover, body#newsevents #nav-05 ul a:hover, body#contactus #nav-06 ul a:hover { 
	background-image:none;
	background-color:#5e7425;
	color:#d5ff65;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-01 ul, #nav-01 li { width:280px; }
#nav-02 ul, #nav-02 li { width:120px; }
#nav-03 ul, #nav-03 li { width:215px; }
#nav-04 ul, #nav-04 li { width:200px; }
#nav-05 ul, #nav-05 li { width:120px; }
#nav-06 ul, #nav-06 li { width:120px; }
/* ------------------------------------------------ */

#sub-nav li { float: left; list-style: none; display: inline; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; height: 25px; line-height: 25px;}
#sub-nav a:link {color:#d5ff65; text-decoration:none; padding: 6px 25px; margin: 0 15px; }
#sub-nav a:hover {color:#d5ff65; text-decoration:none; background-color:#5e7425; padding: 6px 25px; margin: 0 15px;  }
#sub-nav a:active {color:#d5ff65; text-decoration:none; padding: 6px 25px; margin: 0 15px; }
#sub-nav a:visited {color:#d5ff65; text-decoration:none; padding: 6px 25px; margin: 0 15px; }

/* ------------------------------------------------ */


/* accordian styles */
 

.accordion {
	width: 620px;
	border-bottom: solid 1px #ffffff;
}
.accordion h3 {
	background: #ffffff url(images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 25px;
	margin: 0;
	font: normal 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #ffffff;
	border-bottom: none;
	cursor: pointer;
        line-height: 17px;
}
.accordion h3:hover {
	background-color: #e3e2e2;
}
.accordion h3.active {
	background-position: right 5px;
}
.accordion p {
	background: #f7f7f7;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
}
.accordion ul {
	list-style-type: disc;
	margin: 0;
	padding: 10px 15px 20px 30px;
		background: #f7f7f7;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;

}
.accordion ul li {

	margin: 0;
	padding: 0px 15px 5px 0px;
	
}

