/*------------------------------------------------------------------------
STRUCTURE
------------------------------------------------------------------------*/

html {
	background:#80A1C0 url(../_images/bg_gradient.jpg) repeat-x 0 0;
}

body {
	margin:0 0 0 0;padding:0;

}

#wrapper {
	background:#fff url(../_images/bg_wrapper.gif) repeat-y 0 0;
	width:937px;
	margin:0 auto 0 auto;
	padding:0 14px 0 14px;
	position:relative;
}

#top_row { /*BRANDING, IMAGE and UTILITY NAVIGATION */
	height:210px !important;
	margin:0;padding:0;
}

	#branding {
		width:685px;
		height:210px !important;
		margin:0;padding:0;
		float:left;
	}

#two_thirds { 
	width:644px;height:100%;
	padding:0;
	float:right;
	margin-top:-54px;
	margin-bottom:0;
}

	#column_center { /* lives in two_thirds div */
		float:left;
		width:390px;
		background:#fff;
		margin:0;
		padding:0px 0 15px 0;
	}
	
	.two_column_layout #column_center {
		width:644px;
	}
	
	#column_right { /* lives in two_thirds div on 3 column layout */
		float:right;
		width:240px;
		margin:4px 0 4px 0;
	}
	
	.audience_story { /*3 col layout for audience homepages*/
		background:url(../_images/bg_dash_blue.gif) repeat-x bottom left;
		padding:0 0 14px 0;margin:0 0 25px 0;
	}
	
	.audience_story .audience_story_image_with_button {
		float:right;
		width:125px !important;
		height:300px;
		margin:0 0 5px 15px;

	}

#one_third { /* LEFT COLUMN */
	float:left;
	width:280px;
}

.box { /*one column item box*/
	width:100%;
	margin-top:14px;
	padding:0;
}

	.box_title {
		background:#C1D3E7; /*#E8F0F6*/
		margin:0;padding:8px 14px 2px 14px;
	}
	
	.box_content {
		background:#BACDE1  url(../_images/bg_dash.gif) repeat-x 0 0;
		margin:0;padding:8px 14px 8px 14px;
	}
	
	.box_bottom {
		background:#9EB6CF url(../_images/bg_dash.gif) repeat-x 0 0;
		margin:0;padding:8px 14px 3px 14px;
	}
	
.spotlight { /*SPOTLIGHT STYLING for one column item box - homepage, audience homepages*/
	margin-top:0px !important;
}
	
	.spotlight .box_content, .forms .box_content {
		padding:0 !important;
	}

	.spotlight_item {
		display:block;
		height:85px;
		line-height:1.2em;
		padding:10px 5px 5px 12px;
		background:url(../_images/bg_dash.gif) repeat-x bottom left;
	}

/* BOX  & SPOTLIGHT STYLING FOR MAIN/CENTER CONTENT AREA - Calendar, press, newsletter, etc */
#column_center .box_content {
	background:#fff url(../_images/bg_dash_blue.gif) repeat-x 14px 0px;
	padding:0;
	margin:15px 14px 25px 14px;
}

	#column_center .spotlight_item {
		display:block;
		height:100%;
		line-height:1.2em;
		padding:10px 8px 10px 12px;
		background:url(../_images/bg_dash_blue.gif) repeat-x bottom left;
	}

/* BOX  & SPOTLIGHT STYLING FOR FORMS */

.forms .spotlight_item {
		display:block;
		height:100%;
		line-height:1.2em;
		padding:10px 8px 10px 12px;
		background:url(../_images/bg_dash.gif) repeat-x bottom left;
	}

/* FOOTER STYLING */
#footer { 
	clear:both;
	background:url(../_images/bg_nav.png) repeat-x 0 0;
	height:45px;
	margin:0;padding:0;
}

/*------------------------------------------------------------------------
NAVIGATION
------------------------------------------------------------------------*/

#navigation {
	background:url(../_images/bg_nav.png) repeat-x 0 0;
	margin-bottom:14px;
	height:85px;
	width:937px;
}

	#navigation ul li a:link, #navigation ul li a:visited, #navigation ul li a:hover {
		font-size:1.4em;
		text-decoration:none;
		color:#023b6b;
	}

