/*
	STRUCTURE
	
	- Defaults
		- Document
		- Typography
		- Images
		- Generic
	- Header
		- Brand
		- Navigation
		- Search
		- Current User Breadcrumb
	- Body
		- Columns
			- Left
			- Right
		- Containers
			- Statistics
			- Sub-Navigation
			- Featured
				- Featured With Options
				- Heroes
				- Charities
				- Events
				- Schools
			- Heroes
			- Charitites
			- Schools
	- Footer
	
*/

/* ---------- Defaults ---------- */

	/* ---------- Document ---------- */

	html, body {
		margin: 0;
		padding: 0;
		border: 0;
	}
	
	html {
		background: #0096d8;
	}

	body {
		font: 100.01%/1.4 'Helvetica', 'Arial', sans-serif; /* Use relative fonts for easier resizing */
		color: #000;
	}

	/* ---------- Typography ---------- */

	a {
		text-decoration: underline;
		color: #008ddb;
	}

	a:hover, a:active, a:focus {
		background: #008ddb;
		text-decoration: none;
		color: #fff;
	}

	h1, h2, h3, h4, h5, h6 {
		margin: 0 0 0.5em 0;
		font-weight: normal;
	}

	h1 {
		font-size: 2em;
	}

	h2 {
		font-size: 1.6em;
	}

	h3 {
		font-size: 1.3em;
	}
	
	p {
		margin: 0;
		padding-bottom: 1em;
	}
	
	small, .small {
		font-size: 0.875em;
	}
	
	.normal {
		font-size: 1em;
	}
	
	big, .big, .large {
		font-size: 1.5em;
	}
	
	.hilite {
	  font-size:.9em;
	  background-color:#ffe;
	  border:1px solid #cc9;
	  padding:10px 10px 6px;
	}

	/* ---------- Images ---------- */
		
	img, a img { /* Negate default background colour appearing on :hover, :active and :focus pseduoelements */
		background: none;
	}
		
	img, a img {
		border: 5px solid #dfdfdf;
	}
	
	a:hover img {
		border-color: #008ddb;
		background: none;
	}
		
	/* ---------- Generic ---------- */

	div.page_container {
		width: 80em;
		max-width: 95%;
		min-width: 960px;
		margin: 0 auto;
		font-size: 0.95em;
	}

/* ---------- Header ---------- */

div#header {
	padding-top: 80px;
	background: #7fcbec url('/main_site/images/layout/header_background.png') center top repeat-x;
}

div#header div.page_container {
	position: relative;
}

div#header div.corner_left_top {
	background-image: url('/main_site/images/layout/header_corner_left_top.png');
}

div#header div.corner_right_top {
	background-image: url('/main_site/images/layout/header_corner_right_top.png');
}

	/* ---------- Brand ---------- */
	
	div#brand a {
		position: absolute;
		left: 8px;
		top: -59px;
		display: block;
		width: 126px;
		height: 126px;
		background: url('/main_site/images/layout/logo_alpha_transparent.png') center center no-repeat;
		z-index: 1;
	}

	/* ---------- Navigation ---------- */
		
	div#navigation {
		position: relative;
		float: left;
		padding: 0 20px 0 135px;
		background: #008ddb;
		z-index: 0;
	}
	
	div#navigation ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	div#navigation ul li {
		float: left;
	}
	
	div#navigation ul li a, div#navigation ul li span {
		padding: 0.65em 0.75em;
		display: block;
	}
	
	div#navigation ul li a {
		background: #008ddb;
		text-decoration: none;
		color: #fff;
	}
	
	div#navigation ul li span {
		background: #fff;
		font-weight: bold;
	}
	
	div#navigation ul li a:hover, div#navigation ul li a:active, div#navigation ul li a:focus {
		background: #0076b7;
	}
	
	/* ---------- Search ---------- */
	
	div#search {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 27%;
		margin: 0;
		padding: 0.4em 0 0.45em 0;
		background: #008ddb;
	}
	
	/* ---------- Current User Breadcrumb ---------- */
	
	div#current_user_breadcrumb {
		position: absolute;
		right: 0;
		top: -70px;
		color: #fff;
	}
	
	div#current_user_breadcrumb p {
		text-align: right;
	}
	
	div#current_user_breadcrumb a {
		color: #fff;
	}
	
	div#current_user_breadcrumb a:hover, div#current_user_breadcrumb a:active, div#current_user_breadcrumb a:focus {
		background: #000;
	}
	
