@charset "utf-8";
/* remove all padding and margins so we start fresh in all browsers, then add it back to some things */
* {
	margin: 0px;
	padding: 0px;
}
body {
	font: 12px/1.2 Arial, Helvetica, sans-serif;
	color: #555555;
	background: #d0dee5;
}
header, nav, article, footer, address {  /* to make HTML5 stuff render correctly */
    display: block;  
}
img {
	border: 0px;
}
p {
	padding-bottom: 12px;
}
ul, ol {
	padding: 10px 40px 12px 40px;
}
sup {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
optgroup option {
	padding-left: 15px;
}
blockquote {
	padding-left: 20px;
}
textarea {
	line-height: 18px; /* needed for jquery.autogrow to work in IE */
	min-height: 36px;
}
a {
	color: #4f93b3;
	outline: none;
}
object,embed {
	outline: none;
}
h1 {
	font-size: 26px;
	font-weight: normal;
	padding-bottom: 15px;
}
h2 {
	font-size: 27px;
	height: 47px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #ffffff;
	background: url(../images/titleBg.gif) no-repeat;
	margin-left: -12px;
	padding: 1px 30px 10px 30px;
	float: left;
	font-weight: normal;
	margin-top: 15px;
}
h3 {
	font-size: 24px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-bottom: 12px;
}
label.error {
	color: #ff0000;
	padding-left: 5px;
	/*display: block; /* forces the labels to the next line */
}
.clear {
	clear: both;
	line-height: 1px;
	font-size: 1px;
}
.blue {
	color: #71c5ec;
}
/** Body Styles **/
#header {
	width: 100%;
	height: 160px;
	background: url(../images/header_bg.jpg) top repeat-x #ffffff;
	float: left;
}
	header {
		margin: 0 auto;
		width: 952px;
		position: relative;
	}
		header h1 {
			position: absolute;
			top: 35px;
			left: 20px;
			width: 172px;
			height: 76px;
			background: url(../images/uaf_logo.png) no-repeat!important;
			background: url(../images/uaf_logo.gif) no-repeat;
			text-indent: -1000em;
			overflow: hidden;
		}
		#search {
			position: absolute;
			top: 35px;
			left: 375px;
			color: #294c68;
			font-size: 18px;
			font-family: Georgia, "Times New Roman", Times, serif;
		}
		#contact {
			position: absolute;
			top: 30px;
			right: 15px;
			font-family: Verdana, Geneva, sans-serif;
		}
			#cLeft {
				float: left;
				color: #294c68;
				font-size: 18px;
				font-family: Georgia, "Times New Roman", Times, serif;
				padding-right: 10px;
			}
			#cRight {
				float: left;
				border-left: 1px solid #294c68;
				padding-left: 10px;
				font-size: 14px;
			}
#body {
	width: 100%;
	background: url(../images/content_bg.jpg) top center repeat-y #294c68;
	float: left;
}
	#content {
		margin: 0 auto;
		width: 952px;
	}
#footer {
	width: 100%;
	background: #ffffff;
	min-height: 115px;
	font-family: Verdana, Geneva, sans-serif;
	float: left;
}
	footer {
		width: 952px;
		margin: 0 auto;
		padding-top: 20px;
	}
	.goog-te-combo {
	}
	#google_translate_element {
		width: 200px;
		padding: 15px 0;
	}
	footer #footerSocial {
		float: right;
		list-style: none;
		padding: 0px;
		margin: 0px;
		position: relative;
	}
		#footerSocial li {
			float: left;
			padding: 0 0 10px 0px;
			margin-left: 10px;
		}
			#footerSocial li:hover {
				background: url(../images/socialArrow.gif) no-repeat bottom center;
			}
			#footerSocial ul {
				display: none;
				list-style: none;
				padding: 0px;
				margin: 0px;
				color: #91cce8;
				font-size: 16px;
				position: absolute;
				top: 44px;
				left: 0px;
			}
			#footerSocial li:hover ul {
				display: block;
			}
				#footerSocial li li {
					border: 1px solid #91cce8;
					padding: 3px 10px;
					width: 180px;
				}
	footer #copyInfo {
		float: left;
		padding-bottom: 10px;
		border-bottom: 1px solid #c5c5c5;
		color: #868686;
	}
/** Navigation **/
nav {
	position: absolute;
	right: 0px;
	top: 120px;
}
	nav ul {
		list-style: none;
		padding: 0px;
		margin: 0px;
	}
		nav ul li {
			float: left;
			margin-left: 20px;
			position: relative;
		}
			nav ul li a {
				color: #000000;
				font-size: 18px;
				font-family: Georgia, "Times New Roman", Times, serif;
				text-decoration: none;
				display: inline-block;
				padding-bottom: 15px;				
			}
				nav ul li:hover a {
					background: url(../images/navArrow.jpg) no-repeat bottom center;
				}
			nav ul ul {
				display: none;
				position: absolute;
				top: 36px;
				left: -30px;
				width: 280px;
				background: #70afce;
				color: #ffffff;
				-moz-box-shadow: 5px 5px 10px #333;
			    -webkit-box-shadow: 5px 5px 10px #333;
			    box-shadow: 5px 5px 10px #333;
			}
			nav ul li:hover ul {
				display: block;
			}
				nav ul li:hover ul li {
					margin-left: 0px;
				}
					nav ul li:hover ul li a {
						color: #ffffff;
						font-size: 16px;
						display: inline-block;
						width: 260px;
						padding: 5px 10px;
						text-shadow: 1px 1px 1px #666;
						background: none;
					}
						nav ul li:hover ul li:hover a {
							text-decoration: underline;
						}
			
			nav ul li:hover ul ul {
				display: none;
			}
				nav ul li:hover ul li:hover ul {
					display: block;
					left: 280px;
					position: absolute;
					top: 0px;
					border-left: 1px solid #6196b0;
				}
				nav ul li:hover ul li:hover ul li a {
					text-decoration: none;
					font-size: 13px;
				}
					nav ul li:hover ul li:hover ul li:hover a {
						text-decoration: underline;
					}
		nav ul li#nav_About:hover ul {
			left: -230px;
		}
			nav ul li#nav_About:hover ul li:hover ul {
				left: -280px;
			}
		nav ul li#nav_Donors:hover ul {
			left: -150px;
		}
			nav ul li#nav_Donors:hover ul li:hover ul {
				left: -280px;
			}
		nav ul li#nav_Volunteer ul {
			left: -50px;
		}
			nav ul li#nav_Volunteer ul li:hover ul {
				left: -280px;
			}
/** Homepage **/
#homeLeft {
	width: 319px;
	float: left;
	background: url(../images/hl_bg.jpg) repeat-y #79c1e3;
	color: #ffffff;
	padding: 15px 0 0 0;
	min-height: 618px;
	height: auto!important;
	height: 618px;
}
	#homeLeft h2 {
		margin-top: 0px;
	}
	.buzzItem {
		float: left;
		width: 300px;
		padding: 10px 0 0 19px;
	}
		.buzzPic {
			float: left;
			width: 100px;
		}
		.buzzInfo {
			float: left;
			width: 185px;
			border-bottom: 1px solid #6196b0;
			min-height: 140px;
			height: auto!important;
			height: 140px;
			padding-right: 15px;
		}
			.buzzText {
				float: left;
				width: 150px;
			}
			.buzzArrow {
				float: left;
				width: 20px;
				font-size: 28px;
				padding-left: 15px;
			}
				.buzzArrow a {
					text-decoration: none;
				}
		.buzzItem a {
			color: #ffffff;
		}
		.buzzItem h3 {
			color: #000000;
			font-size: 17px;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-weight: normal;
			padding-bottom: 8px;
		}
			.buzzItem h3 a {
				color: #000000;
				text-decoration: none;
			}
				.buzzItem h3 a:hover {
					text-decoration: underline;
				}
#homeRight {
	width: 633px;
	height: 633px;
	float: left;
}
	#homeInfo {
		float: left;
		width: 633px;
		height: 199px;
		background: url(../images/home_bg_pattern.png) no-repeat;
		margin-top: 325px;
		color: #ffffff;
		position: relative;
	}
		#homeInfo h3 {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 28px;
			padding: 40px 0 10px 80px;
			font-weight: normal;
		}
		#homeInfo p {
			padding-left: 80px;
			font-size: 16px;
			font-family: Verdana, Geneva, sans-serif;
		}
		#homeArrows {
			width: 633px;
			height: 51px;
			background: url(../images/homeArrows.png) no-repeat;
			position: absolute;
			bottom: 15px;
		}
			#homeArrows ul {
				list-style: none;
				padding: 0 0 0 80px;
				margin: 0px;
			}
				#homeArrows ul li {
					float: left;
					margin-left: 8px;
				}
					#homeArrows ul li a {
						color: #000000;
						text-decoration: none;
						font-size: 20px;
						font-family: Georgia, "Times New Roman", Times, serif;
						display: inline-block;
						width: 127px;
						height: 38px;
						padding: 13px 0 0 25px;
					}
						#homeArrows ul li a:hover {
							text-decoration: underline;
						}
