html, body{background: #437495 url('../images/x-bg.jpg') repeat-x; font-family: Helvetica, Arial, sans-serif; font-size: 1.02em;}

strong{font-weight: bold;}
em{font-style: oblique;}

a{color: #437495; text-decoration: none; outline: none;}
a:visited, a:hover{color: #002255; text-decoration: none;}

blockquote {background: transparent url('../images/left-quote.png') left top no-repeat;}
blockquote div {padding: 0 50px; background: transparent url('../images/right-quote.png') right bottom no-repeat;}
label{font-weight: bold;}
	label.error {float: left; padding: 5px; border: 1px solid #F00; background-color: #FCC; color: #F00; margin-bottom: 10px;}
hr{border: none; background-color: #CCC; height: 1px;}
fieldset{border: 1px solid #DDD; padding: 10px; margin-bottom: 10px;}
	fieldset label{float: left; text-align: left; width: 100%}
	fieldset input, fieldset select{float: left;}
	fieldset p{float: left; width: 100%;}
	fieldset table{float: left; }
	
	img.left{float: left; margin: 10px 10px 0px 0px;}
	img.right{float: right; margin: 10px 0px 0px 10px;}

#container{width: 1200px; margin: 0px auto;}
	#texture{background: url(../images/Backdrop.png) no-repeat; width: 1200px; height: 550px; position: absolute; z-index: 10;}
	#brush{background: url(../images/brush.png) no-repeat; width: 750px; height: 750px; position: absolute; z-index: 1; opacity: 0.3;}
	#wrapper{width: 1020px; margin-left: 90px; position: relative; z-index: 10;}
	
#background {background: transparent url('../images/site-bg.jpg') no-repeat top center;}

#midground {background: url('../images/mg.png') repeat 20% 20%; height: 500px;
	position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;}
	
#foreground {background: url('../images/fg.png') repeat 90% 110%; height: 350px;
	position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 8;}
	
#header{height: 160px; padding-top: 10px;}
	#logo{width: 319px; height: 120px; margin: 0px auto; background: transparent url('../images/newstory_logo.png');}
		#logo h1{text-indent: -9000px;}
		#logo a{width: 319px; height: 120px; display: block;}
	
#content{padding: 15px 0; background-color: #213F59; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	width: 1020px;}

/*
#headImg{width: 980px; height: 144px; background: transparent url('../images/slideshow-bg.jpg') repeat-x; margin: 0 0 0 20px; float: left;}
*/
#headImg{width: 980px; height: 200px; margin: 0 20px 0px 20px; padding: 0px; float: left; text-align: center; background: transparent url('../images/slideshow-bg.jpg') repeat-x; }
	#headImg{width: 980px; height: 200px;}
		

#home, #merge{ margin: 10px 0 0 20px; float: left;}
	#home #main{height: 420px;}
	#home #sidebar{width: 370px;}
	#merge #main{border-left: 1px solid #BBB; width: 610px; padding-left: 19px;}
	#merge #sidebar{width: 300px;}

#left{float: left; margin: 0 20px;}
#right{float: left;}

#main{width: 550px; }
#sidebar{width: 350px;}
	#sidebar h4.modTitle{color: #B76E0A; margin-top:10px;}
	#sidebar ul li a{display: block; width: 100%;}
	.right{border-left: 1px solid #BBB;}
	.sitemap ul{margin-left: 20px; line-height: 1.5em;}
	.sitemap ul ul{font-size: 12px;}
		#sidebar ul li:hover{list-style-image: url('../images/list-star.gif'); color: #B76E0A;}
		#sidebar ul ul li:hover{list-style: disc !important; list-style-image: none; 
			color: #FFBD3C;}
	li a.active {color: #1E90FF !important;}

.rnd{background-color: #EAE9E4; padding: 10px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	margin-top: 5px;}
	
/* Rounded Corners : 213F58 */
.b1h, .b2h, .b3h, .b4h, .b1f, .b2f, .b3f,.b4f { display:block;  font-size:1px; overflow:hidden;}
.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#EAE9E4; margin:0 5px;}
.b2f {height:1px; background:#EAE9E4; margin:0 3px;}
.b3f {height:1px; background:#EAE9E4; margin:0 2px;}
.b4f {height:2px; background:#EAE9E4; margin:0 1px;}

.c1h, .c2h, .c3h, .c4h, .c1f, .c2f, .c3f,.c4f { display:block;  font-size:1px; overflow:hidden;}
.c1f, .c2f, .c3f, .c4f{font-size:1px; overflow:hidden; display:block;}
.c1f {height:1px; background:#213F58; margin:0 5px;}
.c2f {height:1px; background:#213F58; margin:0 3px;}
.c3f {height:1px; background:#213F58; margin:0 2px;}
.c4f {height:2px; background:#213F58; margin:0 1px;}


.modTitle{color: #888; font-size: 32px; text-transform: lowercase;}
h2.modTitle{font-size: 48px; color: #B76E0A;}
h3.modTitle{font-size: 32px; color: #B76E0A;}

.module{float: left; background-color: #eae9e4; margin: 0 0 0 10px; padding: 10px; position: relative;}
.module p{font-family: Helvetica, Arial, sans-serif; margin-bottom: 1em; font-size: 0.9em; line-height: 1.5em;}

#icons{display: none; float: right; width: 36px;}
	#icons img{float: left; cursor: pointer;}
	#bookMark{display: none; float: left; margin-left: 10px;}

#footer{width: 1020px; margin: 10px auto 0 auto; float: left; text-align: center; color: #CCC; line-height: 1.5em; font-size: 12px;}
#footer a{color: #CCC; text-decoration: none;}
#footer a:hover{color: #FFF; text-decoration: underline;}
#footer ul{width: 1020px; margin: 0 auto; margin-bottom: 10px;}
#footer li{display: inline; padding: 5px 10px 5px 7px; border-right: 1px solid #437495; font-size: 1.3em;}
#footer li.last{border-right: none;}	
	
#videoPlayer{float: left; width: 540px; height: 360px; background-color: #CCFFFF; margin-bottom: 20px; border: 1px solid #BBB;}
	
.events {border-left: 1px solid #CCC;}
.events .modTitle{float: left;}
.events ul{float: left; width: 340px;}
.events li{list-style-image: url('../images/calendar-bullet.jpg'); margin-left: 30px;
font-family: Helvetica, Arial, sans-serif; margin-bottom: 1em;  line-height: 1.5em;}

.more{float: left; padding: 5px; background-color: #CCC; border: 1px solid #BBB;}


/* Navigation */
#navigation{height: 40px; background: transparent url('../images/nav-bg.png') repeat-x;}
	#nav{width: 800px; height: 40px; float: left; }
	#nav li{display: block; float: left; position: relative; height: 40px;}
	#nav li a.main{float: left; height: 40px; background: transparent url('../images/navigation.png'); text-indent: -9000px; display: block;}
		#nav li#nav-aboutUs a.main{width: 131px; background-position: 0px 0px;}
			#nav li#nav-aboutUs a.main:hover{background-position: 0px -40px;}
		#nav li#nav-services a.main{width: 126px; background-position: -132px 0px;}
			#nav li#nav-services a.main:hover{background-position: -132px -40px;}
		#nav li#nav-schools a.main{width: 124px; background-position: -262px 0px;}
			#nav li#nav-schools a.main:hover{background-position: -262px -40px;}
		#nav li#nav-news a.main{width: 101px; background-position: -387px 0px;}
			#nav li#nav-news a.main:hover{background-position: -387px -40px;}
		#nav li#nav-resources a.main{width: 150px; background-position: -489px 0px;}
			#nav li#nav-resources a.main:hover{background-position: -489px -40px;}
		#nav li#nav-contactUs a.main{width: 159px; background-position: -639px 0px;}
			#nav li#nav-contactUs a.main:hover{background-position: -639px -40px;}
			
	/*Dropdowns*/
	#nav li ul{display: none; position: absolute; left:-999em; width: 200px;
		 background-color: #EAE9E4; border: 2px solid #cccccc; padding: 10px; z-index: 50;}
	#nav li > ul{top: auto; left: auto;}
	#nav li:hover ul, #nav li.over ul{top: 40px; left: auto; display: block;}
	#nav li li{display: block; float: none; line-height: 1.5em; font-size: 0.8em; 
		position: relative; height: auto; width: auto; padding: 3px 5px; border-top: 1px solid #CCC}
	#nav li a{display: block; width: 100%;}
		#nav li li.first{border-top: none;}
	#nav li li:hover{background-color: #FFF;}
	
			
#search{float: left; width: 200px; margin: 10px 0 0 10px;}
	#search input[type=text]{border: none; float: left; height: 19px; width: 120px; font-size: 12px;}
	#search input[type=text]{}
	.googleSearch{background: #FFF url('http://www.google.com/images/poweredby_transparent/poweredby_FFFFFF.gif') no-repeat;}
	#search button{border: none; cursor:pointer; float: left; background: transparent url('../images/search-btn.jpg') no-repeat; height: 19px; width: 60px; text-indent: -9000px;}
#navCap{float:right; height: 40px; width: 3px; background: transparent url('../images/nav-cap.png') no-repeat;}

#anchors{margin: 0px auto; width: 100%; float: left;}
	#anchors li{float: left; display: inline; border-left: 1px solid #CCC; padding: 5px;}
	#anchors li.first{border-left: none;}
	
/* Homepage Elements */	
#slideshow{width: 980px; height: 288px; margin: 0 0 0 20px; float: left; background: transparent url('../images/slideshow-bg.jpg') repeat-x; position: relative;}
	#ss-front{width: 3px; float: left; height: 288px; background: url('../images/slideshow-front.jpg');}
	#ss-back{width: 3px; float: right; height: 288px; background: url('../images/slideshow-back.jpg');}
	
	#slideShadow{background: transparent url('../images/slide-shadow.png') no-repeat; width: 742px; height: 265px; float: left; position: absolute; left: 115px; top: 10px;}
		#slideShadow img{margin: 10px 11px;}
		#slideInner{color: #FFF; height: 243px; margin: 10px 11px; overflow: hidden;}
		
#date{background: transparent url('../images/date-box.png') no-repeat; height: 82px; width: 80px; position: relative; top: -25px; left: -25px; float: left;}
#success{width: 188px; position: relative; bottom: 60px; left: 445px; float: right; z-index: 5;}
#banner{background: transparent url('../images/FundBanner.png') no-repeat; z-index: 20;
	position: relative; right: -4px; top: -2px; width: 215px; height: 195px; float: right;}

/* About Pages Elements */
.person{width: 180px; padding: 10px; text-align: center; float: left;}
	.person img{float: left; width: 160px; padding: 4px; border: 1px solid #CCC; height: 200px; background-color: #CCC; margin: 0px 0px 5px 5px;}
	.person a:hover img{background-color: #AAA;}
	.person h3{font-size: 1.3em; font-family: Helvetica, Arial, sans-serif;}
	.person h5{ font-size: 0.9em;}
	.spacer{float: left; width: 90px; height: 90px;}
	
/* Testimonials */
#testimonials {float: left;}
#testimonials h2{margin: 10px 0; font-size: 1.2em; color: #1E90FF; border-bottom: 1px solid #CCC;}
.testimonial{padding: 10px; width: 580px; border: 1px solid #CCC; background-color: #EEE;  margin: 10px 0;}
	.testimonial img{float: left; width: 125px; padding: 4px; border: 1px solid #CCC; 
		height: 170px; background-color: #CCC;}

	.testimonial blockquote{margin-left: 10px; font-family: Helvetica, Arial, sans-serif; float: left; margin-bottom: 10px;}
	.testimonial blockquote div{min-height: 50px;}
	.testimonial div{ margin-top: 20px; line-height: 1.2em;}
	.testimonial h3{font-size: 1.2em; font-family: Helvetica, Arial, sans-serif; color: #1E90FF;}
	.testimonial h5{font-size: 0.75em;}
	.testimonial .by{float: right; text-align: right; width: 100%;}
	
/* FAQs */
.faq{padding: 10px; width: 580px; border: 1px solid #CCC; background-color: #EEE; margin: 10px 0;}
	.faq p{font-family: Helvetica, Arial, sans-serif;}
	.faq h3{font-size: 1.2em; color: #1E90FF; border-bottom: 1px solid #CCC; margin-bottom: 5px;}
	.faq li{list-style: disc; margin: 10px 0 10px 40px; font-weight: normal; font-size: 0.9em; line-height: 1.5em; font-family: Helvetica, Arial, sans-serif;}
	
/* Jobs */	
.job{float: left; padding: 10px; width: 580px; border: 1px solid #CCC; background-color: #EEE; margin: 10px 0;}
	.job p{width: 400px; margin: 10px 20px 0 0; font-family: Helvetica, Arial, sans-serif; float: left;}
	.job h3{font-size: 1.2em;}
	.job a{text-align: right;}

/* Locations */
.place{float: left; width: 175px; padding: 5px; margin: 0 0 10px 10px; border: 1px solid #CCC; background-color: #EEE; min-height: 150px;}	
a:hover .place{background-color: #FFF;}
	.place h3{font-size: 1.4em;}
	.place h3 small{font-size: 14px;}
	.place p{font-size: 0.75em; font-family: Helvetica, Arial, sans-serif; }
	
/* Fact Sheets */
.facts li{list-style: disc; margin: 10px 0 10px 20px; font-weight: normal; font-size: 0.8em;
	font-family: Helvetica, Arial, sans-serif; line-height: 1.5em;}
	
/* Events */
#events h3{margin: 10px 0; font-size: 1.2em; color: #1E90FF; border-bottom: 1px solid #CCC;}
.event{padding: 10px; width: 580px; border: 1px solid #CCC; background-color: #EEE; margin-bottom: 10px;}
	.event img{float: left; background-color: #EEE; margin: 0 10px 10px 0;}
	.event h4{font-size: 1.1em;}
	.event h6{font-size: 0.9em; font-style: oblique;}

#news li,#resources li{list-style-type: disc; line-height: 1.5em; font-size: 0.9em; margin-left: 30px}

ul#anchors{margin: 0 auto; margin-bottom: 10px; text-align: center;}
#anchors li{display: inline; font-size: 0.8em;}
#anchors li.first{border-left: none;}

	
/*Contact Forms */
.contact{padding: 10px; width: 580px; border: 1px solid #CCC; background-color: #EEE; margin: 10px 0; float: left;}
.contact h3{margin: 20px 0; font-size: 1.5em; color: #1E90FF;}
	.contact label{float: left; width: 500px;}
	.contact select{float: left; margin: 0 0 10px 0px; padding: 3px;}
	.contact input[type=radio]{float: none; text-align: center;}
	.contact textarea, 
	.contact input[type=text]{float: left; width: 400px; margin: 0 0 10px 0px; padding: 5px; }
	
	.contact .city input, .contact .city label{width: 180px;}
	.contact .state label{width: 100px;}
	.contact .zip input, .contact .zip label{width: 120px;}
	
	.contact textarea{height: 150px;}
	.contact button{float: right; height: 35px; width: 93px; text-indent: -9000px; border: none;
		background: #FFFF00 url('../images/submit-btn.png') no-repeat; margin-right: 20px;}
		
#ie6warn{display: none; border: 2px solid #CCC; padding: 20px; background-color: #F5F5F5;}
	#ie6warn p{color: #F00;}
	#ie6warn ul{}
		#ie6warn li{float: left; padding: 5px;}