/* CSS Document */

body {
	background-color:#DDD4B7;

	
}
/* page foundations */


/* HEADER */

#memberLogin {
	width: 86px;
	clear:both;
	padding-bottom:5px;
	margin-left:835px;
}

#breadCrumbs {
	width: 888px;
	height: 30px;
	margin: 10px 4px 8px 8px;
	padding-left:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#9A1A21;
	
}

#breadCrumbs a{
	color: #666666;
	text-decoration:none;
	
}

#breadCrumbs a:hover{
	color:#9A1A21;
	text-decoration:underline;
	
}


* html #breadCrumbs {
	margin: 10px 3px 0px 8px;
}

#tellFriend { /* "tell a friend" link at right of breadcrumbs. icon style is below. */
	float:right;
	width:125px;
	position:relative;
	margin-bottom:3px;	
	margin-top: -8px;
	}

#tellFriendText a{
	background-color:#9A1920;
	color: #f0f0f0;
	text-decoration:none
}

#tellFriendText a:hover{
	color:white;
	text-decoration:underline;
}

#tellFriendText {
	float:left;
	font-size:11px;
	font-weight: bold; 
	color:#9A1920;
	padding: 2px;
} 


/* End HEADER*/




/* MAIN LINKS */
a:link {
	color:#9A1920;
	text-decoration:underline;
		
}

a:hover {
	color:#888888;
	text-decoration:none;
	

}

a:active {
	color: #9A1920;
	text-decoration:underline;
	
	
}

a:visited {
	color:#9A1920;
	text-decoration:underline;
	cursor:pointer;

}

a:visited:hover {
	color:#888888;
	text-decoration:none;
	}
	
a img {
	border:none;
	}
/*End MAIN LINKS */



#wrapper {
	margin: auto;
	width:925px;
		
}

* #wrapper {
	margin: auto;
	width:925px;
		
}



#container_a {
	width:239px;
	margin:0px 3px 0px 0px;
	float:left;
	
}

#upperleft {
	background-color:#C9BFA5;
	width:224px;
	clear:both;
	padding-bottom: 0px;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 8px;
	margin:0px 0px 0px 0px;
	
	
}

* #upperleft {
	background-color:#C9BFA5;
	width:224px;
	clear:both;
	padding: 8px 8px 8px 8px;
	margin:0px 0px 0px 0px;
}

#lowerleft {
	/*background-color:#FFFFFF;*/
	width:239px;
	/*height:478px;*/
	
	margin:0px 0px 4px 0px;
	clear:both;

	
	
}


#container_b {
	width:674px;
	float:left;
	margin:0px 0px 4px 4px;
}

#content {
	width:640px;
	padding: 8px 13px 8px 10px;
	float:left;
	margin:6px 20px 8px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#content-home {
	width:675px;
	padding: 0px;
	float:left;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}




* html #content {
	/*height:;*/
	padding: 0px 8px 0px 8px;
}

#lowerright {
	/*background-color:#FFFFFF;*/
	width:183px;
	/*height:635px;*/
	float:right;
	margin: 0px 0px 4px 0px;
	padding: 8px 8px 8px 8px;
	
}

* html #lowerright {
	padding: 0px 8px 8px 8px;
}

.clearingdiv {
	clear:both;
}

#infiniteBackground {
	background-image:url(../images/shared/bkgd_3column.gif);
	margin-top:8px;
	background-repeat: repeat-y;
	width:925px;
}


/* for two-column  formats */
#infiniteBackgroundWide {
	background-image:url(../images/shared/bkgd_2column_specialwide.gif);
	margin-top:8px;
	background-repeat: repeat-y;
	width:925px;
}

#toppers {
	clear:both;
	width: 674px;
	height:6px;
	background-image:url(../images/shared/bkgd_columntopper.gif);
	background-repeat:no-repeat;

}

* html #toppers {
	height:0px;
}


#singleColumnTop {
	clear:both;
	width: 240px;
	height: 18px;
	background-image:url(../images/shared/bkgd_1columntopper.gif);
	background-repeat: no-repeat;
}

.subscribe {
	padding:8px 8px 16px 16px;
}

* html .subscribe {
	padding:8px 8px 16px 16px;
	margin-top:8px;
}

.subscriptioncopy {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:8px 0px 0px 0px;
}

.subscriptionHeading {
	clear:both;
}

.subscriptioncopy  img{
	padding:0px 8px 4px 0px;
}

.subscriptionButton {
	float:right;
	padding-top:8px;
}

.subhead_green {
	background-color:#B5B87D;
	width:194px;
	height:19px;
	vertical-align: middle;
	padding: 5px;
}

.subhead_black {
	color:#FFFFFF;
	background-color:#000000;
	width:440px;
	height:19px;
	margin-bottom:5px;
	padding: 5px;
	
}
.subhead_red {
	color:#FFFFFF;
	background-color:#9A1920;
	width:173px;
	height:19px;
	padding: 5px;
}



