@import 'reset.css';

/*
	COLORS:
	Light Blue (used for main nav text): #00bded
	Grey (used for the body text): #4e4e4e
	Green (used in the Established in 1997 text): #87c43f
*/

body {
	background:url(../images/shell/body.png) repeat-x;
	font-family:Trebuchet, "Trebuchet MS", arial, sans-serif;
	color:#4e4e4e;
}

a{
	color:#00bded;
}

.clear{clear:both;}
.slideshow{position:relative;height:283px;}
.slideshow img{position:absolute;}


#wrapper {
	width:943px;
	position:relative;
	margin:0 auto;
}
	#header {
	}
		#header img {
			float:left;
		}
		#nav{
			width:615px;
			margin:50px 0 0 25px;
			float:left;
		}
			#nav li{
				background:url(../images/shell/nav_split.png) top right no-repeat;
				position:relative;
				display:inline;
			}
			#nav li a{
				display:block;
				float:left;
				color:#00bded;
				position:relative;
				font-size:15px;
				text-decoration:none;
				padding:15px 22px 15px 22px;
				border-left:1px solid #d7d9da;
			}
			#nav li ul {
				display:block;
				width:200px;
				position:absolute;
				background:url(../images/shell/opacity.png) !important;
				display:none;
				margin:45px 0 0 0;
				z-index:999;
			}
				#nav li ul li{
				}
					#nav li ul li a{
						color:#fff !important;
						border:0;
					}
					#nav li ul li a:hover{
						display:block;
						width:156px;
						background:#fff;
						color:#000 !important;
						opacity:0.5;
					}
					#nav li ul li {
						
					}
			#nav li a:hover,.hover,#nav li.current a,#nav li.section a {
				color:#fff !important;
				background:url(../images/shell/nav.png) repeat-x;
			}
			
	#content_wrapper{
		margin:10px 0 0 0;
		background:url(../images/shell/book_repeat.png) repeat-y;
	}
		#content_wrapper_repeater{background:url(../images/shell/top_book.png) no-repeat;}
		
		#full_width_col{
			width:850px;
			margin:0 0 0 63px;
			padding:60px 0 0 0;
			background:url(../images/shell/home_blue_gradient.png) no-repeat 0 86px;
		}
			#full_left_col{
				width:432px;
				position:relative;
				float:left;
			}
				.shadow {
					position:absolute;
					z-index:9;
					left:-3px;
					top:-3px;
					width:394px;
					height:289px;
					background:url(../images/shadow.png) no-repeat;
				}
				
			#full_right_col{
				width:357px;
				padding:0 41px 0 20px;
				float:left;
			}
			
				#full_right_col h1{
					font-size:2.2em;
					padding:40px 0 0 0;
					color:#fff;
					font-weight:normal;
				}
				
				#full_right_col a {
					color:#fff;
				}
				
				#full_right_col p{
					color:#87c43f;
				}
				
				#full_right_col p.home_intro {
					padding:22px 0 0 0;
				}
		#left_col{
			width:365px;
			float:left;
			padding:0 0 0 63px;
		}
		.sub #left_col {
			padding:57px 0 0 63px;
		}
			#left_col h1{
				color:#00bded;
				font-size:1.60em;
				font-weight:normal;
				padding:0 0 17px 0;
			}
			#left_col h2 {
				color:#87c43f;
				padding:0 0 12px 0;
				font-size:0.85em;
			}
			#left_col p {
				padding:0 0 20px 0;
				font-size:0.75em;
				line-height:1.4em;
			}
			#left_col table {font-size:0.65em;width:120%;margin-left:-30px;}
				#left_col tr {border:1px solid #999;}
					#left_col td {border-left:1px solid #999;border-right:1px solid #999;padding:10px;}
			#left_col ul,#left_col ol {font-size:0.75em;margin:0 0 15px 15px;}
			#left_col ul {list-style:disc;}
			#left_col ol {list-style:decimal;}
				#left_col li {padding:5px 0;}
			
			.update_container {
				overflow:auto;
				padding:0 0 17px 0;
				background:url(../images/shell/image_border.png) no-repeat 5px 5px;
			}
				.update_container h2,.update_container p {
					color:#00bded !important;
				}
				.update_container h2{
					padding-bottom:5px !important;
					font-size:1em !important;
				}
				.update_container p{
					padding-bottom:0.7em;
					font-size:0.8em;
				}
			.update_container img {
				float:left;
			}
			.update_content_container {
				float:left;
				margin:0 0 0 17px;
				width:230px;
			}
		#right_col{
			width:398px;
			padding:0 0 0 20px;
			margin:0 0 0 38px;
			float:left;
			
		}
			.sub #right_col {
				width:338px;
				min-height:529px;
				padding-top:70px;
				margin:-2px 0 0 95px;
				background:url(../images/shell/bookmark.png) no-repeat;
			}
				.sub #right_col ul,.sub #right_col ul a {
					color:#fff;
					width:220px;
					margin-bottom:25px;
				} 
				.sub #right_col ul li.current a{
					text-decoration:none;
				}
				.sub #right_col ul li {
					font-size:1.1em;
					padding:0 0 0.75em 0;
				}
			#right_col p {
				padding:0 0 20px 30px;
				font-size:0.75em;
				line-height:1.4em;
			}
		#footer{
			background:url(../images/shell/footer.png) no-repeat;
			width:943px;
			height:57px;
		}

/*== Buttons ==*/
#header a.donate {
	width:164px;
	height:49px;
	display:block;
	background:url(../images/shell/donate.png) no-repeat;
	position:absolute;
	font-size:0px; /* Hide text, but stay in the markup for SEO */
	right:0;
	top:0;
}
/*==IE 7 Fixes==*/
.ie7 #content_wrapper{background:url(../images/shell/book_repeat.png) repeat-y;min-height:629px;}