/** Tier 2s **/
#t2banner {
	margin: 0 auto;
	width: 187px;
	height: 158px;
	background: url(../images/volunteer_banner.jpg) no-repeat;
	padding: 48px 730px 0 35px;
	text-align: center;
}
	a#banner_green {
		display: inline-block;
		width: 181px;
		height: 33px;
		padding-top: 10px;
		color: #ffffff;
		font-size: 18px;
		text-align: center;
		text-shadow: 1px 1px 1px #999;
		background: url(../images/banner_green.png) no-repeat;
		text-decoration: none;
		margin-bottom: 8px;
	}
	a#banner_blue {
			display: inline-block;
			width: 181px;
			height: 33px;
			padding-top: 10px;
			color: #ffffff;
			font-size: 18px;
			text-align: center;
			text-shadow: 1px 1px 1px #999;
			background: url(../images/banner_blue.png) no-repeat;
			text-decoration: none;
			margin-top: 8px;
	}
		a#banner_green:hover, a#banner_blue:hover {
			text-decoration: underline;
		}
	#banner_or {
	}
#t2Content {
	width: 892px;
	float: left;
	padding: 10px 30px 30px 30px;
}
	.t2_buttons {
		float: left;
		width: 892px;
		margin-top: 10px;
		background: url(../images/t2_buttons_top.jpg) no-repeat top;
		padding: 25px 0 15px 0;
		text-align: center;
	}
		.t2_buttons a.linkButton {
			display: inline-block;
			width: 236px;
			height: 38px;
			padding-top: 8px;
			color: #ffffff;
			font-size: 18px;
			text-align: center;
			text-shadow: 1px 1px 1px #999;
			background: url(../images/t2_button.jpg) no-repeat;
			margin: 10px 30px;
			text-decoration: none;
		}
			.t2_buttons a.linkButton:hover {
				text-decoration: underline;
			}
	.t2_buttons_bottom {
		float: left;
		width: 892px;
		margin-bottom: 10px;
		background: url(../images/t2_buttons_top.jpg) no-repeat top;
		height: 10px;
		clear: both;
	}
#donationForm td {
	padding: 4px;
	vertical-align: top;
}
.txtfield {
	width: 200px;
}
.orange {
	color: #F60;
}
/** Videos **/
.videoThumb {
	width: 200px;
	float: left;
	padding: 0 6px;
}
	.videoThumb h4 {
		font-size: 14px;
		padding: 10px 0 2px 0;
	}
#video {
	float: left;
}
#video_content {
	float: left;
	padding: 10px 0 40px 0;
	width: 638px;
	font-size: 14px;
}
	#video_content h3 {
		font-size: 20px;
		padding-bottom: 2px;
	}
/** Photo Gallery **/
#photoGallery {
	float: left;
	width: 892px;
	padding: 15px 0;
}
	#photoMain {
		float: left;
		width: 892px;
		height: 430px;
		position: relative;
		background: #333333;
		text-align: center;
		margin-bottom: 10px;
	}
		#photoTitle {
			position: absolute;
			bottom: 0px;
			left: 0px;
			height: 24px;
			width: 892px;
			text-align: center;
			color: #ffffff;
			background: #000000;
			padding-top: 6px;
			font-size: 14px;
		}
		#photoLoading {
			position: absolute;
			left: 342px;
			top: 193px;
			display: none;
		}
	#photoThumbs {
		float: left;
		width: 892px;
		height: 250px;
		overflow-x: hidden;
		overflow-y: scroll;
	}
		#photoThumbs img {
			float: left;
			margin: 9px;
			padding: 2px;
			border: 1px solid #CCC;
			cursor: pointer;
		}