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

html {height: 100%; margin: 0; padding: 0;}
body { font-family: arial, helvetica, verdana, sans-serif; font-size: 12px; height: 100%; background: url(../maui/images/bg.jpg); text-align: left;}
/*background: url(../maui/images/bg.jpg);*/
* {padding: 0; margin: 0; text-align: left;}
#doc-custom {text-align: left; width: 950px}

a {outline: none;}
label {display: block;}
textarea {overflow: auto;}
.clearfix:after { content: ".";	display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
h1 {font-size: 55px; font-family: Nilland, Times; font-weight: normal; font-style: normal; letter-spacing: 0px; color: #333; word-spacing: -5px;}
h2.tagline {font-size: 18px; font-family: AlexandriaFLF; font-weight: bold; font-style: normal; color: #746b55; line-height: 1.5em;}
h2 { line-height: 1.85em; font-size: 20px; font-family: AlexandriaFLF; font-weight: Bold; font-style: normal; color: #302a1c; background-color:302a1c; padding-top:5px;  }
h3 { line-height: 1.5em; border-bottom: 2px solid #302a1c; font-size: 22px; font-family: AlexandriaFLF; font-weight: Bold; font-style: normal; color: #302a1c; margin: 2em 0 1em 0; }
h4 { line-height: 1.5em; border-bottom: 2px solid #302a1c; font-size: 16px; font-family: AlexandriaFLF; font-weight: Bold; font-style: normal; color: #993300; margin: 2em 0 1em 0; }

/*#hd { background-image:url(../maui/images/liveSticker.png); background-position:right; background-repeat:no-repeat;}*/
#hd h1 {margin: 4px 0px 0;}
#hd h2 {margin: -7px 0px -5px;}

#logoBar { height:60px;
background-color:#302a1c;
/*background-image:url(images/logoBar.png);*/
}

.photoBorder { border: #fff solid 5px;}

#hd #main-nav {position: absolute; top: 110px; margin: 0; list-style: none; display: block; background: #302a1c; width:950px; padding-left:10px;}
#main-nav li {float: left; font-size: 15px; margin-right: 15px; position: relative; margin-top: 10px;}
#main-nav li a {height: 1.5em; display: inline-block; line-height: 1.5em; padding: 15px 13px; overflow: hidden; text-decoration: none; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 14px;}
#main-nav li a.hover {background: #999; color: #fff;}
#main-nav li ul { display: none; position: absolute; top: 55px; left: 0; background: #302a1c; margin: -10px 0 0; width: 285px; padding: 10px 0; z-index: 10000;}
#main-nav li:hover ul {display: block; font-size:.90em;}
#main-nav li ul li, #main-nav li ul li a {margin: 0; padding: 0; list-style: none; display: block; float: none;}
#main-nav li ul li a {padding: 0 8px 0 5px; margin: 0 7px; color: #fff; text-transform: none; height: auto; line-height: 30px; font-size: 12px;}
#main-nav li ul li a:hover {background: #999;}
/*#main-nav li ul li a:hover::before {content: "» ";}*/

#ft #foot-nav { margin: 0; list-style: none; display: block; clear: both; width: 100%; }
#foot-nav li {float: left; font-size: 15px; margin-right: 15px;}
#foot-nav li a {height: 1.5em; display: inline-block; line-height: 1.5em; padding: 8px 13px; overflow: hidden; text-decoration: none; color: #FFF; text-transform: uppercase; font-weight: bold; font-size: 14px;}
#foot-nav li a:hover {background: #999; color: #FFF;}
#bd {margin-top: 10px;}
#ft { background: #302a1c; padding: 1em; margin-top: 3em; height: 3em; }
    
#change-font-form {height: 100%; width: 100%; position: absolute; top: 0; left: 0; display: none;}
#overlay-bg {position: absolute; width: 100%; height: 100%; background: #666; opacity: 0.3; top: 0; left: 0;}
#change-font-form #form {position: absolute; top: 50%; left: 50%; width: 850px; margin-left: -450px; height: 300px; margin-top: -175px; padding: 25px; background: #3f3729;}
#form h2 {width: 45%; float: left; color: #f6e7c6; font-family: Helvetica; font-weight: normal; font-size: 48px; margin-bottom: 30px;}
#form label {font-size: 18px; color: #f6e7c6; margin-bottom: 15px; margin-top: 20px;}
#form select {padding: 0 5px; margin-bottom: 25px;}
#form textarea {color: #b2a17c; width: 90%; height: 100px; padding: 10px; border: 2px solid #322b1f; border-right-color: #755e49; border-bottom-color: #755e49; background: #f6e7c6;}
#form #change-font-submit {margin: 20px 10px 0 0;}
#form #change-font-cancel {color: #9b8f75; text-decoration: underline;}
#form #change-font-cancel:hover {color: #f26d7d; text-decoration: none;}

#message {color: #f6e7c6; margin-top: 15px;}
#form .second{position: relative; z-index: 1000;}

p, li {
	color: #362f23;
	font-size: 116%;
	line-height: 2;
}
ol { list-style-position: inside;}
ol ul li { 
	font-size: 85%;
	margin: 0 0 0 1.5em;
}
ul {
	margin-left: 1.5em;
}
code {
	font-family: "courier new", courier, monospace;
	color: #8f8169;
	background: #362f23;
	padding: 1em;
	display: block;
	margin: 1em;
	line-height: 1.5em;
}
code span.text { color: #93d0a8; }
code span.tag { color: #928670;}
code span.param { color: #e7c585;}
code span.value { color: #d27075;}
code span.marks { color: #4e4637;}

.actions { margin-top: 2.5em; }
a { color: #993300; }
a:hover { text-decoration: underline; }


a.button { color: #f6e7c6; margin: 0 .5em 0 0; background: #453d2e; border-top: 1px solid #574d3d; border-left: 1px solid #574d3d; border-bottom: 1px solid #2c2515; border-right: 1px solid #2c2515; padding: 1em;}
a.button:hover { color: #f6e7c6; background: #ff0f4e; border-bottom: 1px solid #574d3d; border-right: 1px solid #574d3d; border-top: 1px solid #2c2515; border-left: 1px solid #2c2515; padding: 1em;}

.engage  a { font-size: 85%; color: #9b8f75; text-decoration: underline;}
.engage  a:hover { color: #f26d7d; text-decoration: none;}
ul.promote, ul.promote li { list-style-type: none; }
ul.promote li { margin: 0; padding-left: 24px; }
.digg { background: transparent url(../graphics/digg-logo.png) no-repeat center left; }
.delicious { background: transparent url(../graphics/delicious-logo.png) no-repeat center left; }
.reddit { background: transparent url(../graphics/reddit-logo.png) no-repeat center left; }

p.signature { 
	font-size: 85%;
	border-top: 2px solid #362f23;
	margin-top: 2em; 
	padding-top: 1em;
}

.hometop {
	background-image: url(../maui/images/homeBG.png);
	background-repeat:no-repeat;
	overflow: hidden;
	padding-bottom: 350px;
}

.makenatop {
	background-image: url(../maui/images/makenaBG.png);
	background-repeat:no-repeat;
	overflow: hidden;
	padding-bottom: 275px;
	margin-left:20px;
}

.traveltop {
	background-image: url(../maui/images/travelBG.png);
	background-repeat:no-repeat;
	overflow: hidden;
	padding-bottom: 275px;
	margin-left:20px;
}


.pmtop {
	background-image: url(../maui/images/pmBG.png);
	background-repeat:no-repeat;
	overflow: hidden;
	padding-bottom: 275px;
	margin-left:20px;
}

.schedtop {
	background-image: url(../maui/images/schedBG.png);
	background-repeat:no-repeat;
	overflow: hidden;
	padding-bottom: 275px;
	margin-left:20px;
}

.qualifytop {
	background-image: url(../maui/images/qualifyBG.png);
	background-repeat:no-repeat;
	overflow: hidden;
	padding-bottom: 275px;
	margin-left:20px;
}

.ecotop {
	background-image: url(../maui/images/ecoBG.png);
	background-repeat:no-repeat;
	overflow: hidden;
	padding-bottom: 275px;
	margin-left:20px;
}

.presstop {
	background-image: url(../maui/images/pressBG.png);
	background-repeat:no-repeat;
	overflow: hidden;
	padding-bottom: 275px;
	margin-left:20px;
}

.sponsortop {
	background-image: url(../maui/images/sponsorBG.png);
	background-repeat:no-repeat;
	overflow: hidden;
	padding-bottom: 275px;
	margin-left:20px;
}

.halloweentop {
	background-image: url(../maui/images/halloweenBG.png);
	background-repeat:no-repeat;
	overflow: hidden;
	padding-bottom: 275px;
	margin-left:20px;
}

.universitytop {
	background-image: url(../maui/images/universityBG.png);
	background-repeat:no-repeat;
	overflow: hidden;
	padding-bottom: 275px;
	margin-left:20px;
}
.protop {
	background-image: url(../maui/images/usaBG.png);
	background-repeat:no-repeat;
	overflow: hidden;
	padding-bottom: 275px;
	margin-left:20px;
}

.amateurtop {
	background-image: url(../maui/images/amateurBG.png);
	background-repeat:no-repeat;
	overflow: hidden;
	padding-bottom: 275px;
	margin-left:20px;
}

.worldstop {
	background-image: url(../maui/images/worldsBG.png);
	background-repeat:no-repeat;
	overflow: hidden;
	padding-bottom: 275px;
	margin-left:20px;
}

.HOFtop {
	background-image: url(../maui/images/hofBG.png);
	background-repeat:no-repeat;
	overflow: hidden;
	padding-bottom: 275px;
	margin-left:20px;
}

.warriortop {
	background-image: url(../maui/images/warriorBG.png);
	background-repeat:no-repeat;
	overflow: hidden;
	padding-bottom: 275px;
	margin-left:20px;
}

.banner {
	height: 99px;
	width: 400px;
	float: right;
	margin-top: 48px;
	padding: 0 20px 30px;
	background: url(../utah/images/black.png)
}

.bannerimg {
	background: url(../utah/images/xterraCupSeries.png) 0 3px;
	display: block;
	height: 30px;
	width: 150px;
	float: left;
	margin-top: 5px;
	margin-right: 10px;
}

.awesome, .awesome:visited {
	background: #222 url(http://zurb.com/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.IMGpadding {padding:10px;}

	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }