/* CSS Document */

body {
	padding:0; margin:0; background:url(images/bg.gif); 
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px; color:#3D3C2C; font-weight:normal;
	line-height: 1.6em; width: 100%;
}



/* GENERIC STYLES */

div, p, h1, h2, h3, ul, img { 
	padding:0px; margin:0px; }

ul 			{ list-style-type:none; }
ol li 		{ width: 590px !important; padding-bottom: 10px !important; }
.smaller 	{ padding-left: 20px; width: 510px; }
.thanks_left { padding-left: 40px; }

#donations {
	position: fixed;
	top: 140px; left: 40px;
	display: block !important;
	height: 215px !important; width: 75px !important;
	color: black; font: bold; font-size: 11px;
	border: 1px white solid;
	z-index: 0;
	float: left;
	clear: both;
}

#donations a 	{ text-decoration:none !important; }
#donations img	{ border: 0; margin-bottom: 15px; }

#sponsorBar {
	position: fixed; top: 140px; right: 50px;
	display: block !important;
	width: 75px; color: black; font-weight: bold;
	font-size: 12px; z-index: 0;
	float: right; clear: both;
	text-align: center;
}

#sponsorBar h2					{ font-size: 16px; margin: 0 auto; margin-bottom: 15px; }
#sponsorBar h4					{ text-decoration: none; font-size: 11px; font-style: italic;}
#sponsorBar img					{ margin-bottom: 22px; border: 0; }
.sponsorLogos ul li a			{ width: 75px; height: 75px; }

.sponsorLogos #s-bpgh			{ background-image: url('images/sponsors/bpgh.gif') 0 0; 
									background-position: 0px 0px;}
.sponsorLogos #s-bpgh:hover		{ background-position: 76px 0px;}

/* TOP PANEL */

#topContainer {
	padding: 0; margin: 0 auto;
	background: url(images/main-bg.gif);
}

#topPan {
	width:778px; height:96px; 
	position:relative; 
	margin:0 auto; padding:0;
}

#topPan img{width:204px; height:57px; display:block; padding:23px 0 0 6px;}

/* Menu Panel */

#topPan ul{width:522px; height:96px; display:block; position:absolute; top:0px; right:9px; margin:0; padding:0;}

#topPan ul li{float:left; width:87px; display:block; text-align:center;}

#topPan ul li a{width:87px; height:35px; display:block; font:14px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2E4E00; background:url(images/menu-bg.gif) 0 0 repeat-x #F4F1DD; text-decoration:none; margin:0; padding:61px 0 0 0; }

#topPan ul li a:hover, #topPan ul li.selected { width:87px; height:45px; display:block; background:#FCFAE6; color:#2E4E00; text-decoration:none;}

#topPan ul li span{width:87px; height:35px; display:block; background:url(images/menu-devider1.gif) 100% 0 no-repeat #FCFAE6; color:#2E4E00; text-decoration:none; padding:61px 0 0 0; line-height:14px;}



/* HEADER PANEL */

#headerPan { 
	width:778px; height:287px; 
	position: relative; margin: 0 auto; 
	padding: 0; padding-top: -20px;
}

#headerPan h1{width:526px; height:236px; position:absolute; top:35px; right:0px; background:url(images/header-img.jpg) 0 0 no-repeat #FCFAE6; color:#fff; font-size:36px; line-height:18px; text-transform:uppercase; text-indent:-2000px;}

#headerPanleft{ width:237px; height:214px; position:absolute; top:48px; left:9px;}

#headerPan #register{ float:left; width:237px; height:62px; position:relative; margin:0 auto; background:url(images/icon1-nor.gif) 0 0 no-repeat;}

#headerPan #register h2{width:90px; height:10px; background:#fff; display:block; position:absolute; left:0px; top:0px; margin:14px 0 5px 81px; font:14px/13px Georgia, "Times New Roman", Times, serif; color:#CC0000; z-index:1; text-transform:uppercase;}

#headerPan #register p{width:103px; height:10px; display:block; position:absolute; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2E5000; background:#fff; margin:34px 0 0 81px; z-index:1; }

#headerPan #register a{text-decoration:none; display:block; width:237px; height:62px;}

#headerPan #register a:hover{text-decoration:none; background:url(images/icon1-hover.gif) no-repeat 0 0;}



#headerPan #involved{ float:left; width:237px; height:62px; position:relative; margin:13px 0 0 0; background:url(images/icon2-nor.gif) 0 0 no-repeat;}

#headerPan #involved h2{width:95px; height:10px; background:#fff; display:block; position:absolute; left:0px; top:0px; margin:14px 0 5px 81px; font:13px/13px Georgia, "Times New Roman", Times, serif; color:#CC0000; z-index:1; text-transform:uppercase;}

