@charset "UTF-8";
/* CSS Document */

body {
	background-color: #E5E5E5;
	padding: 0;
	margin: 0;
	line-height: 120%;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	padding-left: 10px;
	margin: 0;
	font-size: 18px;
	color: #F90;
}

h2 {
	padding-left: 10px;
	padding-right: 10px;
	margin: 0;
	font-size:14px;
	color: #1D7E98;
}

p {
	font-size: small;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
}

ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	margin: 0;
	list-style-type: circle;
}

ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	margin: 0;
	padding-top:5px;
	padding-right:10px;
	line-height: 150%;
}

#wrapper {
	background-color: #FFF;
	width: 1000px;
	height: 1130px;
}

#wrapper_whole {
	background-color: #FFF;
	width: 1000px;
	height: 1010px;
} /* the 'whole' term refers to divs on pages with just one large content div */

#wrapper_blog {
	background-color: #FFF;
	width: 1000px;
	height: 1000px;
} /* the 'whole' term refers to divs on pages with just one large content div */

#header {
	background: no-repeat url(backgrounds/header_back.gif) center;
	height: 120px;
	width: 960px;
}

#navigation {
	background: no-repeat url(backgrounds/nav_back.gif) center;
	height: 40px;
	width: 960px;
}

#navigation p {
	font-size: 16px;
	color: #FFF;
	padding-left: 25px;
	padding-top: 10px;
}


#quick {
	background:no-repeat url(backgrounds/quick_back.gif);
	height: 460px;
	width: 306px;
}

#quick.youtube {
	background:no-repeat url(backgrounds/quick_back2.gif);
	height: 460px;
	width: 306px;
}

#quick_narrow {
	background:no-repeat bottom url(backgrounds/quick_back_narrow.gif);
	height: 320px;
	width: 140px;
	padding-bottom: 20px;
}

#quick h1 {
	padding-left: 10px;
	padding-top: 5px;
	color: #1D7E98;
}

#quick ul {
	color: #E9006C;
	padding-top: 10px;
	padding-left: 25px;
}

#quick_narrow h1 {
	color:  #1D7E98;
	padding-top: 10px;
	padding-left: 10px;
}

#quick_narrow ul {
	color: #E9006C;
	padding-top: 10px;
	padding-left: 20px;
}

a {
	text-decoration:none;
}

a:link {
	color:#E9006C;
}

a:visited {
	color: #909;
}

a:hover {
	color: #1D7E98;
}

A:active {
	color:#E9006C;
}

#quarter1 {
	background:no-repeat url(backgrounds/quarter_back.gif);
	height:220px;
	width:306px;
}

#quarter1 p {
	padding-left: 10px;
	padding-right: 10px;
}

#quarter2 {
	background:no-repeat url(backgrounds/quarter_back.gif);
	height: 220px;
	width: 306px;
}

#quarter2 p {
	padding-left: 10px;
	padding-right: 10px;
}

#quarter3 {
	background:no-repeat url(backgrounds/quarter_back.gif);
	height: 220px;
	width: 306px;
}

#quarter3 p {
	padding-left: 10px;
	padding-right: 10px;
}

#quarter4 {
	background:no-repeat url(backgrounds/quarter_back.gif);
	height: 220px;
	width: 306px;
}

#quarter4 p {
	padding-left: 10px;
	padding-right: 10px;
}

#whole {
	background: no-repeat bottom url(backgrounds/whole_back.gif);
	height: 620px;
	width: 800px;
	padding-top: 20px;
}

#whole p {
		padding-left: 10px;
		padding-bottom:10px;
}

#whole ul {
	padding-left: 25px;
}

#blog {
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	background-color:#FFF;
	width: 960px;
}

#footer, #footer_whole {
	background:no-repeat bottom url(backgrounds/footer_back.gif);
	background-color: #FFF;
	height:125px;
	width: 960px;
}


#footer.lsc{
	background:no-repeat bottom url(backgrounds/footer_back2.gif);
}

#footer, #footer_whole p {
	padding-top: 5px;
	padding-left: 20px;
	line-height: 150%;
}

.footer_links1 a:link {
	color:#1D7E98;
	font-size:14px;
	text-decoration: none;
}

.footer_links1 a:visited {
	color: #909;
	font-size:14px;
}

.footer_links1 a:hover {
	text-decoration:none;
	color: #FFF;
	background-color: #1D7E98;
}

.footer_links1 a:active {
	color:#1D7E98;
	font-size: 14px;
}

.footer_links2 a:link {
	color: #333
}

.footer_links2 a:hover {
	text-decoration:none;
	color: #FFF;
	background-color: #1D7E98;
}


.word_space {
	word-spacing: 30px;
}

hr {
	margin-left: 10px;
	margin-right: 10px;
}

.topnav { 
 	font-size: 0.8em;
  color: #000;
 	background-color: #FFF;
 	padding: 0.5em;
}

.left10_image {
	padding-left: 10px;
}







/* positioning */

#wrapper, #wrapper_whole, #wrapper_blog, #header, #search, #navigation, #breadcrumb, #main_image, #donate, #news_link, #quick, #quick_narrow, #quarter1, #quarter2, #quarter3, #quarter4, #whole, #blog, #footer, #footer_whole {
	position:absolute;
}/* All divs, including the container "wrapper' have to be positioned as absolute first*/

#header {
	left: 20px;
}

#search {
	top: 10px;
	right: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:lighter;
}

#navigation {
	top: 140px;
	left: 20px;
	z-index: 9999;
}

#breadcrumb {
	top: 175px;
	left: 20px;
}

#main_image {
	top: 200px;
	left: 20px;
}

#donate {
	left: 840px;
	top: 200px;
}

#news_link {
	left: 840px;
	top:350px;
}

#quick {
	left: 672px;
	top:500px;
}

#quick_narrow {
	left: 840px;
	top:500px;
}

.logo_images, .polaroid {
	float:right;
}

.polaroid {
	margin-right: 10px;
}

#whole {
	left:20px;
	top: 200px;
}

#blog {
	left:20px;
	top: 200px;
}

#quarter1 {
	left:20px;
	top:500px;
}

#quarter2 {
	left:346px;
	top:500px;
}

#quarter3 {
	left:20px;
	top:740px;
}

#quarter4 {
	left:346px;
	top:740px;
}

#footer {
	left:10px;
	top:980px;
}

#footer_whole {
	left: 20px;
	top:860px;
}

#wrapper, #wrapper_whole, #wrapper_blog {
	position:relative;
	margin-left: auto;
	margin-right: auto;
}/* this overrides the earlier absolute positioning of the "wrapper" div to allow centering with all nested contents in correct place*/