/* AUDIENCE NAVIGATION */

	ul#nav_audience { 
		width:280px;
		height:85px;
		margin:0;padding:0;
		list-style-type:none;
	}
	
	ul#nav_audience li {
		float:left;
		width:90px;
		height:85px;
		margin-right:5px;
	}
	
	ul#nav_audience li.students { /* STUDENT BUTTON STYLING */
		background:#DE001F;
	}
	
	ul#nav_audience li.students a:link, ul#nav_audience li.students a:visited {
		color:#fff;
	}
	
	ul#nav_audience li.students a:hover {
		color:#fff;
		background:#B60007;
	}
		
	ul#nav_audience li.families { /* FAMILY BUTTON STYLING */
		background:#FB8A47;
	}
	
	ul#nav_audience li.families a:hover {
		background:#E76330;
	}
	
	ul#nav_audience li.donors { /* DONOR BUTTON STYLING */
		background:#CEDB9F;
		margin-right:0 !important;
	}
	
	ul#nav_audience li.donors a:hover {
		background:#B4C78C;
	}
	
	ul#nav_audience li a:link, ul#nav_audience li a:visited {
		display:block;
		width:82px;
		height:77px;
		padding:8px 0 0 8px;
	}

/* PRIMARY NAVIGATION */

ul#nav_primary {
	float:right;
	list-style-type:none;
	margin:0;padding:8px 0 0 0;
	width:640px;
	height:37px;
}

	ul#nav_primary li {
		float:left;
	}
	
	ul#nav_primary li a:link, ul#nav_primary li a:visited {
		display:block;
		height:37px;
		margin:0 40px 0 0;
	}
	
	ul#nav_primary li a:hover {
		background:url(../_images/btn_primaryOver.png) no-repeat bottom left;
	}


/* SECONDARY NAVIGATION */

ul#nav_secondary {
	width:280px;
	margin:0 0 14px 0;padding:0;
	list-style-type:none;
	background:#B6CBE0 url(../_images/bg_nav_utility.jpg) repeat-x 0px 30px;
}

	ul#nav_secondary li {
		background:url(../_images/bg_dash.gif) repeat-x 0 0;
		
	}
	
	ul#nav_secondary li.section_title { /* SECTION TITLE */
		background:#C1D3E7 !important;
		height:34px !important;
	}
	
		li.section_title a:link, li.section_title a:visited {
			font-family:georgia,times,serif;
			font-size:1.8em !important;
			color:#09459A !important;
			text-decoration:none;
		}
		
		ul#nav_secondary li a {/* 2NDARY NAV LINK STYLING */
			display:block;
			height:21px;
			padding:9px 5px 0 20px;
		}
		
		ul#nav_secondary li a:link, ul#nav_secondary li a:visited {
			color:#062B58;
			font-size:1.1em;
		}
		
		ul#nav_secondary li a:hover {
			text-decoration:none;
			background:url(../_images/btn_secondaryOver.png) no-repeat bottom right;
		}


/* TERTIARY NAVIGATION */

ul#nav_tertiary {
	margin:0 14px 14px 14px;padding:0;
}

	ul#nav_tertiary li {
		list-style-image:none !important;
		display:inline;
	}
	
	ul#nav_tertiary li a {
		display:block;
		float:left;
		padding:5px 7px 5px 7px;
		margin:0 3px 3px 0;
		white-space:nowrap;
		font-weight:normal !important;
	}
	
	ul#nav_tertiary li a:link, ul#nav_tertiary li a:visited {
		background:#D0E1F2;
		color:#45688B !important;
	}
	
	ul#nav_tertiary li a:hover {
		background:#6C8FB3;
		color:#fff !important;
		text-decoration:none !important;
	}


/* UTILITY NAVIGATION */