/* ---------- Body ---------- */

div#body {
	padding: 1.5em 0 0.5em 0;
	background: #fff;
}

	/* ---------- Columns ---------- */	
	
		div#column_left {
			float: left;
			width: 70%;
		}
		
		div#column_right {
			float: right;
			width: 27%;
		}
		
		div.twin_left_column {
			float: left;
			width: 48%;
		}
		
		div.twin_right_column {
			float: right;
			width: 48%;
		}
	
	/* ---------- Containers ---------- */
		
		/* ---------- Statistics ---------- */
	
		div.statistics ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
	
		div.statistics ul li.funds span {
			display: block;
			font-size: 1.8em;
			font-weight: bold;
		}
	
		span.heroes {
			color: #008ddb;
		}
	
		span.events {
			color: #90B356;
		}
	
		span.charities {
			color: #662D91;
		}
	
		/* ---------- Sub-Navigation ---------- */
	
		div#sub_navigation ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
	
		div#sub_navigation ul li a {
			display: block;
			padding: 0.5em;
			background: #00649c;
			font-weight: bold;
			text-decoration: none;
			color: #fff;
		}
	
		div#sub_navigation ul li ul li a {
			margin: 0 0 0 2em;
			padding: 0.25em 0.5em;
			background: #008ddb;
			font-size: 1em;
			font-weight: normal;
		}
	
		/* ---------- Featured ---------- */
		
		/* Styling same as default featured from common.css */
				
			/* ---------- Featured With Options ---------- */
						
			div.featured_with_options {
				margin-bottom: 2em;
				padding: 0; /* Negate default container padding from common.css */
			}
		
			div.featured_with_options div.option {
				padding: 1em 1em 1em 300px;
			}
		
			div.featured_with_options div.option h2 {
				font-size: 2em; /* Identical to H1 to preserve asthetics */
			}
		
			div.featured_with_options div.hero {
				background: url("/main_site/images/icons/option_hero.png") left top no-repeat;
			}
			
			div.featured_with_options div.love_heart {
				background: url("/main_site/images/icons/option_love_heart.png") left top no-repeat;
			}
			
			div.featured_with_options div.pound {
				background: url("/main_site/images/icons/option_pound.png") left top no-repeat;
			}
			
			div.featured_with_options div.calendar {
				background: url("/main_site/images/icons/option_calendar.png") left top no-repeat;
			}
			
			div.featured_with_options div.gift_card {
				background: url("/main_site/images/icons/option_gift_card.png") left top no-repeat;
			}
		
			div.featured_with_options div.heroix {
				background: url("/main_site/images/icons/option_heroix.png") left top no-repeat;
			}
			
			div.featured_with_options div.mail {
				background: url("/main_site/images/icons/option_mail.png") left top no-repeat;
			}
			
			div.featured_with_options div.edh {
				background: url("/main_site/images/icons/option_edh.png") left top no-repeat;
			}
		
			div.featured_with_options a.button,
			div.container a.button,
			div.featured_with_options a.button_inline {
				display: block;
				width: 12em;
				max-width: 95%;
				margin: 0.5em auto;
				padding: 0.5em;
				border: 1px solid #888;
				background: #ebebeb url("/main_site/images/layout/option_button_base.png") center top repeat-x;
				font-size: 1.3em;
				font-weight: bold;
				text-align: center;
				text-decoration: none;
				color: #008ddb;
			}
			
			/* Best used with padding in parent element */
			div.featured_with_options a.button_inline {
			  display: inline;
			  padding: 0.65em 1em;
			}
		
			div.featured_with_options a.button:hover, div.featured_with_options a.button:active, div.featured_with_options a.button:focus, div.featured_with_options a.button_inline:hover, div.featured_with_options a.button_inline:active, div.featured_with_options a.button_inline:focus {
				background: #fff;
			}
		
			div.featured_with_options ul {
				margin: 0;
				padding: 0;
				list-style-type: none;
			}
		
			div.featured_with_options ul li {
				float: left;
				width: 25%;
				text-align: right;
			}
		
			div.featured_with_options ul li a {
				display: block;
				border-right: 1px solid #1986B7;
				background: url("/main_site/images/layout/featured_with_options_options_base.png");
				text-decoration: none;
			}
		
			div.featured_with_options ul li.last a {
				border-right: none;
			}
		
			div.featured_with_options ul li a:hover, div.featured_with_options ul li a:active, div.featured_with_options ul li a:focus {
				background: url("/main_site/images/layout/featured_with_options_options_base_hover.png");
			}
		
			div.featured_with_options ul li a.active {
				border-left: 1px solid #84cdee;
				background-image: none;
				background-color: #37ace1;
			}
		
			div.featured_with_options ul li.first a.active {
				border-left: none;
			}
		
			div.featured_with_options ul li a:focus,
			div.featured_with_options ul li a.active:focus {
				outline: 0;
			}
			
			div.featured_with_options ul li a.active:hover {
				background-image: none;
				background-color: #37ace1;
			}
		
			div.featured_with_options ul li a span.icon {
				display: block;
				min-height: 42px;
				padding: 0.5em 10px 0.5em 0;
			}
		
			div.featured_with_options ul li.hero span.icon {
				background: url("/main_site/images/icons/tab_hero.png") 10px center no-repeat;
			}
			
			div.featured_with_options ul li.love_heart span.icon {
				background: url("/main_site/images/icons/tab_love_heart.png") 10px center no-repeat;
			}
			
			div.featured_with_options ul li.pound span.icon {
				background: url("/main_site/images/icons/tab_pound.png") 10px center no-repeat;
			}
			
			div.featured_with_options ul li.calendar span.icon {
				background: url("/main_site/images/icons/tab_calendar.png") 10px center no-repeat;
			}
		
			div.featured_with_options ul li.gift_card span.icon {
				background: url("/main_site/images/icons/tab_gift_card.png") 10px center no-repeat;
			}
			
			div.featured_with_options ul li.heroix span.icon {
				background: url("/main_site/images/icons/tab_heroix.png") 10px center no-repeat;
			}
			
			div.featured_with_options ul li.mail span.icon {
				background: url("/main_site/images/icons/tab_mail.png") 10px center no-repeat;
			}
			
			div.featured_with_options ul li.edh span.icon {
				background: url("/main_site/images/icons/tab_edh.png") 10px center no-repeat;
			}
					
			div.featured_with_options div.corner_left_bottom {
				background-image: url("/main_site/images/layout/feature_with_options_corner_left_bottom.png");
			}
		
			div.featured_with_options div.corner_right_bottom {
				background-image: url("/main_site/images/layout/feature_with_options_corner_right_bottom.png");
			}
			
			/* ---------- Charities ---------- */
			
			div.featured_charities {
				background-color: #8c61ad;
				background-image: url("/main_site/images/layout/featured_charities_background.png");
			}

			div.featured_charities div.corner_left_top {
				background-image: url('/main_site/images/layout/featured_charities_corner_left_top.png');
			}

			div.featured_charities div.corner_right_top {
				background-image: url('/main_site/images/layout/featured_charities_corner_right_top.png');
			}

			div.featured_charities div.corner_left_bottom {
				background-image: url('/main_site/images/layout/featured_charities_corner_left_bottom.png');
			}

			div.featured_charities div.corner_right_bottom {
				background-image: url('/main_site/images/layout/featured_charities_corner_right_bottom.png');
			}

			/* ---------- Events ---------- */

			div.featured_events {
				background-color: #91c240;
				background-image: url("/main_site/images/layout/featured_events_background.png");
			}

			div.featured_events div.corner_left_top {
				background-image: url('/main_site/images/layout/featured_events_corner_left_top.png');
			}

			div.featured_events div.corner_right_top {
				background-image: url('/main_site/images/layout/featured_events_corner_right_top.png');
			}

			div.featured_events div.corner_left_bottom {
				background-image: url('/main_site/images/layout/featured_events_corner_left_bottom.png');
			}

			div.featured_events div.corner_right_bottom {
				background-image: url('/main_site/images/layout/featured_events_corner_right_bottom.png');
			}
			
			/* ---------- Schools ---------- */

			div.featured_schools {
				background-color: #9d9d9d;
				background-image: url("/main_site/images/layout/featured_schools_background.png");
			}

			div.featured_schools div.corner_left_top {
				background-image: url('/main_site/images/layout/featured_schools_corner_left_top.png');
			}

			div.featured_schools div.corner_right_top {
				background-image: url('/main_site/images/layout/featured_schools_corner_right_top.png');
			}

			div.featured_schools div.corner_left_bottom {
				background-image: url('/main_site/images/layout/featured_schools_corner_left_bottom.png');
			}

			div.featured_schools div.corner_right_bottom {
				background-image: url('/main_site/images/layout/featured_schools_corner_right_bottom.png');
			}
	
		/* ---------- Heroes ---------- */
		
			/* Styling same as default container from common.css */
			
				/* List Heroes */
			
				div.heroes ul.list_heroes {
					margin: 0;
					padding: 0;
					list-style-type: none;
				}
			
				div.heroes ul.list_heroes li {
					float: left;
					width: 30%;
					margin: 0 3% 0 0;
				}
			
				div.heroes ul.list_heroes li h3 {
					font-size: 1em;
					font-weight: bold;
				}
			
				div.heroes ul.list_heroes li a img {
					float: left;
					margin-right: 10px;
				}
						
		/* ---------- Events ---------- */
			
		div.events {
			background-image: url('/main_site/images/layout/events_background.png');
		}
	
		div.events h1, div.events h2, div.events h3 {
			color: #90b356;
		}
	
		div.events a {
			color: #90b356;
		}
	
		div.events a:hover, div.events a:active, div.events a:focus {
			background: #90b356;
			color: #fff;
		}
	
		div.events div.corner_left_top {
			background-image: url('/main_site/images/layout/events_corner_left_top.png');
		}
	
		div.events div.corner_right_top {
			background-image: url('/main_site/images/layout/events_corner_right_top.png');
		}
		
			/* List Events */
			
			div.events ul.list_events {
				margin: 0 0 2em 0;
				padding: 0;
				list-style-type: none;
			}

			div.events ul.list_events li {
				clear: both;
			}
			
			div.events ul.list_events li h3 {
				font-size: 1em;
				font-weight: bold;
			}

			div.events ul.list_events li div.name_statistics {
				float: right;
				width: 73%;
			}

			div.events ul.list_events li div.calendar {
				width: 20%;
			}
			
			div.events ul.list_events li div.calendar {
				font-family: sans-serif;
				text-align: center;
			}

			div.events ul.list_events li div.calendar span.day {
				display: block;
				padding: 0.3em 0 0.1em 0;
				background: #fff url("/main_site/images/layout/event_calendar_day_background.png") center bottom repeat-x;
				font-size: 1.5em;
				color: #808080;
			}

			div.events ul.list_events li div.calendar span.month {
				display: block;
				padding-top: 0.15em;
				background: #90b356;
				text-transform: uppercase;
				color: #fff;
			}
			
			/* List Events with images */
			
			div.events ul.list_events_with_image {
				margin: 0;
				padding: 0;
				list-style-type: none;
			}
		
			div.events ul.list_events_with_image li {
				float: left;
				width: 44%;
				margin: 0 3% 2em 0;
			}
		
			div.events ul.list_events_with_image li h3 {
				font-size: 1em;
				font-weight: bold;
			}
		
			div.events ul.list_events_with_image li a img {
				float: left;
				margin-right: 10px;
			}
			
			div.events ul.list_events_with_image li a:hover img, div.events ul.list_events_with_image li a:active img,
			div.events ul.list_events_with_image li a:focus img {
				border-color: #90b356;
			}

		/* ---------- Charities ---------- */

		div.charities, fieldset.charities {
			background-image: url('/main_site/images/layout/charities_background.png');
		}
	
		div.charities h1, div.charities h2, div.charities h3, div.charities h4 {
			color: #662D91;
		}
	
		div.charities a {
			color: #662D91;
		}
	
		div.charities a:hover, div.charities a:active, div.charities a:focus {
			background: #662D91;
			color: #fff;
		}
	
		div.charities div.corner_left_top {
			background-image: url('/main_site/images/layout/charities_corner_left_top.png');
		}
	
		div.charities div.corner_right_top {
			background-image: url('/main_site/images/layout/charities_corner_right_top.png');
		}
		
		/* Social Media Widgets */
		#fbwidget {
			border:1px solid #3B5998;
			margin-left:19px;
			width:255px;
		}
		#fbwidget h3 {
			font:bold 11px 'Lucida Grande',Tahoma,Arial,sans-serif;
			padding:4px 10px 5px;
			background-color:#3B5998;
			color:#fff;
		}
		
		/* Social Media Icons */
		.socialicons {
			clear:left;
			display:block;
			width:100%;
			height:32px;
			margin:0 0 80px;
			padding:0;
		}
		.socialicons h3 {
			font-size:1em;
		}

		.socialicons a:link, 
		.socialicons a:visited,
		.socialicons a:hover, 
		.socialicons a:active {
			display: block;
			float:left;
			width: 32px; 
			height: 32px;
			margin-right:10px;
			overflow: hidden;
			text-indent:-999%;
		}
		.socialicons .myspacelink:link,
		.socialicons .myspacelink:hover,
		.socialicons .myspacelink:visited  {background:url('/images/socialicons/myspace-32.png') #fff 0 0 no-repeat;}
		.socialicons .twitterlink:link,
		.socialicons .twitterlink:hover,
		.socialicons .twitterlink:visited  {background:url('/images/socialicons/twitter-32.png') #fff 0 0 no-repeat;}
		.socialicons .facebooklink:link,
		.socialicons .facebooklink:hover,
		.socialicons .facebooklink:visited {background:url('/images/socialicons/facebook-32.png') #fff 0 0 no-repeat;}
		
			/* List Heroes */
		
			div.charities ul.list_heroes {
				margin: 0;
				padding: 0;
				list-style-type: none;
			}
		
			div.charities ul.list_heroes li {
				float: left;
				width: 30%;
				margin: 0 3% 0 0;
			}
		
			div.charities ul.list_heroes li h3 {
				font-size: 1em;
				font-weight: bold;
			}
		
			div.charities ul.list_heroes li a img {
				float: left;
				margin-right: 10px;
			}
			
			div.charities ul.list_heroes li a:hover img, div.charities ul.list_heroes li a:focus img, div.charities ul.list_heroes li a:active img {
				border-color: #662D91;
			}
		
			/* List Charities */
		
			div.charities ul.list_charity_logos {
				margin: 0;
				padding: 0;
				list-style-type: none;
				text-align: center;
			}
		
			div.charities ul.list_charity_logos li {
				display: inline;
				margin: 0 0.5em;
			}
			
			div.charities ul.list_charity_logos li a {
				background: none;
			}
			
			div.charities ul.list_charity_logos li a:hover img, div.charities ul.list_charity_logos li a:focus img, div.charities ul.list_charity_logos li a:active img {
				border-color: #662D91;
			}
			
			/* List Events with images */
			
			div.charities ul.list_events_with_image {
				margin: 0;
				padding: 0;
				list-style-type: none;
			}
		
			div.charities ul.list_events_with_image li {
				float: left;
				width: 44%;
				margin: 0 3% 2em 0;
			}
		
			div.charities ul.list_events_with_image li h3 {
				font-size: 1em;
				font-weight: bold;
			}
		
			div.charities ul.list_events_with_image li a img {
				float: left;
				margin-right: 10px;
			}
			
			div.charities ul.list_events_with_image li a:hover img, div.charities ul.list_events_with_image li a:active img,
			div.charities ul.list_events_with_image li a:focus img {
				border-color: #662D91;
			}
			
		/* ---------- Schools ---------- */
		
		div.schools {
			background-image: url('/main_site/images/layout/schools_background.png');
		}
	
		div.schools h1, div.schools h2, div.schools h3, div.schools h4 {
			color: #707070;
		}
	
		div.schools div.corner_left_top {
			background-image: url('/main_site/images/layout/schools_corner_left_top.png');
		}
	
		div.schools div.corner_right_top {
			background-image: url('/main_site/images/layout/schools_corner_right_top.png');
		}
		
	
/* ---------- Footer ---------- */

div#footer {
	padding: 1.5em 0 0.5em 0;
	background: url('/main_site/images/layout/footer_background.png') center top repeat-x;
}

div#footer h3 {
	color: #fff;
}

div#footer div.footer_column {
	float: left;
	width: 26%;
	padding-right: 7%;
}

div#footer div.little_man {
	height: 155px;
	background: url('/main_site/images/layout/footer_little_man.png') left top no-repeat;
}

div#footer div.footer_column ul {
	list-style-type: square;
}

div#footer div.footer_column ul li a {
	color: #fff;
}

div#footer div.footer_column ul li a:hover, div#footer div.footer_column ul li a:active, div#footer div.footer_column ul li a:focus {
	background: #000;
}