body { width:850px; margin:20px auto; background:#FFFEEE url(../layout/images/cream-fade-back.jpg) repeat-x; font:10px arial,verdana,helvetica,sans-serif; color:#4F4F4F; }
#container{
		width:850px;
		margin-left:auto;
		margin-right:auto;
	}


A:visited, A:link { color:#BF1E2D; text-decoration:none; }
A:hover, A:active { color:#0D0D0D; text-decoration:underline; }
h1 { font-weight: normal; font-size:18px; color:#414142; margin-top:12px; margin-bottom:8px; color:#000; }
.header1 { font-weight: normal; font-size:18px; color:#414142; margin-top:12px; margin-bottom:8px; color:#000; }
h2 { font-weight: normal; font-size:15px; color:#414142; margin-top:8px; margin-bottom:6px; color:#000; }
.header2 { font-weight: normal; font-size:15px; color:#414142; margin-top:8px; margin-bottom:6px; color:#000; }
h3 { font-weight: normal; font-size:13px;  margin-top:1px; margin-bottom:3px;  }
P, TD, TH, UL, L {  font-size:12px; line-height:20px; }

/* this places the large background photo for the home page and defines a region for the home page main navigation */
#home-header { width:850px; height:251px; position:relative; background:#FFF url(/layout/images/home-header.jpg) no-repeat; }

/* defines the position and rollover properties for the home page main navigation */
.home-main-navigation { width:825px; margin-right:12px; position:absolute; bottom:10px; font-size:15px; text-align:right; }
.home-main-navigation A:visited, .home-main-navigation A:link { padding:4px 12px; color:#616264; text-decoration:none; background-color:transparent; }
.home-main-navigation A:hover, .home-main-navigation A:active { padding:4px 12px; color:#FFFFFF; text-decoration:none; background-color:#BF1E2D; }

/* position and rollover properties for the home page sub navigation */
.home-sub-navigation { width:810px; margin-left:6px; margin-top:6px; padding-right:25px; padding-bottom:10px; padding-top: 3px; text-align:right; font-size:13px;}
.home-sub-navigation A:visited, .home-sub-navigation A:link { margin-left:14px; color:#616264; text-decoration:none; }
.home-sub-navigation A:hover, .home-sub-navigation A:active { margin-left:14px; color:#BF1E2D; text-decoration:underline; }

/* this places the drop shadow for the top photo on all other pages and defines a region for the main navigation */
#header { width:850px; height:160px; position:relative; background: url(/layout/images/shadow-back.jpg) no-repeat 420px 0px;}
/* positions the logo */
#header-logo { width:305px; height:144px; float:left; }
/* defigns a region for the top photo and main navigation */
#header-left { width:470px; height:148px; float:left; padding-top:7px; position:relative; left: 80px;}
/* positions the top photo over the drop shadow */
#header-image { padding-left:42px; }

/* position and rollover properties for the all other page's main navigation */
.main-navigation { width:458px; margin-right:20px; position:absolute; right: 0; bottom:16px; font-size:15px; text-align:right; }
.main-navigation A:visited, .main-navigation A:link { padding:4px 12px; color:#616264; text-decoration:none; background-color:transparent; }
.main-navigation A:hover, .main-navigation A:active { padding:4px 12px; color:#FFFFFF; text-decoration:none; background-color:#BF1E2D; }

/* these classes position the underline to mark the curret section the user is in, dynamically select the appropriate class for each page */
.families-section { width:458px; height:12px; position:absolute; bottom:0px; background:url(/layout/images/current-section-marker.jpg) no-repeat 66px 0px; }
.community-section { width:458px; height:12px; position:absolute; bottom:0px; background:url(/layout/images/current-section-marker.jpg) no-repeat 153px 0px; }
.educators-section { width:458px; height:12px; position:absolute; bottom:0px; background:url(/layout/images/current-section-marker.jpg) no-repeat 265px 0px; }
.training-section { width:458px; height:12px; position:absolute; bottom:0px; background:url(/layout/images/current-section-marker.jpg) no-repeat 375px 0px; }

/* position and rollover properties for the all other page's sub navigation */
.sub-navigation { width:819px; margin-left:6px; margin-top:0px; padding-right:25px; padding-top: 3px; padding-bottom:3px; text-align:right; font-size:13px; clear:both; background-color:#C2C2C2; }
.sub-navigation A:visited, .sub-navigation A:link { margin-left:14px; color:#FFF; text-decoration:none; }
.sub-navigation A:hover, .sub-navigation A:active { margin-left:14px; color:#BF1E2D; text-decoration:underline; }


/* defigns the properties not inherited from the body and link styles for the breadcrumb */
#breakcrumb { color:#C2C2C2; margin-bottom:0px; font-size:11px; line-height:14px; }

/* table properties */
.maintable { background-color:#FFF; margin-left:6px; }
/* properties for the links on the right column of the home page */
.priority-links { line-height:24px; font-size:11px; font-weight:bold;}
/* assigns the vertical dotted background as the dividers between columns */
.divider { background:url(/layout/images/vertical-dot-line.gif) repeat-y center; }
/* assigns the horizontal dotted background as the divider between the top and bottom coumns of the page */
.horizontal-divider { background:url(/layout/images/horizontal-dot-line.gif) repeat-x; }
/* table style for sub columns on 3 column layout */
.subcolumns { margin-top:12px; }
.subcolumn { background-color:#EAEAEA; padding:8px; line-height:15px;
margin-top:0px; margin-bottom:8px; font-size:11px; line-height:14px; 
}
/*  large font properties for the main content of a page */
.main-content { font-size:12px; line-height:20px; }

/* properties for a photo with the text wrapping to its right */
.inline-photo-left { float:left; margin-right:12px; margin-bottom:4px; }

/* properties for a photo with the text wrapping to its left */
.inline-photo-right { float:right; margin-left:12px; margin-bottom:4px; }

#footer { width:834px; margin-left:6px; padding:8px 5px; background-color:#FFF; }
#copyright { font-size:10px; color:#616264; }

.selectedanchor { /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
	background: yellow;
}
/* ######### Default class for drop down menus ######### */

.anylinkmenu {
	
	
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	border: 3px solid #BF1E2D;
	border-bottom-width: 3;
	font: normal 11px Verdana;
	line-height: 16px;
	z-index: 100; /* zIndex should be greater than that of shadow's below */
	background: #BF1E2D;
	width: 144px; /* default width for menu */
	
	
}
.anylinkmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.anylinkmenu ul li a {
	width: 135px;
	display: block;
	text-indent:0;
	padding: 4px;
	text-decoration: none;
	/* font-weight: bold; */
	color: #ffffff;
	font: normal 12px;
}
.anylinkmenu a:hover { /*hover background color*/
	background: #ffffff;
	color: #BF1E2D;
	width: 136px;
	}
/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkshadow { /*CSS for shadow. Keep this as is */
}


.fineprint {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	line-height: 15px;
}
.fineprint a:link {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #BF1E2D;
}
.fineprint a:active {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #0D0D0D;
}
.fineprint a:visited {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #BF1E2D;
}
.fineprint a:hover {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #0D0D0D;
}
.red {
	color : #FF0000;
}

.formtext {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
}

.label1 {
	background-color:#EAEAEA; padding:8px; line-height:15px; 
	font-weight: normal; font-size:13px; color:#414142; margin-top:8px; margin-bottom:6px; color:#000; 
}



.value1 {
	background-color:#EAEAEA;
	line-height:15px;
	font-weight: bold;
	font-size:12px;
	color:#414142;
	color:#000;
	padding: 8px;
	margin-top: 5px;
	margin-bottom: 5px;
}


.label2 {
	font-family :  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;;
	background-color:#99CC99;
	color: #000;
	font-size: 14px;
}

.value2 {
	font-family :  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;;
	background-color:#EEEEEE;
	color: #000;
	font-size: 13px;
}

.formbutton {
	color: #BF1E2D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFEEE;
	border: 3px double #999999;
	border-top-color: #999999;
	border-left-color: #999999;
	padding: 0.1em;
	margin-top: 5px;
	margin-bottom: 5px;
}

.formbutton2 {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #eeeeee;
	border: 3px double #999999;
	border-top-color: #999999;
	border-left-color: #999999;
	padding: 0.1em;
	margin-top: 5px;
	margin-bottom: 5px;
}

.activeRow{background-color:#eeeeee}
.NormalRow{background-color:#ffffff}


.gallery  {
	margin: 5px;
	padding: 4px;
}