@import url("sIFR-screen.css");

/* global CSS settings */
	

body, p, table, tr, td, ul, ol, li, dl, dd, dt, div, span, a, h1, h2, h3, h4, h5, h6, fieldset {
	margin: 0; padding: 0;
}

div.clear {
	height: 1px;
	overflow: hidden;
	clear: both;
}
a span {
	position: absolute;
	left: -9001px;
}
a img {
	border: none;
}
fieldset {
	border: none;
}
address {
	font-style: normal;
	margin-bottom: 1.6em;
	
}
div.col_1of2 { float: left; width: 49%; display: inline;}
div.col_2of2 { float: right; width: 49%; display: inline;}

div.col_1of3 { float: left; width: 31%; display: inline; margin-right: 18px; }
div.col_2of3 { float: left; width: 31%; display: inline; }
div.col_3of3 { float: right; width: 31%; display: inline; margin-right: 10px; }
div.col_ABof3 { float: left; width: 65%; display: inline; }
div.col_BCof3 { float: right; width: 64.5%; display: inline; }

/* Site Structure */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;	
	background-color: #FFFFFF;
	background-image: url(../../_images/site/bg_body.jpg);
	background-repeat: repeat-x;
	background-position: top;
	}
div#print_logo {
	display: none;
}
div.header {
	width: 1000px;
	margin: 0 auto;
	height: 340px;
	background-image: url(../../_images/site/bg_header.jpg);
	background-repeat: no-repeat;
	background-position: top;
	position: relative;
	}
	div.logo {
		position: absolute;
		left: 17px;
		top: 20px;
		width: 273px;
		height: 45px;
		}
	div.nav_access {
		position: absolute;
		left: -9001px;
		}
	div.utility_nav {
		color: #FFFFFF;
		float: right;
		position: absolute; 
		top: 14px;
		right: 0px;
		}
		div.utility_nav ul {
			list-style: none;
			}
			div.utility_nav ul li {
				float: left;
				}
				div.utility_nav ul li a {
					color: #FFFFFF;
					font-size: .95em;
					text-decoration: none;
					display: block;
					padding: 2px 8px 2px 14px;
					background-image: url(../../_images/site/arrow_blue.gif);
					background-position: left;
					background-repeat: no-repeat;
					}
					div.utility_nav ul li a:hover {
						text-decoration: underline;
						}
		div.utility_nav ul.quicklinks {
			float: left; 
			height: 20px; 
			}
		div.utility_nav div.search {
			float: left; 
			height: 20px; 
			margin: 0 20px;
			}
			div.utility_nav div.search input.topsearch_text {
				background-color: #2E587E;
				border: 1px solid #56A4C5;
				font-weight: normal !important;
				font-family: Arial, Helvetica, sans-serif !important;
				color: #FFFFFF;
				font-size: 1em;
				padding: 2px 4px;
				}
			div.utility_nav div.search input.topsearch_button {
				position: relative;
				top: 1px;
			}
			div.utility_nav div.search label {
				display: none;
				}
		div.utility_nav ul.account	{
			float: left; 
			height: 20px; 
			}
			div.utility_nav ul.account a {
				display: block; 
				background-color: #0A1F3B;
				}

	div.main_nav {
		position: absolute;
		left: 13px;
		top: 141px;
		float: right;
		}
		div.main_nav ul {
			list-style: none;
			position: relative;
			}
			div.main_nav ul li {
				float: left;
				position: absolute;
				}
				div.main_nav ul li a {
					display: block;
					height: 32px;
					width: 156px;
					background-image: url(../../_images/site/bg_nav_main.gif);
					}

			div.main_nav ul li.about 		{ left: 4px; }
			div.main_nav ul li.building 	{ left: 166px; }
			div.main_nav ul li.donate 		{ left: 328px; }
			div.main_nav ul li.volunteer 	{ left: 490px; }
			div.main_nav ul li.programming 	{ left: 652px; }
			div.main_nav ul li.news 		{ left: 814px; }

			div.main_nav ul li.about a			{ background-position: -4px 0; }
			div.main_nav ul li.building a 		{ background-position: -166px 0; }
			div.main_nav ul li.donate a			{ background-position: -328px 0; }
			div.main_nav ul li.volunteer a 		{ background-position: -490px 0; }
			div.main_nav ul li.programming a	{ background-position: -652px 0; }
			div.main_nav ul li.news a			{ background-position: -814px 0; }

			div.main_nav ul li.about a:hover,
			div.main_nav ul li.about a.on				{ background-position: -4px -32px; }
			div.main_nav ul li.building a:hover,
			div.main_nav ul li.building a.on			{ background-position: -166px -32px; }
			div.main_nav ul li.donate a:hover,
			div.main_nav ul li.donate a.on				{ background-position: -328px -32px; }
			div.main_nav ul li.volunteer a:hover,
			div.main_nav ul li.volunteer a.on 			{ background-position: -490px -32px; }
			div.main_nav ul li.programming a:hover,
			div.main_nav ul li.programming a.on			{ background-position: -652px -32px; }
			div.main_nav ul li.news a:hover,
			div.main_nav ul li.news a.on				{ background-position: -814px -32px; }

	div.header_image {
		width: 992px;
		height: 147px;
		position: absolute;
		left: 0px;
		top: 173px;
		padding: 4px;
		background-image: url(../../_images/site/bg_header_image.gif);
		background-repeat: no-repeat;
		background-position: top;
		}
