/* 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-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 0px;
	width: 70%;
	height: 100%;
	float: left;
	z-index: 7;
	}

/* 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-left: 2px;
	padding-right: 5px;
	padding-top: 5px;
	width: 28%;
	height: 100%;
	float: right;
	z-index: 3;
	}

/* 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, div.center {
	padding:0px;
	z-index:6;
	margin-bottom:5px;
	width:95%;
	clear:both;
	}
	
/* Defines the bottom border of the Center box.  Background and color attributes are defined in the home-{site} stylesheet. */
#center, #centerAlert, #bodyLeftCenter {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	font-variant:normal;
	line-height: 14px;	
	padding-bottom:0px;
	padding-left:5px;
	padding-right:5px;
	}

#center input {
	width:130px;
	}
	
#center ul#redMenuLogin {
	list-style: square;
	margin-left:auto; 
	margin-right:auto; 
	margin-top: 0px;
	}
/* 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;
	}	
/* 3-COLUMN LAYOUT */

/* Defines the left column */
#left {
	width:260px;
	float:left;
	clear:none;
	padding-right: 5px;
	padding-top:5px;
	}
/* Defines the middle column */
#middle {
	float: right;
	padding-top:5px;
	width:392px;
	clear:none;
	}
/* Defines the right column */
#right {
	width:270px;
	float: right;
	clear:none;
	padding: 5px 5px;
	}

/* Left column contents */

/*Defines the placement of the themed image rotation box. Border color attribute found in center-{site} stylesheet. */
#theme {
	clear:both;
	width:250px;
	margin: 0px 0px 0px 5px;
	margin-bottom: 4px;
	border-style: solid;
	border-width:medium;
	padding:0;
	}

/* Defines the left-column expandable/collapsible menus on the left side. Background, scrollbars, and border color defined in the center-{site} stylesheet. */
#menu {
	display: block; 
	overflow-x:hidden;
	position:relative;
	width: 255px;
	padding: 0;
	float:left;
	clear:left;
	margin: 0px 2px 2px 2px;
	border-style: solid;
	border-width: 2px;
	}

#containerul li span.symbols {
	padding-top: 0px;
	padding-right:3px;
	}
	
#containerul li ul li span.symbols {
	padding-top: 0px;
	padding-right:3px;
	}

/* #containerul li ul li a {
	padding-top:4px;
	padding-left:1px;
	padding-bottom:1px;
	}

#containerul li ul li a:hover {
	padding-top:3px;
	padding-left:0px;
	padding-bottom:0px;
	}  */
	
#AdGroup {
	width:250px;
	text-align:center;
	margin-left:5px;
	}
	
.Advertisement {
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	margin-bottom:7px;
	}


/* Styles the shaded box in the AOA News area of Center pages. Background and border color attributes found in center-{site} stylesheet. */
#topStory {
	border-style: solid;
	border-width: 1px;
	padding: 3px;
	margin: 0px;
	}

/* Defines the width of the corresponding images for the section boxes.  Other attributes found in global.css. */	
.centerImage {
	width: 120px;
	float:right;
	clear:both;
	padding-bottom:5px;
	}
	
	
/* Font styles */

/* Color, background, and border-color attributes found in center-{site} stylesheet */
h1, h1.login {
	display: block;
	width:100%;
	border-style:solid;
	border-width:medium;
	border-collapse:collapse;
	padding:2px 0px 2px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bolder;
	font-stretch:semi-condensed;
	text-decoration:none;
	margin: 0px 0px 4px 0px;
	}
	
#bodyLeftCenter h1 {
	width: 100%;
	line-height: 18px;
	}

/* Font color found in center-{site} stylesheet */
.h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bolder;
	font-stretch:semi-condensed;
	text-decoration:none;
	}
	 	
.h1:hover {
	text-decoration:underline;
	}
	
/* Font color found in center-{site} stylesheet */	
h1.big, a.big {
	font-size:24px;
	margin-bottom: 2px;
	padding-bottom:2px;
	width: 100%;
	line-height:30px;
	text-decoration:none;
	}

a.big:hover {
	text-decoration:underline;
	}	
	
.menu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	text-decoration: none;
	}
	
a.menu:hover {
	text-decoration:underline;
	}
	
img.rightImage {
	width:120px;
	margin: 0px 0px 5px 5px;
	}