/* 	BODY - content formatting */


.printPage { /* holds "print page" link. goes on top of .subsection (outside)  also: see icon style declaration, below. */
	float:right;
	width:125px;
	clear:both;
	padding-bottom:10px;	
}

.printPage a{
	color:#9A1920;
	text-decoration:none
}

.printPage a:hover{
	color:#9A1920;
	text-decoration:underline;
}

.printPageText {
	float:left; 
} 


#content h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px; 
	color:#3B36430;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	display:inline;
}
#content h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px; 
	color:#5B564C;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	display:inline;
}

#content h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#000000;
	font-weight: bold;
	font-style:italic;
}

.section { /* holds one "article"/story/thing in the content area */
	border-top: 3px solid #B5B87D;
	clear:both;
	margin-top:2px;
	margin-bottom:20px;
	background:#fff;
}

.last {
	margin-bottom:15px;
	}

.section .subhead { /* title heading for an article */
	margin: 4px 0px 8px 0px;
	/* height:0.1%;
	color:#9A1920;
	font-size:14px; */
}

.subsection { /* holds the text and images of an article */
	float:left;
	clear:both;
	padding: 0px 0px 10px 0px;
}

.subsection li{
	margin-left:14px;
}

/*.subsection span {
	clear:both;
	}
* html .subsection span {
	padding-top:0px;
	} */


