body {
	margin:0px;
	padding:0px;
	height: 100%;

	text-align: center;
	background: url(../img/mainBG.jpg) top left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9pt;
	color: #1b1409;
}

a { color: #712f21; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

h1 a { background: url(../img/homeCallout.png) bottom center no-repeat; }

#container {
	text-align: left;
	xfloat: left;
}
#main {
	padding-left: 390px;
	width: 545px;
	padding-right: 60px;
	background: url(../img/contentBG.png) top right repeat-y;
	float: left;
	clear: both;
	min-height: 700px;
	height: auto !important;
	height: 700px;
	z-index: 100;
}

h3 { 
	width: 568px;
	height: 90px;
	padding:0px;
	margin:0px;
	position: relative;
	margin-left: -28px;
	margin-top: -30px;
	margin-bottom: 0px;
	float: left;
	display: inline;
}

#mainCap {
	float: left;
	clear: both;
	display: inline;
	margin-left: 330px;
	width: 671px;
	height: 38px;
	background: url(../img/mainCap.png) no-repeat;
}

#nav {
	list-style: none;
	clear: right;
	margin:0px;
	padding: 0px 0px 30px 15px;
	float: left; 
	clear: both;
	margin-bottom: 0px;
	background-color: #f2daac;
	position: relative; 
	width: 575px;
	height: 49px;
	margin-left: -31px;
}


#nav li {
	float: left;
	clear: right;
	margin: 0px 0px 0px 0px;
}

#nav a {
	text-transform: uppercase; 
	color: #712f21;
	font-size: 10pt;
	text-decoration: none;
	display: block;
}
#nav a {
	height:48px;
	text-indent: -5000px;
	outline: none;
}

#nav a:hover, .active {
	background-position: 0px -48px !important;
}

#nav .donate a {
	background: url(../img/navDonate.jpg);
	width: 142px;
}
#nav .about a {
	background: url(../img/navAbout.jpg);
	width: 83px;
}
#nav .follow a {
	background: url(../img/navFollow.jpg);
	width: 92px;
}
#nav .board a {
	background: url(../img/navBoard.jpg);
	width: 165px;

}
#nav .partners a {
	background: url(../img/navPartners.jpg);
	width: 86px;
}

#contentHolder {
	float: left;	
	padding-bottom: 25px;
	padding-left: 5px;
	clear: both;
}
.content {
	float: left;
	clear: both;
	padding-top: 30px;
}

.content p {
	padding: 0px;
	margin: 0px 0px 15px 0px;
	line-height: 21pt;
	width: 547px;
}

#leftContent {
	width: 330px;
	height: 736px;
	background: url(../img/leftBG.jpg) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 500;
}

#logo { 
text-indent: -5000px; 
outline: none;
display: block;
height: 123px;
width: 185px;
position: absolute;
top: 80px;
left: 100px;
z-index: 1000;
}

#footer {
	width: 1000px;
	height: 33px;
	text-align: center;
	padding-top: 40px;
	font-size: 10pt;
	color: #852d30;
	float: left;
	clear: both;
	background: url(../img/footerBG.png) no-repeat;
}

/* COMMON ITEMS */
#defaultLeftImg {
	position: absolute;
	top: 200px;
	left: 26px;
}
#defaultLeftTile {
	position: absolute;
	top: 480px;
	left: 320px;
}

.donateBtn { display: block; height: 30px; width: 71px; text-indent: -5000px; outline: none; background: url(../img/btnDonate.jpg); margin: 15px 0px 0px 10px; } 
.contactBtn { display: block; height: 30px; width: 102px; text-indent: -5000px; outline: none; background: url(../img/btnContact.jpg); margin: 15px 0px 15px 10px; } 


h4 { font-weight: normal; font-size: 14pt; padding-bottom: 3px; margin: 0px; width: 547px; }

/* HOME */

#home h3 {
	text-indent: -5000px;
	background: url(../img/headerHome.jpg) no-repeat;
}

#home .p1 { width: 390px; }
#home .p2 { width: 557px; margin-bottom: 0px; }
#home .p3 { width: 480px; margin-left: 60px; margin-top: 0px;}