#nav_utility {
	float:right;
	width:240px;height:201px;
	margin:4px 0 4px 0;
	background:#B6CBE0 url(../_images/bg_nav_utility.png) repeat-x 0px 58px;
}
	
	#nav_utility ul {
		list-style-type:none;
		margin:0;padding:0;
	}
	
	#nav_utility ul li {
		background:url(../_images/bg_dash.gif) repeat-x 0 0;
	}
	
	#nav_utility ul li a:link, #nav_utility ul li a:visited {
		display:block;
		width:210px;height:23px;
		padding:6px 15px 0 15px;
		text-decoration:none;
		font-size:1.2em;
		color:#023b6b;
	}
	
	#nav_utility ul li a:hover {
		background:url(../_images/btn_utilityOver.png) no-repeat 0 0;
	}
	
	#nav_utility ul li.btn_donate {
		background:#C2CD9A;
		font-weight:bold;
	}
	
	#nav_utility ul li.btn_login {
		background:#6C8FB3;
		font-weight:bold;
	}
	
		#nav_utility ul li.btn_donate a:link, #nav_utility ul li.btn_donate a:visited, #nav_utility ul li.btn_donate a:hover, #nav_utility ul li.btn_login a:link, #nav_utility ul li.btn_login a:visited, #nav_utility ul li.btn_login a:hover {
			color:#fff;
		}

/* BREADCRUMB NAVIGATION */

#nav_breadcrumb {
	color:#005dab !important;
	font-size:10px !important;
	margin:28px 14px 10px 0px;
}

#nav_breadcrumb a:link, #nav_breadcrumb a:visited {
	color:#005dab !important;
	font-size:10px !important;
	font-weight:normal !important;
}


/*------------------------------------------------------------------------
LINK STYLING
------------------------------------------------------------------------*/

/* AUDIENCE COLOR BOX BUTTON */

a.btn_box {  
	width:109px;
	padding:14px 8px 14px 8px;
	float:right;
	margin:0 0 5px 8px;
}

	.audience_story_image_with_button a.btn_box { /* audience homepages color button box styling*/
		margin:0 0 5px 0;
	}


/* BUTTON TOP FAQ PAGE*/
a.btn_top {
	display:block;
	width:20px;
	padding:5px 7px 5px 7px;
	margin:15px 0 15px 14px;
}

a.btn_top:link, a.btn_top:visited {
	background:#D0E1F2;
	color:#45688B !important;
}

a.btn_top:hover {
	background:#6C8FB3;
	color:#fff !important;
	text-decoration:none !important;
}

/*------------------------------------------------------------------------
IMAGE STYLING
------------------------------------------------------------------------*/

img {
 border:none !important;
}

img#logo {
	float:left;
	margin:0 14px 0 0;
}

#column_center img {
	margin-left:14px;
}

.img_right {
	float:right;
	margin:0 0 14px 14px;
}

.img_left {
	float:left;
	margin:0 14px 14px 0;
}

.audience_story_image_with_button img { /* AUDIENCE HOMEPAGES IMAGE STYLING*/
	margin:0 0 5px 0 !important;
	float:left;
}

/*------------------------------------------------------------------------
IMAGE GALLERY STYLING
------------------------------------------------------------------------*/

#image_gallery {
	clear:both;
	background:url(../_images/bg_dash_blue.gif) repeat-x 0px 0px;
	margin-left:14px;
	padding:10px 0 0 0;
}

#image_gallery h2 {
	margin-left:0 !important;
}


/*------------------------------------------------------------------------
FORM, CONSTANT CONTACT, GOOGLE TRANSLATE STYLING
------------------------------------------------------------------------*/

form#sign-up {
	margin-top:10px;
}

.constant_contact_link {
	width:215px;
	margin:8px 0 0 -12px;
	padding:3px 3px 3px 14px;
	background:#fff;
}

#google_translate_element {
	margin:15px 0 20px 14px;
	padding:15px 0 0 0;
	background:url(../_images/bg_dash_blue.gif) repeat-x 0px 0px;
}

/*------------------------------------------------------------------------
FORM STYLING - login page
------------------------------------------------------------------------*/

fieldset {
	border:none;
	margin:15px 0 15px 0;
}

label {
	width:150px;
	display:block;
	float:left;
	text-align:right;
	padding:0 0px 0 0;
	margin-right:10px;
	font-size:12px;
}