/* -------------------- MASTER STYLE SHEET --------------------  */

/* Eric Meyer Reset (modified) - SOURCE: http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,.reset{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{line-height:1;background:#fff}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top;}
/* Clearfix Class - SOURCE: http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:block}* html .clearfix{height:1%}

/* -------------------- BASIC SELECTOR STYLES -------------------- */

html, body {height: 100%;}

body {font: 13px; color:#333;
	font-family: Arial, Helvetica, sans-serif;
	background: #4c2315 url(/images/bodyRepeat.gif) 50% 0 repeat-y;
	}

p, li, dd {
	font-size: 14px;
	line-height: 1.7em;
	color: #7b7461;
	margin: 1em 0;
	}
strong {
	color: #3f3928;
	color: #0090bf;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;	
	text-shadow: #adadad 1px 1px 2px;
	}
a:hover strong {
	color: #08d1ff;
	}
#mainCol em {
	color: #3f3928;	
	text-shadow: #adadad 1px 1px 2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: normal;
	}
	
a:link, a:visited {color: #28605a;}
a:hover, a:active, .focuslink {color: #e04f00;}	

small {
	font-size:11px;}

/* -------------------- STRUCTURE STYLES -------------------- */

#mainContainer, #headerContainer, #header, #navBox, #contentContainer {
	position: relative;
	width: 100%;
	z-index: 30;
	}
#headerContainer {
	background: url(/images/tanBurlapRepeat.jpg) 50% 0 repeat-x;
	height: 385px;
	}
#header {
	background: url(/images/burlapHighlight.jpg) 50% 0 no-repeat;
	height: 385px;
	}
#logoBox {
	width: 800px;
	height: 276px;
	margin: 0 auto;
	}
#navBox {
	height: 109px;
	background: url(/images/navRepeat.gif) 0 100% repeat-x;
	}
#navBackHolder {
	width: 800px;
	margin: 0 auto;
	position: relative;
	z-index: 0;
	}

#contentContainer {
	background: url(/images/contentBack.jpg) 50% 0 no-repeat;
	}
#content {
	width: 800px;
	margin: 0 auto;
	clear:both;
	}
#mainCol {
	width: 465px;
	margin-left: 13px;
	padding-left: 36px;
	padding-top: 15px;
	float: left;
	display: inline;
	}
#sideCol {
	position: relative;
	width: 242px;
	float:left;
	display:inline;
	top: 15px;	/*causes issue in IE 7- */
	}
#scheduleBox {
	width: 286px;
	}
#logo {
	cursor: pointer;
	float: left;
	display: inline;
	width: 439px;
	margin-top: 13px;
	}
#logo a {
	width: 390px;
	height: 238px;
	background: url(/images/FPOlogo.png) no-repeat;
	margin:0 0 0 49px;
	display: block;
	}

#headRight {
	width: 361px;
	height: 276px;
	float: left;
	display: inline;
	}	
#timer {
	width: 322px;
	height: 80px;
	margin-left:39px;
	background: url(/images/timeBack.png) no-repeat;
	}
#quoteArea {
	background: url(/images/FPOquote.png) no-repeat;
	width: 243px;
	height: 84px;
	margin: 65px 0 0 95px;
	}

/* -------------------- NAV STYLES -------------------- */	
#navBox ul {
	width: 800px;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	}
	
#nbackOrganizers {
	position: absolute;
	left: 3px;
	z-index: 5;
	}
#nbackProjects {
	position: absolute;
	left: 145px;
	z-index: 6;
	}	
#nbackVolunteer {
	position: absolute;
	left: 265px;
	z-index: 7;
	}	
#nbackDonate {
	position: absolute;
	left: 400px;
	z-index: 8;
	}	
#nbackGuestbook {
	position: absolute;
	left: 508px;
	z-index: 9;
	}	
#nbackGallery {
	position: absolute;
	left: 642px;
	z-index: 10;
	}	
#navBox ul li {
	float: left;
	display: inline;
	height: 109px;
	margin: 0;
	padding: 0;
	text-align:center;
	}
#navBox ul li a, .fgi {
	cursor: pointer;
	position: relative;
	display: block;
	height: 61px;
	overflow: hidden;
	top: 48px;
	z-index:20;
	}
#navBox ul li .bgi{
	top: 40px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	}
#navBox ul li .fgi {
	top: 0px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	}
#navOrganizers {
	width: 160px;
	margin-left: 13px;
	background: url(/images/navOrganizers.gif) no-repeat;
	}
#navProjects {
	width: 117px;
	background: url(/images/navProjects.gif) no-repeat;
	}
#navVolunteer {
	width: 140px;
	background: url(/images/navVolunteer.gif) no-repeat;
	}
#navDonate {
	width: 97px;
	background: url(/images/navDonate.gif) no-repeat;
	}
#navGuestBook {
	width: 139px;
	background: url(/images/navGuestBook.gif) no-repeat;
	}
#navGallery {
	width: 134px;
	background: url(/images/navGallery.gif) no-repeat;
	}

#navBox ul li a:link, #navBox ul li a:visited {
	background-position: 0 -61px;
	}
/*#navBox ul li a:hover, #navBox ul li a:active {
	background-position: 0 0;
	}	*/
	
#textNav {
	margin-top: 30px;
	}	
#textNav li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 9.5px;
	font-weight: bold;
	text-transform: uppercase;
	padding-right: 8px;
	}
#textNav a:link, #textNav a:visited {
	color: #28605a;
	}
#textNav a:hover, #textNav a:active {
	color: #e04f00;
	}
	