#home .videoCallout a { display: block; outline: none; height:182px; width:204px; background: url(../img/homeVideoCallout.png) top left no-repeat; position: absolute; margin-left: 400px; margin-top: 40px; z-index: 1000; text-indent: -5000px;}

#homeDonate { display: block; height: 30px; width: 165px; text-indent: -5000px; outline: none; background: url(../img/btnHomeDonate.jpg); margin-left: 365px; } 

/* DONATE */

#donate h3 {
	text-indent: -5000px;
	background: url(../img/headerDonate.jpg) no-repeat;
}

#donate .p1 {  }
#donate .p2, #donate .p3 { padding-left: 64px; padding-right:30px; width: 510px;}
#donate h4 {background: url( ../img/headerDonateForm.jpg); display: block; margin-left: 64px; width: 155px; height: 28px; text-indent: -5000px; margin-bottom:20px;}

#donate .donate { font-weight:600; font-size:8pt; }



/* ABOUT */

#about h3 {
	text-indent: -5000px;
	background: url(../img/headerAbout.jpg) no-repeat;
}

#about .p2 { width: 470px; margin-left: 70px;  }

#about .downloadBtn { font-weight: bold; text-decoration: none; font-size: 11pt; }
.downloadBtn img { border: 0px; position: absolute; margin-top: 8px;} 



/* FOLLOW */

#follow h3 {
	text-indent: -5000px;
	background: url(../img/headerFollow.jpg) no-repeat;
}

#follow #blogContent {
	height: 1200px;	
}



#flickrBar { margin-left: 29px; margin-top: 210px; height: 310px;}
#flickrBar h4 { text-indent: -5000px; margin:0px; padding: 0px;  height: 24px; width: 183px; background: url(../img/headerFollowPhotos.png) no-repeat;   margin-bottom: 8px;}

.btnNewsletter { display: block; height: 110px; width: 260px; background: url(../img/btnNewsletter.png) no-repeat; margin-left: 35px; margin-top: -5px; text-indent: -5000px; outline: none; } 

#socialBar { margin-left: 29px; margin-bottom: 30px; } 
#socialBar h4 { text-indent: -5000px; margin:0px; padding: 0px;  height: 24px; width: 183px; background: url(../img/headerFollowLook.png) no-repeat; margin-bottom: 8px;   }
#socialNav { clear: both; list-style: none; padding:0px; margin: 0px; }
#socialNav li { padding: 0px; margin: 0px; float: left;}
#socialNav ul { padding: 0px; margin: 0px; float: left;}
#socialNav a { display: block; height: 46px; width: 54px;text-indent: -5000px; outline: none;}

#socialNav .youtube a { background: url(../img/btnYou.png) no-repeat; }
#socialNav .flickr a { background: url(../img/btnFlickr.png) no-repeat; }
#socialNav .twitter a { background: url(../img/btnTwitter.png) no-repeat; }
#socialNav .wikipedia a { background: url(../img/btnWiki.png) no-repeat; }
#socialNav .facebook a { background: url(../img/btnFacebook.png) no-repeat; }

#sideVideoBox { width: 320px; height: 265px;  position: absolute; top: 750px; left: 40px;}
#sideVideoBox h4 { text-indent: -5000px; background: url(../img/headerYoutube.jpg) #f2daac; height:22px; width:183px; }

#sideMediaBox {  position: absolute; top: 1060px; left: 40px; }
#sideMediaBox h4 { text-indent: -5000px; background: url(../img/headerMedia.jpg) #f2daac; height:22px; width:183px; }

a.blogTitle { font-size:14pt; color: #712F21; font-weight: bold; }
a.blogMoreLink { font-size:9pt; color: #712F21; font-weight: bold; }
.blogDate {font-size:8pt; }


/* BOARD */

#board h3 {
	text-indent: -5000px;
	background: url(../img/headerBoard.jpg) no-repeat;
}

#boardLeftTile {
	position: absolute;
	top: 275px;
	left: 160px;
}


/* PARTNERS */

#partners h3 {
	text-indent: -5000px;
	background: url(../img/headerPartners.jpg) no-repeat;
}

#partnersTile {
		position: absolute;
	top: 215px;
	left: 112px;

}

#partners .p4 { 
	margin-bottom: 60px;
}



/*
Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {text-align:center; width:300px;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image {margin:0 5px 5px 5px; float:left;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:none; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

