/* CSS Document */

/* Defines the container area for the left column of the body area.  Container area includes theme box, Center for Healthy Vision, What is a Doctor of Optometry? and Centers below.  Do not edit. */
#bodyleft {
	padding: 0px;
	margin: 0px;
	width: 675px;
	_width:690px; /* Fits the center column in IE6 JSS 9-24-10 */
	height: 100%;
	float: left;
	background:#FFFFFF;
	}
	

	
#bodyLeftLeft {
	float:left;
	padding:0px;
	margin:0px 0px 0px 2px;
	height:100%;
	width:242px;
	}
	
#bodyLeftRight {
	float:right;
	padding:0px;
	margin:0px;
	height:100%;
	width:402px;
	}
	
/*Defines the placement of the themed image rotation box. Do not edit. */
#theme {
	clear:both;
	width:398px;
/*	height:150px; */
	margin: 3px 0px 0px 1px;
	margin-bottom: 4px;
	}

/* Center for Healthy Vision styles.  Background and border colors defined in home-{site} stylesheet. */
#healthyVision, #bodyLeftCenter {
	padding: 0px 0px 10px 0px;
	margin: 5px 0px 6px 5px;
	clear: both;
	display: block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	font-variant:normal;
	line-height: 13px;
	overflow-y:hidden;
	overflow-x:hidden;
	border-width: 2px;
	border-style: solid;
	}
	
/* Defines the fixed height for the Center for Healthy Vision */
#healthyVision {
	height: 100%;
	}

#bodyLeftCenter {
	margin-bottom: 5px;
	width:397px;
	padding:0px;
	margin:0px;
	}
	
#bodyLeftCenterLeft {
	float:left;
	margin-left: 5px;
	}
	
#bodyLeftCenterRight {
	float: right;
	}

/* Defines the container area for the right column of the body area.  Container area includes the Alert box, Doctor Center, and Paraoptometric Center.  Do not edit. */	
#bodyright {
	padding: 5px 5px 5px 2px;
	width: 28%;
	height: 100%;
	float: right;
	background:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	font-variant:normal;
	line-height: 14px;
	}

/* The Centers (Doctor Center, Paraoptometric Center, etc.) are all styled the same.  #center is the div id and the span.center defines the bottom area.  This defines the top border of the Center box.  Background and border color attributes in the home-{site} stylesheet. */
#center {
	padding: 0px;
	z-index:6;
	float:right;
	margin-bottom: 5px;
	}
	
/* Defines the content of the Center elements. Font color is defined in the home-{site} stylesheet */		
#center p, #centerAlert p, #bodyLeftCenter p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	font-variant:normal;
	line-height: 14px;
	padding: 0px 0px 2px 0px;
	margin-top: 0px;
	display:block;
	}
	
#bodyLeftCenter p {
	padding-left: 5px;
	padding-right: 5px;
	display:block;
	font-size:11px;
	}

/* Font styles */

/* Styles the supporting image on the right side. The rest of the attributes are governed by the global.css stylesheet. */
.centerImage {
	/*width: 160px;*/
	}

/* Background, border-color and font color defined in the home-{site} stylesheet. */
h1 {
	border-style:solid;
	border-width:2px;
	padding:5px 0px 5px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bolder;
	font-stretch:semi-condensed;
	text-decoration:none;
	margin: 4px 0px 4px 0px;
	}

a.homelink {
	font-size:10px;
	color:#660000;
	text-decoration:none;
	}		
		
#bodyLeftLeft ul {
	margin:0px 0px 0px 1px;
	padding:0px;
	list-style:none;
	width:245px;
	}

#bodyLeftLeft ul li {
	position:relative;
	margin:-1px 0px 0px 0px;
	padding:0px;
	width:245px;
	background:url(bodyLeftLeftRight.jpg) repeat-y;
	}

#bodyLeftLeft ul li.bodyLeftLeftBottom {
	background: url(bodyLeftLeftBottom.jpg) no-repeat;
	width:247px;
	height:21px;
	margin:0px 0px 6px 0px;
	padding:0;
	clear:both;
	}

div.menuSpacer {
	background:#FFFFFF; 
	padding:8px; 
	width:245px; 
	margin:0px; 
	padding:0px;
	}
		
#bodyLeftLeft ul li a {
	width:221px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bolder;
	text-decoration:none;
	margin:0px 0px 5px 0px;
	padding:4px 5px 4px 10px;
	color:#FFFFFF;
	background:#2F79C2;
	border:#003366 solid 2px;
	display:block;
	}

#bodyLeftLeft ul li ul {
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 2px;
	list-style:none;
	background:none;
	color:#003366;
	}
	
#bodyLeftLeft ul li ul li {
	position:relative;
	top:-0.3em;
	background:none;
	padding:0px;
	margin:0px 0px 0px 12px;
	border:none;
	list-style-type:square;
	font-size:10px;
	vertical-align:top;
	}

#bodyLeftLeft ul li ul li a {
	font-weight:normal;
	color:#003366;
	font-size:11px;
	text-decoration:none;
	border:none;
	background:none;
	width:205px;
	margin:2px 0px 0px 0px;
	padding:0px;
	}
	
#bodyLeftLeft ul li ul li a:hover {
/*	border:#8C8C8C dashed 1px;
	background:none;*/
	background:#F5F5F5;	
	}
	
#bodyLeftCenter h1 {
	line-height: 18px;
	margin-top:0px;
	}

/* News tabs */
div.newsMenu ul {
	clear:both;
	margin-bottom:10px;
	}
	
div.newsMenu ul li {
	display:inline;
	background:url(newsMenuTab.jpg) no-repeat;
	text-align:center;
	list-style-type:none;
	float:left;
	width:180px;
	height:23px;
	padding-top:3px;
	vertical-align:bottom;
	}
	
div.newsMenu ul li a {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#003366;
	text-decoration:none;
	}
	
div.newsMenu ul li a:hover {
	color:9dc6ef;
	}

/* Font color defined in the home-{site} stylesheet. */
.h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	font-stretch:semi-condensed;
	text-decoration:none;
	margin-top:10px;
	padding:4px;
	}
	 	
.h1:hover {
	text-decoration:underline;
	}
/* Defines the larger section titles like Center for Healthy Vision */	
h1.big {
	font-size:24px;
	margin-bottom: 6px;
	padding-bottom:4px;
	line-height:30px;
	}
/* Font color defined in the home-{site} stylesheet. */	
a.headline {
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	}

a.headline:visited {
	text-decoration: none;
	}
	
a.headline:hover {
	text-decoration:underline;
	}
	
#healthyVision span.center ul#redMenu {
	padding-left: 18px;
	padding-right: 10px;
	padding-top: 0px;
	float:left;
	}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	}
	
.publicHealth {font-family: verdana, Arial, Helvetica, sans-serif;font-size:10px}