/* CSS Document */


/* Defines the background color of the body content area of the printer-friendly template. */
#bodyPrint {
	background:#FFFFFF;
	}
	
#wrap {
/*	background:url(../Images/default-BG.gif) repeat-y;*/
	}
	
/* Defines the curving graphic on the bottom border.  The background-image attribute in the global brand stylesheet controls the appearance.  When making a new brand image, the dimensions of the new image must be 91px wide and 40px tall. */
#LeftSwoop {
	background-image:url(../images/LeftSwoop-White.jpg);
	}

/* Container for the Center for Left Column Menus */
#left {
	/* Begin properties of the scroll bar.  Edit for branding 
	scrollbar-face-color: #2F79C2; 
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #2F79C2;
	scrollbar-track-color: #CCCCCC;
	scrollbar-arrow-color: #FFFFFF;*/
	/* End scroll bar properties */
/*	background: #CCCCCC;
	border-color: #333333;*/
	border:none;
	}

/* Styles the color of the author attribution. */	
#Author {
	color:#000000;
	}	
	
#containerul li {

	}
/* Styles the first-generation links in the expandable/collapsible menus */	
a.healthyVisionMenu, a.healthyVisionMenu:visited {
	color: #FFFFFF;
	background-color:#2F79C2;
	border-color:#2F79C2;
	}
/* Styles second-generation and beyond elements in expandable/collapsible menus. */
#containerul li ul li a {
	color: #003366;
	}
#containerul li ul li a:hover {
	border-color:#666666;
	background: #F5F5F5;
	}
#containerul li ul li a:visited {
	color: #666666;
	}
	
/* Styles the border around the story images. */	
#contentPicture {
	/* background:#F5F5F5; */
	border-color:#003366; 
	}

/* Styles the See Also box. */
#seeAlso {
	background:#F5F5F5;
	border-color: #003366;
	}
.seeAlsoHeader {
	background:#003366;
	border-color: #2F79C2;
	color: #FFFFFF;
	}
	
.howItWorks {
	background:#003366;
	}

div.table {
	border:#003366 2px solid;
	padding:0;
	margin:5px 10px 5px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	color:#000000;		
	}

div.table div.header, div.header {
	display:block;
	background:#003366;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	padding:5px;
	margin:0px 0px 7px 0px;
	}

div.table table.ParaCE {
	border:none;
	padding:5px;
	}
	
div.table table.ParaCE td.left  {
	width:100px;
	}
	
div.table table.ParaCE td.right {
	width:400px;
	}

div.table td.spacer {
	background:#003366;
	height:2px;
	padding-bottom:4px;
	margin:0px;
	}

div.rightCallout, div.callout-210 {
	border-color:#003366;
	background:#F5F5F5;
	}

/* Ask the AOA elements */
div.Question {
	background:#2F79C2;
	border-color:#003366;
	color:#ffffff;
	}
	
div.Answer {
	background:#F5F5F5;
	border-color:#003366;
	color:#000000;
	}
	
div.Headshot {
	background:#666666;
	color:#FFFFFF;
	}
	
/* Font styles */

h1, .h1 {
	color:#660000;
	}

.h2 {
	color: #003366;
	}

h2.center, td.h2-center {
	background:#2F79C2;
	border:#003366 solid 2px;
	color:#FFFFFF;
	}

.center-2 {
	border-color:#003366/*2F79C2*/;
	background:#F5F5F5;
	color:#003366;
	}
	
.center-3 {
	border-bottom:2px solid #2F79C2;
	color:#2F79C2;
	display:block;
	padding:2px 10px;
	margin-right:50px;
	}
		
.centerTitle {
	background: #610000/*url(../Images/titleBG.gif)*/;
/*	border: #003366 solid 2px;*/
	}
	
/* Styles the color for the ancestor links above the title element */
.Ancestor, .Ancestor a {
	color:#003366;
	}

/*Styles the color for the child links under the title element. */
ul.Children, ul.Children li a, .bio {
	color:#003366;
	}

#Content li {line-height:1.5em;margin-bottom:10px}

ul.Children li {
	margin-bottom:0 !important;
	line-height:1em !important;
}
/* Defines the font color for a typical hyperlink. */
a {
	color:#2F79C2;
  }
#Content a:hover {
	border-color:#003366;
	}
	
.subpghead {
	color:#003366;
	}
	
ul.redMenu li a:visited, a.menu:visited {
	color: #666666;
	}
ul.Children li a:visited, a.bio:visited {
	color: #666666;
	}

tr.CalendarOdd {
	background:#99b8d7;
	}
	
tr.CalendarEven {
	background:#f5f5ff;
	}	
	
.PSCEElement, .PRElement {
	display:block;
	margin: 10px 10px 30px 10px;
	padding:10px;
	vertical-align:top;
	clear:both;
	font-size:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #1b64ad;
	}

.PSCEElement {
	border-top:#999999 solid 2px;
	border-bottom:#999999 solid 2px;
	}
	
.PRElement {
	border-top:0px;
	border-bottom:#999999 dashed 1px;
	}
	
.PSCEDownload {
	float:right;
	margin:-5px 5px 0px 30px;
	padding:0px;
	}

.PRElement .date {
	color:#999999;
	font-size:11px;
	margin:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
.PSCEElement .small, .PRElement .small {margin-left:0px;}

.smallHead {
	color:#003366;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	background:#F5F5F5;
	}
/* CMOS styles */

tr.rowNeutral {background:#ABA8A9; height:10px;}
td.arrow {background:#D0E7CD; text-align:center;}

td.step {background:#272626; width:75px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-align:center; color:#FFFFFF; padding:5px;}
td.trackApproval {background:#D0E7CD; width:125px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-align:center; color:#003366; padding:5px;}
td.trackNeutral {background:#ABA8A9; width:25px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-align:center; color:#FFFFFF; padding:5px;}
td.trackNotApproved {background:#EBD1D1; width:125px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-align:center; color:#003366; padding:5px;}

/* Transitionspage */
.expand p.nonav {width:400px;}