body {
	color: #333;
	font-size: 13px;
}

a:link, a:visited {
	color: #991111;
	text-decoration: none;
	font-style: oblique;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-family: Georgia, Times Roman, serif;
	font-size: 20px !important;
	font-weight: normal;
	font-style: oblique;
	color: #004797;
	margin-top: 25px !important;
	margin-bottom: 20px !important;
}

h4, .subheadline {
	font-family:Georgia,Times Roman,serif;
	font-weight: bold;
	font-size: 14px;
	padding: 5px 0 10px 0;
	margin:0;
}

h2,h3,h4,h5,h6 {
	font-weight: bold;
	font-weight: normal;
	font-family:Georgia,Times Roman,serif;
}

p {
	font-family: Georgia, Times Roman, serif;
	font-size: 14px;
	margin: 0px 35px 18px 0;
}

li {
	font-family: Georgia, Times Roman, serif;
	font-size: 14px;
}

table.calendar ul li {
margin-left:0px;
}

.content_image_box {
background:none;
border:0px solid #959595;

}

.content_image_box p {
padding:0px;
}

h5.form_title, div.form_row_submit {
background:#004797 none repeat scroll 0 0;
color:#fff;

}

/*=============================
STRUCTURE
==============================*/

.wrapper {
	background: #FFFFFF url(../graphics/layout/bg_body.jpg) top center repeat-x;
}

.top_section {
	height: 104px;
}

.masthead {
	background: url(../graphics/layout/spotlight.jpg) top left no-repeat;
}

.interior_masthead {
	z-index: 1;
	height: 384px;
}


.spotlight_area {
	height: 280px;
}

.spotlight {
	height: 280px;
}

.inner_spotlight {
	height: 265px;
}

.inner_spot_content {
	padding: 20px 0 0 0;
}


.content_area {
	background: url(../graphics/layout/bg_content.jpg) top center no-repeat;
}

.content_area_interior {
	background: url(../graphics/layout/bg_innercontent.jpg) top center no-repeat;
}

.footer {
	margin-top: 25px;
	background: url(../graphics/layout/bg_footer.jpg) bottom center repeat-x;
	height: 230px;
}


.footer_collage {
	background: url(../graphics/layout/footer_collage.jpg) bottom center repeat-x;
	color: #FFF;
	font-size: 10px;
	height: 230px;
}


.footer_interior {
	margin-top: 25px;
	background: url(../graphics/layout/bg_footer.jpg) bottom center repeat-x;
	height: 114px;
}

.footer_interior p {
	text-align: left;
	color: #474734;
	font-size: 14px;
	font-style: oblique;
	margin-top: 35px;
	font-family: Times New Roman, Times Roman, serif;
}

.sidebar {
	margin-left: 35px;
}


/*=============================
NAV - DROPDOWN - SUPERFISH
==============================*/
#menu {
	height: 35px;
}

/* all lists */
#menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav {
	width: 780px;
	height: 35px;
}

/* all list items */
#nav li {
	float: left;
	position: relative;
	margin: 0 0 0 1px;
}

#nav li.about {
	margin: 0;
}

/* all top level links */
#nav li a.top:link,
#nav li a.top:visited {
	display: block;
	float: left;
	/* width: 130px; =====  gives nav specifi width */ 
	height: 35px;
	padding: 0 10px;
	font-weight: bold;
	font-size: 14px;
	line-height: 35px;
	text-decoration: none;
	color: #004797;
	font-family: Georgia, serif;
}

/* This hover effect is placed on the list item rather than the link
so as to the keep effect intact as the user mouses over the submenus */
#nav li:hover a.top:link,
#nav li:hover a.top:visited,
#nav li.sfhover a.top:link,
#nav li.sfhover a.top:visited {
	background: #e2e36a;
}

/* This triggers the dropdown effect. */
#nav li:hover ul,
#nav li.sfhover ul {
	left: 0;
}

/* second-level lists */
#nav li ul {
	left: -9999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	position: absolute;
	z-index: 100;
	top: 35px;
	width: 150px;
	margin: 0;
	background-color: #e2e36a;
	padding: 5px 0 0;
	font-size: 11px;
	line-height: 14px;
}

#nav li ul li {
	float: none;
	border-bottom: 1px solid #fff;
	margin: 0;
}

#nav li ul li:hover,
#nav li ul li.sfhover {
	background-color: #e2e36a;
}
	
#nav li ul a:link,
#nav li ul a:visited {
	line-height: 30px;
	display: block;
	width: 130px;
	color: #004797;
	text-decoration: none;
	padding: 5px 10px;
}
	
#nav li ul a:hover,
#nav li ul a:active {
	line-height: 30px;
	color: #004797;
	background-color: #ebec6e;
	border: 0;
}

/* third-and-above-level lists */
#nav li ul ul {
	margin: -1em 0 0 150px;
}