div.central {
	width: 960px;
	margin: 20px auto 0;
	padding: 0 20px;
	color: #496F81;
	}

	/* basic typography */
	div.central p {
		font-size: 1em;
		line-height: 1.9em;
		color: #496F81;
		margin-bottom: 1.6em;
		}

	div.central ul {
		margin: 0 0 1em 25px;
		font-size: 1em;
		line-height: 1.9em;
		}
	div.central p.center {
		text-align: center;
		}
	div.central label {
		color: #496F81;
		font-size: .9em;
		}
	div.central a {
		color: #5B4321;
		font-weight: bold;
		text-decoration: none;
		}
		div.central a:hover {
			color: #091C36;
			}
	div.central h1 {
		font-weight: normal;
		color: #233843;
		font-size: 2.2em;
		margin-bottom: 6px;
		}
	div.central h2 {
		font-weight: normal;
		color: #233843;
		font-size: 1.6em;
		margin-bottom: .4em;
		}
	div.central h3 {
		font-weight: bold;
		color: #233843;
		font-size: 1.2em;
		margin-bottom: .4em;
		letter-spacing: -.03em;
		}
	div.central h3.date {
		font-family: Arial, Helvetica, sans-serif;
		color: #496F81;
		font-size: .9em;
		font-weight: bold;
		margin-bottom: .3em;
		}
	div.central h4 {
		color: #233843;
		font-size: .9em;
		font-weight: bold;
		margin-bottom: .4em;
		}
	div.central div.hr {
		height: 1px;
		overflow: hidden;
		background-color: #DAE3E9;
		clear: both;
		margin-bottom: 1.2em;
		}
	div.central div.hr_strong {
		height: 12px;
		overflow: hidden;
		background-image: url(../../_images/site/bg_hr.gif);
		clear: both;
		margin-bottom: 1em;
		}
	div.central img.left {
		float: left;
		margin: 4px 20px 10px 0;
		padding: 3px;
		border: 1px solid #CCCCCC;
		}
	div.central img.right {
		float: right;
		margin: 4px 0 10px 20px;
		padding: 3px;
		border: 1px solid #CCCCCC;
		}
	/* central structure */
	div.central div.section_nav {
		float: left;
		width: 200px;
		margin-right: 30px;
		}
		div.central div.section_nav ul {
			list-style: none;
			margin: 0;
			line-height: 1.25em;
			}
			div.central div.section_nav ul li {
				padding-left: 15px;
				margin-bottom: .8em;
				background-image: url(../../_images/site/arrow_dark.gif);
				background-position: 0 .1em;
				background-repeat: no-repeat;
				}
				div.central div.section_nav ul li a.on {
					color: #091C36;
					}
			div.central div.section_nav ul ul {
				margin: .8em 0 0 14px;
				}
	div.central div.content_sub {
		float: left;
		width: 470px;
		}
	div.central div.promo_boxes {
		float: right;
		width: 230px;
		}
		div.central div.promo_boxes p {
			margin-bottom: 14px;
			}
	div.central div.content_full {
		float: left;
		width: 700px;
		}

	/* forms */
	
	div.central p.formnote {
		margin: 1em 0 0 0;
		clear: both;
		}
	div.central ol.form {
		list-style: none;
		display: block;
		margin-bottom: 1.2em;
		}
			div.central ol.form ol {
				list-style: none;
				}
		div.central ol.column_1 {
			float: left;
			width: 340px;
			}
		div.central ol.column_2 {
			float: right;
			width: 340px;
			}
		div.central ol.form li {
			margin-bottom: 8px;
			}
			div.central ol.form li.clear {
				clear: both;
				}
			div.central ol.form li label {
				display: block;
				width: 140px;
				margin: 0 20px 0 0;
				padding: 3px 0 0 0;
				float: left;
				text-align: right;
				}

			div.central ol.form li.checkbox label {
				display: block;
				width: 310px !important;
				margin: 0 0 0 5px !important;
				padding: 3px 0 0 0;
				float: left;
				text-align: left !important;
				} 
			div.central ol.form li.button {
				padding-top: 8px;
				clear: both;
				}
		div.central div.nodots ul {
			list-style: none;
			}
