/* CSS Document */

#container {
	/* Edits to the background color of the main body go here */
	background-color: #FFFFFF;
	}

#topBar {
	background-color:#003366;
	border-bottom:#660000 solid 2px;
	color:#FFFFFF
	}
		
a.topBar {
	color:#FFFFFF;
	}

#header {
	/* Edits to the background color of the title/logo area go here */
	background-color:#2F79C2;
	}
	
/* This styles the text elements of the Dr. Locator form.  Change the color element for condo branding needs. */
form.DrLocator {
	color: #FFFFFF;
	}

/* Swooping border elements */

/* Defines the stright part of the left side swoop.  Contains the Affiliate drop-down box and search box.  The background-image attribute in the global brand stylesheet controls the appearance.  The background image is repeated horizonally across the element. The background image dimensions should be 5px wide and 40px tall. */
#LeftBorder, #LeftBorderPrint {
/* Edit the image element to change the branding */
	background-image:url(../images/LeftBorder.jpg);
	}
	
#LeftSwoop {
	background-image:url(../images/LeftSwoop-White.jpg);
	}
/* LeftSwoop must be page dependent because different page types have different backgrounds.  Therefore, assign the LeftSwoop branding at the Page-specific branded stylesheets. */

/* Styles the border which separates the left swoop from the right swoop.  Edit the background-color and border-color attributes to change branding for condos.*/		
#borderRule, #borderRulePrint {
	/* Defines the inner color */
	background-image:url(../images/borderRule.gif);
	/* Defines the border color */
	border-color: #003366;
	}

/* Defines the color of the links in the border elements which divides the top-right swoop from the bottom-left swoop.*/	
#borderRule a, #borderRulePrint a {
	color: #660000;
	}

/* The hyperlinks in the borderRule element can change color when the user hovers the mouse over them.  This determines which color the hyperlink is when hovered over. */
#borderRule a:hover, #borderRulePrint a:hover {
	color:#2C2C2E;
	}
	
/* Defines the right swooping border, minus the curved element.  Alter the border image to reflect the brand colors (the completed image should be 5px wide and 40px tall), give it a new filename and change the background-image element to reflect the new border. RightSwoop element in the page-dependent branding stylesheets.  Different page types call fro different backgrounds, which requires the RightSwoop to be page-dependent. */
#RightBorder, #RightBorderPrint {
	/* Edit the image element to change the branding */
	background-image:url(../images/RightBorder.jpg);
	}
	
/* Defines the curving graphic of the right swooping border.  Edit the background-image attribute to change branding. */
#RightSwoop {
	background-image:url(../images/RightSwoop.jpg);
	}
			
/* Defines the background color of the area below the header. Edit the background attribute to change branding. */
#body {
	background: #FFFFFF;
	}

/* Top-level element of the expandable/collapsible menu */
span.listParent {
	background:#2F79C2;
	}
	
/* Styles the font color of the top-level element of the expandable/collapsible menu */
a.listParent {
	color:#FFFFFF;
	}	
/* Expandable/collapsible menus */
#containerul li, #containerul li ul{
	background:#FFFFFF;
	}

ul.redMenu li a,
.menu {
	color: #660000;
	}
	
/* Defines the top-level links in the expandible/collapsible menus.  Color attribute defines text color.  Background defines background color. */
a.healthyVisionMenu, a.healthyVisionMenu:visited {
	color: #FFFFFF;
	background:#2F79C2;
	}

/* Defines the bulleted links in the expandible/collapsible menus. Color attribute defines text color. */
#containerul li ul li a {
	color: #660000;
	background-color:#FFFFFF;
	border:#FFFFFF;
	}

/* Defines the hovering action of the bulleted items in the expandable/collapsible menus */		
#containerul li ul li a:hover {
	border-color:#666666;
	background: #F5F5F5;
	}
	
/* Defines the visited state of the bulleted items in the expandable/collapsible menus */		
#containerul li ul li a:visited {
	color: #666666;
	}
	
/* Defines the background and border color of the footer element */
#footer, #footerPrint {
	/* This is the inner background color.  It should reflect the darkest of the site's brand colors */
	background-color:#003366;
	/* This is the outer background color.  It should reflect the hottest site color, or the border color in the header swoop graphic. */
	border-color: #2F79C2;
	/* This defines the text color. */
	color: #FFFFFF;
	}

/* Defines the color of the hyperlinked text in the footer element */
#footer a, #footerPrint a {
	color: #FFFFFF;
	}
	
/* Defines the color of the copyright text at the bottom of the page. */
#copyright {
	color:#000000;
	border:#FF0000 medium 2px;
	}
	
/* Font Styles */

h2 {
	color:#003366;
	}
	
h3, a.h3 {
	color:#FFFFFF;
	}

h4 {
	color: #660000;
	}

/* Defines the burgundy bulleted lists found in the Center elements and in the expandable menus */
ul.redMenu, 
seeAlso ul.redMenu,
ul.redMenu li a:link, 
seeAlso ul.redMenu li a:link,
ul.redMenu li a:hover, 
seeAlso ul.redMenu li a:hover,
ul.redMenu li a:visited, 
seeAlso ul.redMenu li a:visited,
ul.redMenu,
ul.redMenuLogin li a:link,
ul.redMenuLogin li a:hover,
ul.redMenuLogin li a:visited,
td.redMenu {
	color: #660000;
	}
	
.headerLink, .headerLink:hover {
	color: #FFFFFF;
	}
	
a.more {
	color:#003366;
	}

.topItem {
	color: #660000;
	}
	
.small, .smallText {
	color:#000000;
	}
/* Defines the text color of the issue dates imported through the AOANews RSS. */
.newsDate {
	color:#666666;
	}
/*Defines the border color for the images imported through the AOANews RSS. */
.newsImage {
	border-color: #003366;
	}