#headerPan #involved p{width:103px; height:10px; display:block; position:absolute; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2E5000; background:#fff; margin:34px 0 0 81px; z-index:1; }

#headerPan #involved a{text-decoration:none; display:block; width:237px; height:62px;}

#headerPan #involved a:hover{text-decoration:none; background:url(images/icon2-hover.gif) no-repeat 0 0;}



#headerPan #sponsor{ float:left; width:237px; height:62px; position:relative; margin:13px 0 0 0; background:url(images/icon4-nor.jpg) 0 0 no-repeat;}

#headerPan #sponsor h2{width:90px; height:10px; background:#fff; display:block; position:absolute; left:0px; top:0px; margin:14px 0 5px 81px; font:14px/13px Georgia, "Times New Roman", Times, serif; color:#CC0000; z-index:1; text-transform:uppercase;}

#headerPan #sponsor p{width:103px; height:10px; display:block; position:absolute; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2E5000; background:#fff; margin:34px 0 0 81px; z-index:1; }

#headerPan #sponsor a{text-decoration:none; display:block; width:237px; height:62px;}

#headerPan #sponsor a:hover{text-decoration:none; background:url(images/icon4-hover.jpg) no-repeat 0 0;}



/* BODY PANEL */

#bodyPan {
	width:778px; 
	position:relative; margin:0 auto; padding:0;
}

.down { margin-bottom: 25px !important;}



/*Left Panel */

#leftPan{width:239px; position:absolute; top:0px; left:8px; margin:0; padding:0px;}

#leftmemberPan{width:237px; position:relative; margin:0 auto; padding:0; border:1px solid #fcfae6; background:#fcfae6; color:#000;}

#leftmemberPan h2{height:48px; background:url(images/symbol4.gif) 0 0 no-repeat #fff; display:block; position:relative; padding:0 0 0 57px; margin:12px 0 20px 13px; font:16px/48px  Georgia,"Times New Roman", Times, serif; color:#5EA000; text-transform:uppercase;}

#leftmemberPan h2 span{background:#fff; color:#3D3C2C;}

#leftPan form{width:220px; height:108px; background:#EBE9D7; padding:0; margin:0 0 0 8px; color:#000000;}

#leftPan form label{width:72px; display:block; float:left; padding:14px 15px 0 16px; }

#leftPan form label.emailpadding{padding:2px 15px 0 16px;}

#leftPan form input{ float:left; display:block; width:101px; height:16px; margin:14px 0 9px 0}

#leftPan form input.fieldpadding{margin:2px 0 9px 0}

#leftPan h3{height:48px; background:#FCFAE6; display:block; float:right; padding:0 0 0 57px; margin:12px 0 22px 13px; font:28px/48px Georgia, "Times New Roman", Times, serif; color:#3D3C2C;}

#leftPan ul{ display:block; float:right; width:225px; height:327px;}

#leftPan ul li{background:url(images/arrow3.gif) 140px 10px no-repeat; padding:0px 20px 0 0; text-align:right;} 

#leftPan ul li a{text-decoration:underline; color:#3D3C2C; background:#FCFAE6;}

#leftPan ul li a:hover{text-decoration:none;}



#leftPango{width:220px; height:25px; position:absolute; top:160px; left:8px; border-top:1px solid #fff; background:#B0AD93; display:block; padding:0; margin:0; font-size:12px; color:#FFFFFA; line-height:23px; font-weight:bold;}

#leftPango p.textposition a{float:left; padding:0 0 0 20px; margin:0; text-decoration:none; color:#FFFFFA; background:#B0AD93;}

#leftPango p.textposition a:hover{text-decoration:underline; background:none;}

#leftPan form input.gobutton{float:right; background:url(images/arrow4.gif) no-repeat 30px 0 #63614F; border:none; width:45px; height:21px; display:block; margin:2px 0 0 0; padding:0 0 0 5px; text-decoration:none; color:#fff; font:14px/21px "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left;}

#leftPango a:hover{background:url(images/arrow4.gif) no-repeat 30px 1px #333229; text-decoration:none; color:#fff;}


/* RESULTS PANEL */
#results td {
	border: 0px;
	text-align: left;
	padding: 5px;
}
#results table, tr {
	border: 1px solid #d975c0;
}
#results tr.thead {
	background: #d975c0;
	color: #FFF;
}
#results tr:hover {
	background: #ffcef3;
}
#results tr.thead:hover {
	background: #d975c0;
}

#results ul li {
	list-style: url('../images/tick.png');
	padding: 3px;
	width: 600px;
}

#results ul {
	margin-bottom: 20px;
	clear: both;
	left: 180px;
}

.stretchBanner {
	margin-top: 10px;
	background: url(images/results2011.jpg) center center no-repeat; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
	text-align: center;
}

#divisionSelect {
	width: 770px; margin: 0 auto;
	text-align: center;
	margin-top: 25px;
}