/* Ektron Form Fixes */
			div.central ol.form li.ektronlist {
				clear: both;
				}
				div.central ol.form li.ektronlist label {
					text-align: left;
				}
				div.central ol.form li.ektronlist ol {
					display: block;
					margin-left: 160px;
					padding-bottom: 1em;
				}
				div.central ol.form li.ektronlist ol.home {
					margin-left: 0;
					padding-bottom: 1em;
				}
					div.central ol.form li.ektronlist li.checkbox {
						clear: both;
						}
						div.central ol.form li.ektronlist li.checkbox input {
							margin-bottom: 4px;
							}
						div.central ol.form li.ektronlist li.checkbox label {
							width: auto !important;
							}
			div.central ol.form li.long label,
			div.central ol.form li label.long {
				width: auto;
				float: none;
				text-align: left;
				margin-bottom: 6px;
			}
			div.central ol.form li.long input,
			div.central ol.form li.long textarea {
				margin-left: 160px;
			}
			div.central li.checkbox { }
			div.central li.checkbox input {
				float: left !important;
				}

	ol.form_short {
		list-style: none;
		}
		div.central ol.form_short li {
			margin-bottom: 8px;
			}
	ol.donate {
		display: block;
		height: 7em;
		list-style: none;
		position: relative;
		margin-bottom: 1em;
		}
		ol.donate li {
			position: absolute;
			}
		ol.donate li.donate_ammount {
			top: 0;
			left: 0;
			}
			ol.donate li.donate_ammount input {
				width: 70px;
				margin:0 2px;
				}
		ol.donate li.donate_radio_yes {
			top: 2.5em;
			left: 0;
			}
		ol.donate li.donate_name {
			top: 2.5em;
			left: 260px;
			}
			ol.donate li.donate_name label {
				position: absolute;
				left: -9001px;
				}
		ol.donate li.donate_radio_no {
			top: 5em;
			left: 0;
			}
	/* special classes */
	div.central div.attention {
		padding: 12px 15px;
		color: #880000;
		background: #E1E9ED;
		margin-bottom: 2em;
		}
		div.central div.attention p {
			color: #880000;
			margin-bottom: 0;
			}
		div.central div.attention ul {
			margin: 0;
			list-style: none;
		}
	/* promo buckets */
	div.central div.promo_boxes h3 {
		position: absolute;
		left: -9001px;
		}
	div.central div.promo_boxes p {
		font-size: 1.1em;
		line-height: 1.2em;
		margin: 0 22px;
		position: relative;
		top: 58px;
		margin-bottom: 1.2em;
		}
			div.central div.promo_boxes p.button {
			}

	div.central div.promo_boxes div {
		width: 230px;
		overflow: hidden;
		margin-bottom: 1em;
		position: relative;
		}
	div.central div.promo_boxes div.donate {
		height: 185px;
		background-image: url(../../_images/promos/bg_promo_donate.gif);
		}
		div.central div.promo_boxes div.donate p {
			color: #48B1E3;
			}
	div.central div.promo_boxes div.signup {
		height: 160px;
		background-image: url(../../_images/promos/bg_promo_signup.gif);
		}
		div.central div.promo_boxes div.signup p {
			color: #CF933F;
			}
	div.central div.promo_boxes div.contact {
		height: 129px;
		background-image: url(../../_images/promos/bg_promo_contact.gif);
		}
		div.central div.promo_boxes div.contact p {
			line-height: 1.4em;
			color: #CFADB0;
			}
		div.central div.promo_boxes div.contact a {
			color: #CFADB0;
			font-weight: normal;
			}

/* Special Pages */
/* homepage */

body.section_home div.header {
	height: 505px;
}
	body.section_home div.header_image {
		width: 1002px;
		height: 330px;
		position: absolute;
		left: 0px;
		top: 173px;
		padding: 0;
		background-image: url(../../_images/site/bg_header_flash.gif);
		background-repeat: no-repeat;
		background-position: top;
		}
	div#flash {
		width: 1000px;
		margin: 0 auto;
		position:relative;
	}
		div#flash a#ctl00_HeaderArea_uxBanner
		{
			position:absolute;
			top:4px;
			left:4px;
		}
		
		div#no_flash_copy
		{
			position:absolute;
			left:4px;
			bottom:-300px;
			background:#333;
			width:972px;
			padding:10px;
			color:#fff;
		}
		
		div#no_flash_copy h2
		{
			font-family:Georgia;
			font-weight:100;
			margin-bottom:0.5em;
		}
	
	
