/*--------< Positioning, Size, etc >---------*/
@import "layout.css";

/*-------------< Color, Images >-------------*/
@import "style.css";

/*-< Typography, Line-height, List styles >- */
@import "type.css";

	#home_left {
		float: left;
		width: 447px;
	}

		#home_left .column, #home_left h3 {
			float: left;
			width: 200px;
		}

		#home_banner {
			height: 212px;
			background: url(http://media.givebloodgivelife.org/images/home_answer.jpg) no-repeat;
			border: 1px solid white;
		}

	#home_right {
		float: left;
		width: 153px;
	}

		#home_right h3 {
			width: inherit;
		}

		#home_right ul, #home_right p {
			margin: 0;
		}
	
		#quicklinks {
					}

			#quicklinks li {
				line-height: 21px;
				list-style: none;
			}
	
			#quicklinks li a {
				color: #EFEFEF;
				height: 21px;
				display: block;
				padding-left: 35px;
				border-bottom: 1px #324f66 solid;
				background-position: left top;
				background-repeat: no-repeat;
				font-size: 11px;
			}
	
			#quicklinks li a:hover {
				color: #FFF;
				background-position: left bottom;
			}
	
			#quicklinks li span {
/*				margin-left: -9999px;
*/			}
		
			#quicklinks li.first a {
				
			}

			#quicklinks li#blood a {
				background: #002540 url(http://media.givebloodgivelife.org/images/bg_ql_blood.png) no-repeat;
			}
	
			#quicklinks li#volunteer a {
				background: #002540 url(http://media.givebloodgivelife.org/images/bg_ql_volunteer.png) no-repeat;
			}
	
			#quicklinks li#money a {
				background: #002540 url(http://media.givebloodgivelife.org/images/bg_ql_money.png) no-repeat;
			}
	
			#quicklinks li#story a {
				background: #002540 url(http://media.givebloodgivelife.org/images/bg_ql_submit.png) no-repeat;
			}
			#quicklinks li#chapters a {
				background: #002540 url(http://media.givebloodgivelife.org/images/bg_ql_chapters.png) no-repeat;
			}
			#quicklinks li#blood a:hover {
				background: #002540 url(http://media.givebloodgivelife.org/images/bg_ql_blood.png) no-repeat left bottom;
			}
	
			#quicklinks li#volunteer a:hover {
				background: #002540 url(http://media.givebloodgivelife.org/images/bg_ql_volunteer.png) no-repeat left bottom;
			}
	
			#quicklinks li#money a:hover {
				background: #002540 url(http://media.givebloodgivelife.org/images/bg_ql_money.png) no-repeat left bottom;
			}
	
			#quicklinks li#story a:hover {
				background: #002540 url(http://media.givebloodgivelife.org/images/bg_ql_submit.png) no-repeat left bottom;
			}
			#quicklinks li#chapters a:hover {
				background: #002540 url(http://media.givebloodgivelife.org/images/bg_ql_chapters.png) no-repeat left bottom;
			}

	#components {
		color: #FFF;
		height: 85px;
		padding: 0;
		margin: 0;
		background: #F00 url(http://media.givebloodgivelife.org/images/components-bg.png) repeat-x left top;

	}

		#compTab {
			float: left;
			/*border-right: 1px solid #8ac;*/
		}

			#compTab li {
				line-height: 16px;
				height: 16px;
				font-size: 10px;
				list-style: none;
				float: left;
				background: #b50000 url(http://media.givebloodgivelife.org/images/bg_component_li.png) left top;
			}

			#compTab li.end {
				background-image: url(http://media.givebloodgivelife.org/images/bg_component_li_end.gif);
			}
			
			#compTab li a.first {
				border: none;
			}
	
			#compTab li a {
				width: 19px;
				display: block;
				border: none;
			}

			#compTab li span {
				margin-left: -9999px;
			}

			#compTab li a.a-pos, #compTab li.selected a.a-pos {
				background: url(http://media.givebloodgivelife.org/images/bg_components_li_a-pos.png) 50% 50% no-repeat;
			}

			#compTab li .a-neg {
				background: url(http://media.givebloodgivelife.org/images/bg_components_li_a-neg.png) 50% 50% no-repeat;
			}

			#compTab li .b-pos {
				background: url(http://media.givebloodgivelife.org/images/bg_components_li_b-pos.png) 50% 50% no-repeat;
			}

			#compTab li .b-neg {
				background: url(http://media.givebloodgivelife.org/images/bg_components_li_b-neg.png) 50% 50% no-repeat;
			}

			#compTab li .ab-pos {
				background: url(http://media.givebloodgivelife.org/images/bg_components_li_ab-pos.png) 50% 50% no-repeat;
			}

			#compTab li .ab-neg {
				background: url(http://media.givebloodgivelife.org/images/bg_components_li_ab-neg.png) 50% 50% no-repeat;
			}

			#compTab li .o-pos {
				background: url(http://media.givebloodgivelife.org/images/bg_components_li_o-pos.png) 50% 50% no-repeat;
			}

			#compTab li .o-neg {
				width: 20px;
				background: url(http://media.givebloodgivelife.org/images/bg_components_li_o-neg.png) 50% 50% no-repeat;
			}

			#compTab li a:hover {
				color: #999;
			}
	
			#compTab li.selected {
				background: #dfe8f1 url(http://media.givebloodgivelife.org/images/bg_component_li.gif) left bottom repeat-y;
				border-bottom: none;
			}

		#components #ajaxcontentarea {
			float: left;
			height: 56px;
			padding: 6px;
			font-size: 10px;
			line-height: 14px;
			overflow: hidden;
			width: 140px;
		}

		#components #ajaxcontentarea p {
			margin-bottom: 3px;
		}
			#components #ajaxcontentarea h4.compType {
				font-size: 13px;
				height: 15px;
				margin-bottom: 4px;
			}
			#components #ajaxcontentarea h4.compType span {
				margin: 0;

			}
			#components #ajaxcontentarea ul, #components #ajaxcontentarea ul li {
				margin: 0;
				padding: 0;
				height: auto;
				list-style: none;
			}
	
			#components #ajaxcontentarea ul li {
				border: none;
				padding-left: 15px;
				background: url(http://media.givebloodgivelife.org/images/bg_li_redcell.gif) left 50% no-repeat;
			}

	#home_right #emailSubmit, #mainNav #emailSubmit {
		color: white;
		padding: 10px 15px 4px 15px; /* formerly 6px when in the right column */
		background: #64a0c8;
	}

		#home_right #emailSubmitBottom, #mainNav #emailSubmitBottom {
			clear: both;
			height: 4px;
		}

		#home_right #emailSubmit small, #mainNav #emailSubmit small {
			line-height: 12px;
			color: #cde;
		}

		#home_right #emailSubmit h4, #mainNav #emailSubmit h4 {
			color: #eef;
			padding-bottom: 4px;
			border-bottom: 1px solid #cfd8e2;
			margin-bottom: 5px;
		}

		#home_right  #emailSubmit input, #mainNav #emailSubmit input {
			width: 137px;
			border: white;
		}

		#home_right  #emailSubmit label, #mainNav #emailSubmit label {
			font-size: 10px
		}

		#home_right h5 a, #mainNav h5 a {
			height: 22px;
			width: 63px;
			margin: 10px auto;
			display: block;
			border: none;
			background: url(http://media.givebloodgivelife.org/images/button_continue.gif) top no-repeat;
			text-align: center;
		}
		#home_right h5 a:hover, #mainNav h5 a:hover {
			background-position: bottom;
		}
		#home_right img {
			margin-top: 10px;
		}