.spaced {  /* for ul and li  */
	margin-bottom: 6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
.spaced-bottom {  /* for ul and li  */
	margin-bottom: 26px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
	

/*.section img { keeps any images in an article flush left 
	float: right;
	padding: 0px 0px 5px 6px;
} */
.section .name { /* holds name of author underneith subsection */
	float:right;
	font-weight:bold;
	font-size:11px;
	text-align:right;
	padding-top:5px;
}

.additionalInfo { /* place for links associated with the article. found under and outside .subsection*/
	padding-bottom:10px;
	clear:both;
	float:left;
	width:200px;
}

.additionalInfo a{
	color:#9A1920;
	text-decoration:none;
	
}
 
.additionalInfo a:hover{
	color:#9A1920;
	text-decoration:underline;
	
}

* html .additionalInfo a{
	color:#9A1920;
	text-decoration:none;
	
}
 
* html .additionalInfo a:hover{
	color:#9A1920;
	text-decoration:underline;
	
}


.additionalText {
	
	float:left; 

}

.returnTop a {
	float: right;
	color: #9A1920;
	text-decoration: none;
	
}


/* all .icon... styles determine what little icon goes after a link - there are many to choose from. Credit: Tony's work on EC site */
.iconPrint {
	background-image:url(../images/shared/icons/printIcon.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	float:left;
	display:inline;
	height:16px;
	width:16px;
	padding-left:25px;
}
.iconTellFriend {
	background-image:url(../images/shared/icons/tellfriendIcon.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	float:left;
	display:inline;
	height:16px;
	width:16px;
	padding-left:10px;
}
/*  .iconPdf {  6-6-2010: This old style doesn't work as well as new style below. Can change others as well 
	background-image:url(../images/shared/icons/pdfIcon.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	float:left;
	display:inline;
	height:16px;
	width:16px;
	padding-left:25px;
}*/

.iconPdf {  /* This is the 'new' style */
	padding-left:25px;
	list-style-type:none;
	background: url(../images/shared/icons/pdfIcon.gif) 3px 5px no-repeat;
	padding:5px 5px 5px 30px;
	line-height:20px;
}

.iconDoc {
	background-image:url(../images/shared/icons/docIcon.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	float:left;
	display:inline;
	height:16px;
	width:16px;
	padding-left:25px;
}

.iconLinks{
	background-image:url(../images/shared/icons/linkIcon.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	float:left;
	display:inline;
	height:16px;
	width:16px;
	padding-left:25px;
}

.iconAvi{
	background-image:url(../images/shared/icons/aviIcon.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	float:left;
	display:inline;
	height:16px;
	width:16px;
	padding-left:25px;
}

.iconHtml{
	background-image:url(../images/shared/icons/htmlIcon.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	float:left;
	display:inline;
	height:16px;
	width:16px;
	padding-left:25px;
}

.iconCalender{
	background-image:url(../images/shared/icons/calendarIcon.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	float:left;
	display:inline;
	height:16px;
	width:16px;
	padding-left:25px;
}

.iconColors{
	background-image:url(../images/shared/icons/colorsIcon.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	float:left;
	display:inline;
	height:16px;
	width:16px;
	padding-left:25px;
}

.iconGeneric{
	background-image:url(../images/shared/icons/genericIcon.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	float:left;
	display:inline;
	height:16px;
	width:16px;
	padding-left:25px;
}

.iconInfo{
	background-image:url(../images/shared/icons/infoIcon.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	float:left;
	display:inline;
	height:16px;
	width:16px;
	padding-left:25px;
}

.iconPhoto{
	background-image:url(../images/shared/icons/photoIcon.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	float:left;
	display:inline;
	height:16px;
	width:16px;
	padding-left:25px;
}

.iconPpt{
	background-image:url(../images/shared/icons/pptIcon.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	float:left;
	display:inline;
	height:16px;
	width:16px;
	padding-left:25px;
}

.iconit{
	background-image:url(../images/shared/icons/sitIcon.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	float:left;
	display:inline;
	height:16px;
	width:16px;
	padding-left:25px;
}

.iconXls{
	background-image:url(../images/shared/icons/xlsIcon.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	float:left;
	display:inline;
	height:16px;
	width:16px;
	padding-left:25px;
}

.iconZip{
	background-image:url(../images/shared/icons/zipIcon.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	float:left;
	display:inline;
	height:16px;
	width:16px;
	padding-left:25px;
}

.gmap { /* keeps the google maps iteration centered */
	
	padding: 10px 45px 0px 45px;
	

}

.latestNews ul {
	list-style-image:url(../images/shared/bullet-redtriangle.png);
	
}

.latestNews a {
	color: #9A1920;
	text-decoration: none;
}


.latestNews a:hover {
	color: #9A1920;
	text-decoration: underline;
}


.last {
	margin-bottom:15px;
	}


/* End BODY content formatting */




/* Left Side Nav */
	


.sideNav {
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	padding:8px;
	
}

.sideNavList {
	padding: 0px;
	font-size:11px;
	
	
}
.sideNavBlurb {
	padding:0px 0px 7px 3px;


}
.sideNavSubLevel {
	padding-left:10px;

}

.sideNavSubBlurb {
	padding:0px 0px 2px 25px;
}


/* city page dropdown - */

#cities a{
	 width:115px;
	 height:21;
 	background: url(../images/shared/button_citypagedrop_nohover.gif) 0 0px no-repeat;
}
		
#citydrop { /*controls button's position on the page*/
	margin-top:12px;
	margin-left:30px;
}		
				
#citydrop ul {
	list-style-type:none;
	 margin: 0;
	 padding: 0;
}

#citydrop ul li { 
		display: inline;
		}

#citymenu {
			/*position: absolute; 
			top: -1px;
			left:-1px;
			 left:146px; */
			width: 93px;
			height: 21px;
			margin: 0;
			padding: 0;
			overflow:hidden;
			list-style: none;
			text-align:left;
			display:inline;
		}
		
#citymenu A {
			display: block;
			float: left;
			height: 0px !important;
			display:inline;
			height /**/:21px; /* IE 5/Win hack */ 
			padding: 21px 0 0 0;
			overflow: hidden;
		}

#citymenu A:hover {

			background-position: 0 -21px;
		}

#citymenu A:active {
			background-position: 0 -21px;
		}

#citymenu A.selected {
			background-position: 0 0px;
		}

#city_contact_head {
	margin-top:25px;
}

#city_contact_info {
	font-size:11px;
}
#city_contact_form {
	margin-top:-5px;
}
#city_contact_form input, #city_contact_form textarea {
	border: solid 1px #CCC;
	font-size:11px;
	width:180px;
}

/* photo caption - added June 3, 2008 */

.caption {
font-size:11px;
padding-left:5px;
}

/* photo caption - added June 20, 2008 */
.subsection #cse-search-results  {
padding-left:20px;
width:900px;
background-color:#fff;
}



		
/* Dig Deeper / Look Further section (far righ column) */

.features {
	background:#F2F2F2;
	margin: 8px 0px 4px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	padding: 8px;
}

.featureslink a {
	text-decoration:none;
	/*background-color:#DBDBDB;*/
	border:1px solid #9A1920;
	color: #333333;
	font-weight: bolder;
	font-size:10px;
	line-height:5px;
	
}


.featureslink a:hover {
	border:1px solid #999999;
	text-decoration:none;
	}

.featureslink a:visited {
	text-decoration:none;
	
}
.featureslink a:active {
	border:1px solid #9A1920;
	text-decoration:none;	
}




/* FOOTER */

#footer {
	background-color:#FFFFFF;
	width:904px;
	height:85px;
	clear:both;
	margin: 4px 0px 0px 0px;
	padding:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#footer a {
	color:#000000;
	text-decoration:underline;
}

#footer a:hover {
	color:#9A1920;
	text-decoration:underline;
}
	

hr {
	color:#B5B87D;
}

.innerblue {
	background:#F7FAFC;
	width:auto;
	height: 27px;
	text-align:center;
	vertical-align:middle;
	margin-bottom:15px;
	padding-top:12px;
}

.innerblue span {
	padding:0px 10px 0px 10px;
}

.contactinfo {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	/* float:left;  */
}

.parentprogram {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	float:right;
}

/* End FOOTER */