body {
	margin: 1% 5% 1% 5%;
	padding: 0;
	font-size: 14px;
	background-color: #333;
	background-image: url(../images/bkgnd_eyeconditions.jpg);
	 /* */background-repeat: repeat-x; /* */
}
#mainTable {
	margin: 0 auto;
	border: 1px solid #000;
	background-color: #FFF;
	color: #333
}
#mainTable td {	padding: 10px;/*Pads each table cell in modern browsers*/}
#maincontent { 
		 font-size: 14px; 	
	/*/*/font-size: 100%; /* */
	}
.smaller_text { 
		 font-size: 10px; 	
	/*/*/font-size: 80%; /* */
	}


td, p, ul {	font-family: Arial, Helvetica, sans-serif;}
h1:first-child {margin-top: 10;}/*starts first heading in a TD flush top*/
h2:first-child {margin-top: 0;}/*starts first heading in a TD flush top*/
h3:first-child {margin-top: 0;}/*starts first heading in a TD flush top*/
h4:first-child {margin-top: 0;}/*starts first heading in a TD flush top*/
h5:first-child {margin-top: 0;}/*starts first heading in a TD flush top*/
h1 { font-size: 160%; }
h2 { font-size: 140%; }
h3 {
	font-size: 130%;
	line-height: 1em;
}
h4 { font-size: 115%; }
h5 {font-size: 110%;}
h6 { font-size: 95%; 
	font-weight: bold;
}

a {	/*/*/text-decoration: underline;/* */}
a:link, a:visited {	color: #003366;}
a:hover, a:active {
	color: #FFFFFF;
	background-color: #003366;
	border: 1px solid #333;
	/*/*/text-decoration: none;/* */
	}	
#sidebar {
	width: 164px;
	font-size: 12px;
		color: #333333;
	/*/*/font-size: 85%; /* */
}
#sidebar a {
	/*/*/
	text-decoration: none;
	line-height: 1.5em;
	width: 160px; /* */
}
#sidebar a:link, #sidebar a:visited {
	color: #333;
}
#sidebar a:hover, #sidebar a:active {
	color: #FFFFFF;
	background-color: #003366;
	border: 1px solid #333;
}
#current a {
	color: #FFFFFF !important;
	/*/*/background-color: #003366!important;
	border: 1px solid #333 !important; /* */
}
#copyright a {
	color: #fff;
		/*/*/	text-decoration: none;/* */
}
#copyright a:link, #copyright a:visited {
	color: #fff;
}
#copyright a:hover, #copyright a:active {
	color: #fff;
	background-color: #333;
	border: 0px solid #333;
	/*/*/text-decoration: underline;/* */		
}
#logo {
	background-color: #333333;
	color: #fff;
	background-image:  url(../images/csst_bg.gif);
			font-size: 12px;
	/*/*/font-size: 85%; /* */
		/*/*/text-decoration: none;/* */
}
#logo a {
	color: #fff;

	border: 0px solid #333;
	/*/*/text-decoration: none;/* */
}
#logo a:link, #logo a:visited {
	background-image:  url(../images/csst_bg.gif);
	/*/*/text-decoration: none;/* */	
}
#logo a:hover, #logo a:active {
	/*/*/text-decoration: underline;/* */	
	}


.lgtabletop {  background-image: url(../images/table_eyecare_top.jpg); background-repeat: no-repeat}
.lgtablemid { background-image: url(../images/table_eyecare_mid.jpg); background-repeat: repeat-y}
.lgtablebot { background-image: url(../images/table_eyecare_bot.jpg); background-repeat: no-repeat}

.lnav_eyecare_bot { background-image: url(../images/lnav_eyecare_bot.jpg); background-repeat: no-repeat 
 }
.lnav_eyecare_mid { background-image: url(../images/lnav_eyecare_mid.jpg); background-repeat: repeat-y;  }
.lnav_eyecare_top { background-image: url(../images/lnav_eyecare_top.jpg); background-repeat: no-repeat }

#rightnav {
	width: 150px;
	font-size: 12px;
		color: #333333;
	/*/*/font-size: 85%; /* */
		
}


#rightnav {
	width: 164px;
	font-size: 14px;
		color: #333333;
	/*/*/font-size: 90%; /* */
	/*/*/text-decoration: none;/* */
}
#rightnav td {	padding: 2px;/*Pads each table cell in modern browsers*/}
#rightnav a {color: #333333; border: 0px solid #000; /*/*/text-decoration: none;/* */}
#rightnav a:link, #rightnav a:visited {	}
#rightnav a:hover, #rightnav a:active {
	color: #000;
background-color: #fee3c6;
	border: 0px solid #333;
	/*/*/text-decoration: underline;/* */
	}
#header {
	background-color: #003466;
	color: #ffffff;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #000;
	border-left: none;

	/*/*/text-decoration: none;/* */
}
#bottomnav td {	padding: 1px;/*Pads each table cell in modern browsers*/}
#bottomnav {
	background-color: #003366;
	color: #ffffff;
			font-size: 12px;
				border-top: 1px solid #000;
	border-right: none;
	border-bottom: none;
	border-left: none;
	/*/*/font-size: 85%; /* */
		/*/*/text-decoration: none;/* */
}
#bottomnav a {
	color: #ffffff;
	border: 0px solid #333;
	/*/*/text-decoration: none;/* */
}
#bottomnav a:link, #bottomnav a:visited {
color: #ffffff;
	/*/*/text-decoration: none;/* */	
}
#bottomnav a:hover, #bottomnav a:active {
	color: #ffffff;
	/*/*/text-decoration: underline;/* */	
	}
#copyright {
	background-color: #333333;
	color: #ffffff;
		background-image:  url(../images/csst_bg.gif);
			font-size: 10px;
	/*/*/font-size: 80%; /* */

}
.justify { text-align: justify;}


#n4shell {
/* Happy hunting. This rule will allow you to create an outer border around the layout table in netscape 4. Wrap the entire table inside a div and assign to the div this id */
	border: 1px solid #000;
	/*/*/border: 0; /* */
}.bold {
	font-weight: 900;
}