#nav li:hover ul ul,
#nav li.sfhover ul ul {
	top: 0;
	left: -9999em;
	padding: 0;
	background-color: #ebec6e;
}

/* Keepts lists nested under hovered list items hidden until their parent item is moused over */
#nav li li:hover ul,
#nav li li.sfhover ul {
	left: 0;
	margin: 0 0 0 150px;
}


/*=============================
SUB - NAVIGATION
==============================*/

.arrowlistmenu{
width: 230px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: oblique 21px Georgia;
color: #004797;
background: url(../graphics/layout/icon_arrow.jpg) no-repeat right;
border-bottom: 1px solid #E6F4FB;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
padding: 4px 0 4px 0px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background: url(../graphics/layout/icon_arrow_on.jpg) no-repeat right;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
font: oblique 17px Georgia;
color: #3d89df;
background: url(../graphics/layout/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 8px 0;
padding-left: 8px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #f2f2f2;
}

.arrowlistmenu ul li a:visited{
color: #505f68;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #384349;
background-color: #F3F3F3;
}



/*=============================
NEWS SECTION
==============================*/

#news {
	font-family: Georgia;
	font-size: 13px;
	width: 300px;
	margin-left: 40px;
}

#news ul li {
	list-style-type: none;
}

#news li {
	list-style-type: none;
	margin-left: 0;
	line-height: 20px;
	border-bottom: 1px solid #e6f4fb;
	padding: 8px 0;
}

#news li.first {
	border-top: 1px solid #e6f4fb;
}

#text_right {
	text-align: right;
	margin-right: 40px;
}

#news a:link {
	color: #294170;
}

.grid_5 ul, .grid_5 ol {
	padding:0px 10px 0px 25px;
}

.grid_5 .news_articles ul, .grid_5 .news_archives {
	padding-left:15px;
	padding-right:10px;
	font-family:Georgia,Times Roman,serif;
}

.grid_5 .news_articles ul li {
	list-style:none;
}

.grid_5 .news_archives {
	font-weight:bold;
	text-align:right;
}
		
#news td:first-child {
	display:none;
}

/*=============================
ASTHETICS
==============================*/

.logo {
	background:  url(../graphics/layout/logo.gif) top left no-repeat;
	height: 104px;
}

.established {
	background:  url(../graphics/layout/established.jpg) center no-repeat;
	background-position: 30px 53px;
	height: 100px;
}


.name {
	font-family: Arial, Helvetica, serif;
	font-size: 12px;
}


.align_right {
	float: right;
	margin: 8px 0 18px 8px;
	border: 1px solid #CCC;
}

.align_left {
	float: left;
	margin: 8px 18px 8px 0;
	border: 1px solid #CCC;
}


/*============================
INTERIOR TITLES
=============================*/


h1.nutrition_tips {
	text-indent: -9999px;
	background:  url(../graphics/layout/nutrition.gif) top left no-repeat;
	height: 43px;
	width: 323px;
	margin-left: 40px;
	margin-top: 20px;
}

h1.about {
	text-indent: -9999px;
	background:  url(../graphics/layout/title_about.gif) top left no-repeat;
	height: 43px;
	width: 230px;
	margin-top: 20px;
}

h1.programs {
	text-indent: -9999px;
	background:  url(../graphics/layout/nutrition.gif) top left no-repeat;
	height: 43px;
	width: 230px;
	margin-top: 20px;
}


h1.support {
	text-indent: -9999px;
	background:  url(../graphics/layout/support.gif) top left no-repeat;
	height: 43px;
	width: 230px;
	margin-top: 20px;
}

h1.newsevents {
	text-indent: -9999px;
	background:  url(../graphics/layout/title_newsevents.gif) top left no-repeat;
	height: 43px;
	width: 230px;
	margin-top: 20px;
}

h1.resources {
	text-indent: -9999px;
	background:  url(../graphics/layout/title_resources.gif) top left no-repeat;
	height: 43px;
	width: 230px;
	margin-top: 20px;
}

h1.section_nav_header {
	text-indent: -9999px;
	height: 43px;
	width: 230px;
	margin-top: 20px;
}



/*============================
FORM STYLING
============================*/

.header {
	background: url(../graphics/layout/form_corners_bottom.gif) top right no-repeat;
	margin-right: 40px;
}


.header form {
	text-align: right;
	float: right;
	margin-right: 6px;
	padding-left: 15px;
	width: auto;
	height: 35px;
	line-height: 10px;
	background: url(../graphics/layout/form_corners_left.gif) top left no-repeat;
}

.header form select {
	margin: 6px 16px 0 16px;
}

.header form a, .header form a:visited {
	color: #004797;
	font-family: Georgia, Times Roman, serif;
	font-size: 11px;
	font-style: oblique;
}


.contact_home {
	margin-left: 40px;
}