body.section_home div.central {
	width: 1000px;
	margin: 20px auto 0;
	}
	body.section_home div.central h2 {
		font-weight: normal;
		}
	div.home_col_1, div.home_col_2, div.home_col_3, div.home_col_4 {
		float: left;
		width: 225px;
		margin: 0 12px;
		display: inline;
		}
	div.donate_home {
		width: 224px;
		height: 278px;
		background-image: url(../../_images/promos/bg_donate_home.gif);
		font-size: .9em;
		}
		div.donate_home h2 {
			position: absolute;
			left: -9001px;
			}
		div.donate_home p,
		div.donate_home h3 {
			margin: 0 22px;
			position: relative;
			top: 140px;
			}
		div.donate_home p {
			color: #FFFFFF;
			margin-bottom: .8em;		
			}
		div.donate_home h3 {
			color: #48B1E3;
			font-size: 1.1em;
			font-weight: normal;
			margin-bottom: .5em;
			}
	body.section_home div.central div.promo_boxes {
		display: none;
		}
/* cart */

	table.shoppingcart {
		width: 100%;
		margin-bottom: 1em;
		}
	div.hr_cart {
		width: 100%;
		height: 1px;
		overflow: hidden;
		background-color: #DAE3E9;
		margin-bottom: 1em;
		}
	table.shoppingcart th {
		text-align: left;
		border-bottom: 1px solid #DAE3E9;
		padding-bottom: 10px;
		}
	table.shoppingcart td {
		padding-top: 10px;
		line-height: 1.7em;
		}
	table.total td {
		padding: 0;
		}
		table.total td div.total {
			font-weight: bold;
			}
		table.shoppingcart td.colA, table.shoppingcart th.colA { 
			width: 50%;
			}
		table.shoppingcart td.colBCD, table.shoppingcart th.colBCD {
			width: 30%;
			}
		table.shoppingcart td.colAB, table.shoppingcart th.colAB {
			width: 60%;
			}
		table.shoppingcart td.colCD, table.shoppingcart th.colCD {
			width: 15%;
			text-align: right;
			padding-right: 5%;
			}
		table.shoppingcart td.colE, table.shoppingcart th.colE {
			width: 20%;
		}

/* checkout */

ul.checkoutsteps {
	list-style: none;
	height: 35px;
	margin-bottom: 2em;
	}
	ul.checkoutsteps li {
		width: 157px;
		height: 35px;
		float: left;
		display: block;
		background-image: url(../../_images/site/checkout_steps.gif);
		margin-right: 12px;
		}
		ul.checkoutsteps li span {
			position: absolute;
			left: -9001px;
			}
ul.checkoutsteps li.billing { background-position: 0 0; }
ul.checkoutsteps li.billing_in { background-position: 0 -35px; }
ul.checkoutsteps li.payment { background-position: -167px 0; }
ul.checkoutsteps li.payment_in { background-position: -167px -35px; }
ul.checkoutsteps li.receipt { background-position: -334px 0; }
ul.checkoutsteps li.receipt_in { background-position: -334px -35px; }

ol.form span.formhead {
	display: block;
	clear: both;
	padding-top: 8px;
}

li.cvv input {
	width: 70px;	
	}
	li.cvv span.formnote {
		font-size: .9em;
		padding-left: 10px;
		}
		li.cvv span.formnote a {
			font-weight: normal;
			}
li.password span.formnote {
		font-size: .9em;
		clear: both;
		display: block;
		text-align: right;
		margin: 6px 30px 0 0;
		}
ul.receiptinfo {
	list-style: none;
	margin-bottom: 1em;
	}
	ul.receiptinfo li span.receipt_label {
		font-weight: bold;
		padding-right: 10px;
		}


/* Volunteer */
img.volunteer_img {
	margin-left: 0;
}

		
/* News and Events */

p.linklist {
	line-height: 1.4em !important;
	}

div.photo_galleries table {
	width: 100%;
	}

/* Videos */

div.videoclip {
	float: left;
	width: 225px;
	margin: 0 10px 1.5em 0;
	overflow: hidden;
}

	div.videoclip img {
		float: left;
		padding-right: 10px;
		}



/* footer */
div.footer {
	background: #11325a url(../../_images/site/bg_footer.gif) top left repeat-x;
	width: 100%;
	clear: both;
	border-top: 1px solid white;
	margin-bottom:-20px;
	padding-bottom:10px;
	}
	div.footer div.box {
		margin: 70px auto 0;
		width: 960px;
		position: relative;
	}
	div.footer p {
		color: #48B1E3;
		font-size: .9em;
		top: 0;
		left: 0;
		overflow: hidden;
		padding-bottom:1em;
		}
	div.footer ul {
		list-style: none;
		font-size: .9em;
		position: absolute; 
		top: 0;
		right: 0;
		overflow: hidden;
		}
		div.footer ul li {
			float: right;
			padding-left: 14px;
		}
			div.footer ul li a {
				color: #FFFFFF;
				text-decoration: none;
				font-weight: bold;
			}
				div.footer ul li a:hover {
					text-decoration: underline;
				}