/* -------------------- HIDDEN -------------------- */	
#navBox ul li a span, #logo strong, #quoteArea span {
	display: none;
	}

.firstLine, h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	color: #403a29;
	font-weight: bold;
	text-shadow: #adadad 1px 1px 2px;}
#strongJc {
	width: 135px;
	text-indent: -5000px;
	display: inline-block;
	background: url(/images/strongJc.gif) 0 50% no-repeat;}	
#strongCs {
	width: 200px;
	text-indent: -5000px;
	display: inline-block;
	background: url(/images/strongCs.gif) 0 50% no-repeat;}
#timer p .afterdate {
	position: relative;
	padding-right: 5px;
	top:-4px;}
#timer p img {
	padding-top:2px;}
#timer p {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;	
	margin: 0;
	left: 60px;
	top: 10px;
	position:relative;
	padding: 0;
	width: 286px;
	height: 67px;	}
#timer p strong {
	display: none;}
/* -------------------- Sidebox -------------------- */	
#scheduleBox .innersch {
	background: url(/images/sideBarRepeat.gif) repeat-y;
	width: 230px;
	padding-top: 1px;
	padding-left: 44px;
	padding-right: 12px;
	padding-bottom: 1px;
	}
#scheduleBox h2 {
	background: url(/images/sideBarBottom.png) repeat-y;
	width: 242px;
	height: 46px;
	margin: 0;
	color: white;
	padding: 50px 0 0 44px;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
	}
#scheduleBox h2 em {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	font-style: normal;
	text-shadow: none;
	}

#scheduleBox p, #scheduleBox h3 {
	line-height: 1.3em;
	color: white;
	font-size: 13px;
	}
#scheduleBox h3 + p {
	margin-top: 0;
	}
#scheduleBox h3 {
	margin-top: 1em;
	margin-bottom: 0;
	font-size: 15px;
	text-transform: uppercase;
	}
#scheduleBox a:link, #scheduleBox a:visited {color: #6c1214; text-decoration:none;}
#scheduleBox a:hover, #scheduleBox a:active {color: #990000;}	

#scheduleBox p a:link, #scheduleBox p a:visited {color: #ffffff; text-decoration:none;}
#scheduleBox p a:hover, #scheduleBox p a:active {color: #990000;}	


.indented {
	padding-left: 20px;
}

/* ---------- for fancy images ------------------ */
#zoom {
position:relative;
z-index: 10000;
}

/*----------- for gallery ------------------------*/
.breadcrumb {
	margin:15px 0 15px 6px;
	font-size:11px;
	background-color:transparent;}
.paginate {
	margin:10px 0 10px 6px;
	font-size:11px;
	background-color:transparent;}
.windowclose {
	margin:15px 0 10px 0;
	font-size:10px;
	background-color:transparent;
	text-align:center;}
.spacer {
	font-size:10px;
	margin:5px 0 5px 0;}
.border {
	border:1px solid #000;}
.paddedborder {
	padding:0;
	border:0;}
.thumbs {
	text-align:	center;
	overflow:hidden;
	padding:15px 3px 8px 3px;}
.title {
	margin:3px 0 0 0;
	font-size:11px;
	font-weight:bold;
	color:#000;}
.caption {
	margin:12px 0 4px 0;
	background-color:transparent;
	font-size:11px;}
.commentlink {
	margin:4px 0 8px 0;}
.stats {
	margin:4px 0 4px 0;
	font-size:10px;
	font-weight:normal;}
.imageBG {
	text-align:center;}
.categories {
	padding:5px 10px 5px 12px;}
.tableBorder {
	border:0;}
th {
	text-align:left;
	padding:5px 4px 5px 12px;}
td {
	font-size:11px;}
#flashcontentcontainer {
	position:relative;
	width: 470px;
	height: 340px;
	z-index:50;
	left:-5px;}
	
/* jQuery Countdown styles 1.5.5. */
.hasCountdown {}
.countdown_rtl {
	direction: rtl;}
.countdown_holding span {}
.countdown_row {
	clear: both;
	width: 100%;
	padding: 0px 2px;
	text-align: center;}
.countdown_show1 .countdown_section {
	width: 98%;}
.countdown_show2 .countdown_section {
	width: 48%;}
.countdown_show3 .countdown_section {
	width: 32.5%;}
.countdown_show4 .countdown_section {
	width: 24.5%;}
.countdown_show5 .countdown_section {
	width: 19.5%;}
.countdown_show6 .countdown_section {
	width: 16.25%;}
.countdown_show7 .countdown_section {
	width: 14%;}
.countdown_section {
	display: block;
	float: left;
	font-size: 75%;
	text-align: center;}
.countdown_amount {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-shadow: #BFA074 1px 1px 2px;}
.countdown_descr {
	display: block;
	width: 100%;
	color: #99ac52;
	font-size: 20px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 0;}
#maincountdown{
	position: relative;
	left: 98px;
	top: -5px;
	margin-top: 0 ;
	width: 50%;
	white-space:nowrap;
	font-size: 12px;
	color:#5C5446;}
/* side project nav */
p.sidemenu {
	opacity: 0;
	position: relative;
	overflow: visible;
	background-color:#EF841C;}
p.hoverover {
	margin: 0;
	padding: 0;
	display: block;
	height: 1px;
	overflow: visible;
	padding-left:10px;
	background-color:#EF841C;}
.hoverover small{
	color:#F8C48F;}
.sideprojectlist{ 
	height: auto;
	position: relative;
	/*overflow:hidden;*/
	display:block;}
.sideprojectlist h3 {
	position: relative;
	left: -10px;}