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

/* --------------- global styles ----------------- */

html body {
	background: url(../images/slice.jpg) repeat-x;
	background-position:top center;
	height:100%;
	min-height:100%;
	margin:0;
	padding:0
}

#page_wrapper {
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

body p {
	color:#000;
	font:10pt "Ariel", sans-serif;
	line-height:150%
}

body li {
	color:#000;
	font:10pt "Ariel", sans-serif;
	line-height:150%
}

body h1 {
	color:#000; 
	font: 10pt "Ariel", sans-serif; 
}

body h3 {
	margin:25px 0 0 -35px;
	color:#ffcc66;
	font:30px "Ariel", sans-serif
}

body a {
	color:#d12027; 
	font: 16pt "Ariel", sans-serif;
	outline:none
}




/* --------------- main navigation styles ------------------ */


#mainNav {
	position:relative; 
	top:-20px; 
	left:55px;
	z-index:1;
	width:820px; 
	height:45px
}

#mainNav a {
	float:left; 
	height:15px; 
	margin-right:46px; 
	display:block; 
	color:#fff; 
	font:12pt "Ariel", sans-serif; 
	background-color:transparent; 
	text-align:center; 
	text-decoration:none;
	outline:none
}

#mainNav li {
	float:left; 
	list-style-type:none
}

#mainNav a:hover {
	color:#ffcc66
}

#home #mainNav .home a,
#about #mainNav .about a,
#events #mainNav .events a,
#sponsor #mainNav .sponsor a,
#donors #mainNav .donors a,
#contact #mainNav .contact a {color:#ffcc66; cursor:default}





/* --------------- header styles ----------------- */


#header {width:900px}  

#header img {
	position:relative;
	top:10px;
	left:0
}

#header h1 {
	text-align:right;
	position:relative;
	top:-60px;
	left:15px
}

#header a {
	position:absolute;
	top:90px;
	left:884px;
	color:#d12027; 
	font: 12pt "Ariel", sans-serif;
	text-decoration:none
}

#header a:hover {color:#ffcc66}





/* --------------- display styles ----------------- */


#display_wrapper {
	position:relative;
	top:0;
	left:0;
	width:800px;
	height:355px
}

#display_wrapper img {
	position:relative;
	top:-115px;
	left:-15px
}

#flash_display {
	position:relative;
	top:-342px;
	left:105px;
}

#photo
{position:relative;
	top:-228px;
	left:120px}





/*-------------- content styles ---------------*/


#content_wrapper {
	position:relative;
	top:-50px;
	left:0;
	width:900px;
}

#content_wrapper p {
	font:12pt "Ariel", sans-serif;
	margin-left:50px;
	width:450px;
	line-height:150%}	

.info {
	margin:20px 0 0 75px;
}

.info h2 {
	margin-top:30px;
	color:#d12027;
	font:16pt "Ariel", sans-serif
}

.info a {
	color:#d12027; 
	font: 10pt "Ariel", sans-serif;
	text-decoration:none
}

.info a:hover {color:#ffcc66}
	

#content_wrapper .info p {
	width:420px;
	margin-left:0;
	font:10pt "Ariel", sans-serif;
	line-height:150%
}

.donate {
	position:absolute;
	top:15px;
	left:310px
}

.donate1 {
	margin:40px 0 0 0
}




/*-------------- secondary navigation styles --------------*/


#secondaryNav {
	position:absolute;
	top:-10px;
	left:590px
}

#secondaryNav a {
	height:35px; 
	display:block; 
	background-color:transparent; 
	text-decoration:none;
	outline:none; 
	padding:15px 0 5px 0
}

#secondaryNav a:hover {color:#ffcc66}

.border {
	border-bottom:1px #d12027 solid;
	width:175px
}





/* ------------- contact form elements --------------- */


#form-div-wrapper {
	position:relative;
	top:-5px;
	left:95px;
	width:460px; 
	height:310px;
	background-color:#d12027
}

textarea {
	background-color: #FFFAF0
}

table {
	float:left;
	margin:11px;
	background-color:#FFD39B;
	font:11pt "Ariel", sans-serif; color:#000;
}

#nameinput {
	background-color:#FFFAF0
}

#emailinput {
	background-color:#FFFAF0
}

#feedbackbutton {
	background-color:#FFFAF0; 
	font:11pt "Ariel", sans-serif
}





/*----------- footer styles -------------*/


#footer {
	position:relative; 
	top:40px;
	left:0;
	height:40px;
	clear:both; 
	background-color:#d12027
}

#thankyou #footer {
	position:relative; 
	top:140px
}

#error #footer {
	position:relative; 
	top:140px
}

#footer p {
	position:absolute; 
	top:2px; 
	left:155px; 
	font:10pt "Ariel", sans-serif;
	color:#fff
}

#footer a {
	color:#ffcc66; 
	font: 10pt "Ariel", sans-serif;
	text-decoration:none
}

#footer a:hover {color:#000}