.mapdata {
	overflow: auto;
	width: 200px;
	height: 175px;
}


/* Added - 2007-05-24 */
td.tablecell_right {
  background: #EEE
}

.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

#mainNav form {
	padding: 0;
	margin: 0;
}
#surveyPoll input {
	border: none;
}
#mainNav table {
	margin: 0;
	padding: 0;
}
/* Form Survey Styles */
/* ----------------------------------------------------------------------------- */
#surveyPoll {
	background: #64a0c8 url(/images/surveyBody-bg.jpg) repeat-x left top !important;
	width: 153px;
}
#surveyPoll a {
	border: none;
	color: #FFF;
	text-decoration: none;
}
#surveyPoll table {
	border-collapse: collapse;
	padding: 0;
}
#surveyPoll th {
	background: #46708C !important;
	color: #EEE;
	font-weight: bold;
}
#surveyPoll td {
	background: none !important;
	border: 0 !important;
	color: #FFF;
	padding-left: 8px;
	padding-right: 8px;
}
#surveyPoll td.surveyResults-link {
	background: none !important;
	text-align: center;
}
div.surveyQuestion {
	padding: 2px 0 2px 5px;
}
#surveyPoll input.SubmitButton {
	background: #3E6790;
	border: 1px #2F415A solid;
	border-width: 1px 1px 2px 1px;
	color: #FFF;
	cursor: pointer;
	cursor: hand;
	font-size: .9em;
	margin: 1.2em 0 0 0;
	padding: 5px 10px;
}
#surveyPoll input.SubmitButton:hover {
	border-color: #141D28;
	color: #EEE;
}	


/* Top Menu ----------------------------------------------------------------------------- */
#menuwrapper {
	float: right;
	width: 600px;
}
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
#topNav {
	background-color: #D1C99D;
	background-image: url(http://media.givebloodgivelife.org/images/topNav_tan-bg.png);
	height: auto;
	width: 600px;
}
#topNav, #topNav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 100;
}
#topNav a {
	display: block;
	text-decoration: none;
	font-size: 11px;
	line-height: 23px;
	color: #444;
	text-align: center;
	width: 150px;
}

#topNav a.trigger {
	
}
#topNav a.trigger:hover {
	background: #eee7ba url(http://media.givebloodgivelife.org/images/topNav_tansub-bg.png) no-repeat right center;
	color: #F00 !important;
}
#topNav li {
	float: left;
	width: 150px;
}
#topNav li {
	position: relative;
}
/* hide from IE mac \*/
#topNav li {
	position: static;
	width: auto;
}
/* end hiding from IE5 mac */

#topNav li ul, #topNav ul li {
	width: 150px;
	z-index: 1001;
}
#topNav ul li a {
	color: #565656 !important;
	padding: 0;
}
#topNav li a:hover {
	background: #eee7ba;
	color: #F00 !important;
}
#topNav ul ul {
	background: #F1F1F1;
	border: 1px #999 solid;
}
#topNav li ul {
	position: absolute;
	display: none;
	background: #eee7ba;
	border: 1px #999 solid;
	width: 148px;
	z-index: 1000px;
}

/* Dropdown arrow created for the list item with sub menu options */
#topNav li:hover a.trigger, #topNav a.trigger:focus, #topNav a.trigger:active, #topNav li.p7hvr a.trigger {
	background: #eee7ba url(http://media.givebloodgivelife.org/images/topNav_tansub-bg.png) no-repeat right center;
	color: #F00;
}

#topNav li:hover ul, #topNav li.p7hvr ul {
	display: block;
}
#topNav li:hover ul a, #topNav li.p7hvr ul a {
	background: #FAF9E9;
	color: #444;
	font-size: 10px;
	line-height: 22px;
	padding: 0px 5px;
	text-align: left;
	width: 138px;
}
#topNav ul a:hover {
	background: #E1E0C4 !important;
	color: #F00 !important;
}