#divisionSelect > li {
	display: inline-block;
	width: 130px; padding: 6px 12px;
	background: #C4B762;
	border: 1px solid #968E57;
	margin-right: 15px;
}

#divisionSelect > li:last-child {
	margin: 0;
}


/* ===================================================================================== */
/* ===================================================================================== */
/* ===================================================================================== */

/* NEW BODY TAGS */
/* By Harold Kim, September 23rd, 2010 */

#mainContainer {
	width: 770px;
	margin: 0 auto;
}

.dateChangeBox	{ 
	font-size: 20px; margin: 0 auto; margin-bottom: 20px;
	text-align: center; padding: 20px 15px;
	font-weight: bold; background: url('images/dChangeBG.jpg');
	color: white; width: 650px;
	-webkit-border-radius: 15px; -moz-border-radius: 15px;
}

.bodyBorder {
	float: left; width: 770px;
	background: #dcdac2;
	margin: 0 auto; padding-top: 1px;
	padding-bottom: 1px;
}

.bodyBox {
	padding: 30px; margin: 0 auto;
	width: 688px; float: left;
	border: solid white 10px;
	background: #FCFAE6;
	clear: both; position: relative;
	left: 1px;
}

.bodyBox h2 {
	font-family: Georgia, 'Times New Roman', serif;
	padding-bottom: 35px; font-size: 28px;
	color:#3D3C2C;
}

.bodyBox h3 {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	padding-bottom: 5px;
}

.bodyBox .propaganda {
	border-style: double; float: right;
	margin-left: 12px; margin-bottom: 8px; margin-top: 3px;
}

.centersBody {
	width: 774px; margin: 0 auto;
}

.dresults {
	width: 650px; margin: 0 auto;
}

.dresults td {
	padding: 4px 20px;
	border-bottom: 1px solid #AAA;
}

.dresults td h1 {
	font-size: 13px;
}

body > h1 {
	margin: 30px 0px;
	text-align: center;
}

.dresults td h2 {
	color: #777;
	font-size: 11px;
	font-weight: normal;
}


/* TEXT STYLES */

.bodyBox p 					{ padding-bottom: 20px; }
.bodyBox p.disclaimer		{ font-style: italic; font-size: 11px; color: #888; }
.bodyBox .redtext 			{ color: #aa0000; font-size: 18px; }
.bodyBox .newLine			{ float: left; clear: both; }

#b_faqs p					{ padding-bottom: 35px; }
#b_faqs ul					{ list-style-type: square; margin-left: 20px; }
#b_faqs a					{ text-decoration: none; }

.standout a			{ color: yellow; }
								
#b_faqs .divider			{ margin: 20px 0px; position: relative; left: 48%; }


/* Special Styles */

.bodyBox table#divisions {
	width: 100%; margin: 15px 0px;
	text-align: center;
	border-collapse: collapse;
	font-size: 12px;
}

.bodyBox .standout { 
	padding: 6px 10px; background: url('images/dChangeBG.jpg');
	margin-bottom: 30px; font-weight: bold; font-size: 12px;
	color: white;
	-webkit-border-radius: 4px; -moz-border-radius: 4px;
}

.bodyBox table#divisions.registerTable 		{ width: 80%; margin: 0 auto; margin-top: 40px;}
.bodyBox table#divisions tr:first-child 	{ background-color: white; }

.donationButtonBox							{ width: 122px; margin: 0 auto; margin-bottom: 30px; }


/* Registration Form Styles */

.bodyBox #ss-form							{ margin-top: 30px; width: 688px; }
.bodyBox #ss-form hr						{ float: left; padding: 15px 0px;}
.bodyBox .registrationHelp					{ font-size: 20px; text-align: center; }

.bodyBox #ss-form .l_title 					{ display: block; font-weight: bold;}
.bodyBox #ss-form .f_bigBoxes				{ display: block; float: left; width: 100%; }

.bodyBox #ss-form .f_nameBox				{ width: 330px; float: left; }
.bodyBox #ss-form .left28					{ margin-left: 28px; }

.bodyBox #ss-form .l_help					{ font-size: 11px; color: #888; line-height: 1.4em; }
.bodyBox #ss-form .f_tInput					{ border: 1px solid #B5B394; padding: 9px; width: 312px;
												font-size: 18px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
												margin-bottom: 20px; color: #3D3C2C; }
.bodyBox #ss-form .f_bigTinput				{ width: 670px; font-size: 30px; text-align:center; }
.bodyBox #ss-form .f_textarea				{ width: 312px; height: 80px; border: 1px solid #B5B394; padding: 9px; }
.bodyBox #ss-form .f_textareaBig			{ width: 670px; padding: 9px; }
.bodyBox #ss-form input[type="radio"]		{ margin-left: 50px; margin-top: 10px; }
									
.bodyBox #ss-form .f_submitBox	{ margin: 0 auto; margin-top: 28px; text-align: center; }				

.bodyBox #ss-form .f_submit	{ 
	border: 1px solid #555; text-shadow: rgba(255,255,255,0.5) 0em 1px; font-weight: bold;
	font-family: Georgia, serif; font-size: 16px; padding: 10px 0px; text-align: center; width: 150px;
	margin: 0 auto; -webkit-border-radius: 6px; -moz-border-radius: 6px; color: #555;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dcdac2), to(#BAB480));
	background: -moz-linear-gradient(0% 100% 90deg,#BAB480, #dcdac2); color: black; 
}

.bodyBox #ss-form .f_submit:hover { 
	color: white; cursor: pointer;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999), to(#AAA));
	background: -moz-linear-gradient(0% 100% 90deg,#AAA, #999); text-shadow: none; 
}

.bodyBox #ss-form .f_submitInactive, .bodyBox #ss-form .f_submitInactive:hover	
	{ background: #ccc; color: #555; border: none; }

.bodyBox #paymentOptions			{ margin: 20px 0px; }

.bodyBox #ss-form .f_addOptions	{ 
	padding: 6px 12px; background-color: #69674F; color: white; font-weight: bold;
	-webkit-border-radius: 20px; -moz-border-radius: 20px; margin-right: 15px; 
}
										
/* STEP ONE */
.bodyBox .f_step1			{ margin: 0 auto; padding-top: 10px; text-align:center; 
								line-height: 1.1em; font-size: 16px; font-weight: bold; }
.bodyBox .f_step1 h3		{ font-size: 11px; font-weight: normal; margin: 0; padding: 0; }

.bodyBox .f_formSelect		{ padding: 8px 12px; margin-right: 15px; display: inline-block; color: white; width: 120px;
								background-color: #69674F; -webkit-border-radius: 10px; -moz-border-radius: 10px; 
								cursor: pointer; }
.bodyBox .f_formSelect:last-child	{ margin-right: none; }
.bodyBox .f_formSelect:hover		{ background-color: black; }


/* RESULTS TABLE */

#resultSelect				{ text-align: center; margin-bottom: 33px; }
.multipleBox				{ margin-bottom: 20px;}
#photo-gallery .bodyBox		{ padding: 0px; width: 748px; }

#byTheNumbers		{ width: 200px; margin-left: 25px; float: right; font-size: 12px; }
#byTheNumbers .num	{ font-size: 19px; font-weight: bold; }

.resultsTable 		{ width: 100%; }
.resultsTable th	{ text-align: left; }
.res-place			{ text-shadow: rgba(150,150,150,0.5) 0em 2px; 
						font-size: 25px; font-weight: bold; }
						
.resChoose	{ 
	padding: 8px 12px; margin-right: 10px; font-size: 12px;
	display: inline-block; color: white; width: 120px;
	background-color: #69674F; cursor: pointer;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; 
	text-decoration: none; font-weight: bold;
}

.resChoose:hover {
	background-color: black;
}

.resultsTable h2 {
	font-size: 14px; font-weight: bold;
	margin: 0; padding: 0; line-height: 1.7em;
}

.resultsTable h4, .resultsTable h5 {
	font-size: 11px; color: #888; line-height: 1.3em;
	margin: 0; padding: 0; font-weight: normal;
}

.resultsTable h5			{ font-weight: bold; }


.resultsTable tr:hover 		{ background-color: #F0ECC7; }
.resultsTable tr 			{ border-top: 1px solid #555; }
.resultsTable tr:first-child{ border-top: none; }

.resultsTable td { 
	border-top: 1px solid #999;
	height: 73px; padding: 0px 5px;
}

#results-individual td { height: 56px; }

#sponsorsFooter 	{ margin-top: 30px; text-align: center; }
#sponsorsFooter h3 	{ margin: 0px 45px; }


/* JQUERY SLIDESHOW SIMPLE */

.fadein		{ position: relative; width: 525px; 
				height: 236px; float: right; top: 36px; }
.fadein img	{ position: absolute; left: 0; top: 0; }

/* CROSS SLIDE SLIDESHOW (MORE COMPLICATED) */

#res-slideShow	{ width: 748px; height: 320px; }


/* ===================================================================================== */
/* ===================================================================================== */
/* ===================================================================================== */

/* FOOTER PANEL */

.footer { 
	height: 40px; width: 100%;
	padding: 25px 0px;
	text-align: center; font-size: .9em;
	color: #3D3C2C; float: left;
	margin: 0 auto;
}

.footer a {	text-decoration: none; color: #000; font-weight: bold;}

.footer ul{	list-style:none; }

.footer li{	display: inline;margin:0 2px; }