/* CSS Document */
/* edited: March 5, 2010 */

body {
	background: #ffc928 url(i/mainbg.jpg) repeat-x top center;
	margin:0; 
	text-align:center;
	font: 62.5% Arial, Helvetica, sans-serif;
}

/* ----------------------------  TEXT STYLES ----------------------------  */

@font-face {
font-family: GraublauWeb;
src: url("i/GraublauWeb.otf") format("opentype");
}

@font-face {
 font-family: Aller;
 src: url("Aller_Lt.eot") /* EOT file for IE */
}
@font-face {
 font-family: Aller;
 src: url("Aller_Lt.ttf") /* TTF file for CSS3 browsers */
}


p {
	margin: 0 0 10px 0;
	font-size: 1.2em;
	line-height: 1.4em;
}

h1 {
font-family: Aller, Helvetica, Verdana, Sans-Serif;
font-weight: lighter;
}


h3 {
	color: maroon;
	font-weight: bold;
	margin: 10px 0;
}

h4 {
	font-family: Aller, Arial, Sans-Serif;
	font-size: 1.8em;
	font-weight: lighter;
	margin: 30px 0px 5px 0px;
}

/* ----------------------------  LINKS ----------------------------  */

a img{
	border: none;
}

/* ----------------------------  GRID LAYOUT ----------------------------  */

.wrapper {
	background: none;
	margin: 0 auto;
	text-align: left;
	width: 940px;
}

.span3 {
	width: 100%;
	margin: 0 0 20px;
	overflow: hidden;
}

.span2 {
	width: 620px;
	float: left;
	margin: 0 20px 20px 0;
}
.span1 {
	margin: 0 0 0 640px;
}

.last-row {
	
}

/* ------------------------- CONTENT ---------------------------  */

.content {
	clear: both;
	margin: 20px 0px;
	overflow:auto;
}

.column1, .column2 {
	float: left;
	width: 300px;
	margin: 0 20px 0 0;
}

.column3 {
	float: left;
	width: 300px;
	margin: 0;
}

/* ----------------------------  PAGE STYLES ----------------------------  */
.tools {
	overflow: auto;
	margin: 10px 0px;
	width: 100%;	
}

.tools-right {float: right;}

.tools ul {list-style-type: none; margin: 0px;}
.tools li {float: left; margin-left: 10px; display: inline;}
.tools li a, .tools li a:visited {text-decoration: underline; color: #000; font-size: 1.2em;}

.header {
	margin: 0 0 10px 0;
	padding: 0;
	overflow: auto;
	width: 100%;
}

.logo {
	float: left;
	padding: 0;
	margin: 0 78px 0 0;
	width: 133px;
}

/* ----------------------------  AD STYLES ----------------------------  */

.ad-leader {
	padding: 15px 0 0 0;
	margin: 0px 0px 0px 0px;
	float: left;
}

.ad-small {
	float: right;
	margin: 0 0 0px 15px;
}

.ad-cube {
	margin: 0;
	float: left;
	width: 300px;
}

/* ----------------------------  NAVIGATION (HORIZONTAL) ----------------------------  */
.nav-wrap {width: 100%;overflow:hidden;}
.nav-left {background: url(i/nav_left.gif) no-repeat top left; float: left; width: 5px; padding: 11px 0;}
.nav-right {background: url(i/nav_right.gif) no-repeat top right; float: left; width: 5px; padding: 11px 0;}
div#nav{
	background: #750f02 url(i/navbg.jpg) repeat-x top left;
	color: #fff;
	font: bold 1.2em Arial, sans-serif;
	height: 13px;
	margin: 0 auto 0px auto;
	padding: 10px 0px 13px;
	text-align: left;
	float: left;
	width: 940px;
	_padding: 10px 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

ul#mainnav {
	float: left;
	margin: 0px;
	padding: 0;
	list-style: none;
	width: 100%;
}

ul#mainnav li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1.1em;
}

ul#mainnav a {
	float: left;
	padding: 8px 15px;
	text-decoration: none;
	color: #fff;
}

div#nav a {
	color: #fff;
	text-decoration: none;
	text-align: left;
	padding: 0px 10px;
	margin: 0px;
}

div#nav a.current:link, div#nav a.current:visited, {
	color: #fc0;
}

div#nav a:hover, div#nav a.on {
	color: #fc0;
}

/* ------------------------- ARTICLES ---------------------------  */

.article {
	width: auto;
	background: #fff;
	padding: 15px;
	font-size: 1.1em;
	font-weight: normal;
}

.article h1, .store h1 {
	color: #A50708;
	margin: 0px 0px 10px 0;
	font-size: 2.4em;
	text-transform: uppercase;
	width: 90%;
}

.store {
	width: auto;
	background: #fff;
	padding: 15px;
	font-size: 1.1em;
	font-weight: normal;
	overflow:auto;
}

/* ------------------------- CAROUSEL ---------------------------- */
.carousel {
	background: none;
	margin: 0px 20px 20px 0;
	width: 620px;
}

/* slideshow */
#slide-wrap {width: 620px; height: 250px; padding: 0px; margin: 0px; position: relative;}
#slideshow {
    position:absolute;
	top: 0px;
	left: 0px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}


#slideshow IMG.last-active {
    z-index:9;
}

/* end slideshow */

.story-caption {
	color: gray;
	font-size: 1.0em;
	font-style: italic;
}

.story-photo {
	float: left;
	margin:0 10px 0 0;
	width: 360px;
}

.story-text {
	margin:0;
	color: #fff;
	padding: 0 15px 0 0;
}

.story-text h3 {
	font-size: 2.0em;
	line-height: 1.1em;
	color: #fc0;
	font-weight: normal;
	margin: 0px 0px 10px 0;
	padding: 10px 0 0 0;
}

.story-text a:link, .story-text a:visited {
	color: #fc0;
	text-decoration: underline;
}


/* -------------------------- HEADLINES ------------------------- */
.headlines {
	margin: 0;
	padding: 0;
	width: 285px;
}

.headlines ul {margin: 0; padding: 0 0 0 15px;}

.hline-item li{
	margin: 0 0 13px 0;
	padding: 0;
	font-size: 1.2em;
}

.hline-item li a:link, .hline-item li a:visited {
	color: #000;
	text-decoration: underline;
}

/* ----------------------- FRONT PAGE MODULES --------------------- */
.promo-box, .promo-box-last {margin: 0px 20px 0px 0px; float: left; width: 300px;}
.promo-box-last {margin: 0px;}
.span1-item {margin: 0px 0px 20px 0px;}
.apply-mod {
	background: url(i/search-mod.jpg) no-repeat top left;
	width: 290px;
	min-height: 250px;
	_height: 250px;
	position: relative;
	padding: 0px 0 0 10px;
}

.apply-mod p {
	padding: 65px 0 0 0;
	width: 180px;
	color: #fff;
	font-size: 1.1em;
}

.apply-button {
	position: absolute;
	bottom: 5px; left: 12px;
	font: bold 1.2em Arial, Sans-serif;
	color: #fff;
	text-transform: uppercase;
}

.apply-button a:link, .apply-button a:visited {
	color: #fff;
	text-decoration: none;
}

.store-mod {
	background: url(i/store-mod.jpg) no-repeat top left;
	width: 290px;
	min-height: 250px;
	_height:250px;
	position: relative;
	padding: 0px 0 0 10px;
}

.store-mod-item {
	overflow: auto;
	padding-top: 40px;
}

.store-item, .store-item-last {
	overflow: auto;
	width: 270px;
	position:relative;
	padding: 10px;
	border: 1px solid #ccc;
	float: left;
	margin: 0px 17px 0 0;
}

.store-item-last {
	margin-right: 0px;
}

.store-photo {
	float: left;
	margin: 0 12px 0 0;
	width: 125px;        
}

.store-desc {
	margin: 0 0 0 137px;
	padding: 0 10px 0 0;
}

.store-desc p {
	font-size: 1.1em;
}

.sm-desc {
	font-size: 1.0em;
}

.store-desc h5 {
	font: bold 1.3em Arial, sans-serif;
	margin: 0 0 5px 0;
}

.price {font: bold 1.8em Arial, sans-serif; color: #10478b;}

.cart-button {
	position: absolute;
	bottom: 50px; left: 144px;
}

.addtocart {
	position: absolute;
	bottom: 10px; left: 145px;
}

.store-button {
	position: absolute;
	bottom: 5px; left: 12px;
	font: bold 1.2em Arial, Sans-serif;
	color: #fff;
	text-transform: uppercase;
}

.store-button a:link, .store-button a:visited {
	color: #fff;
	text-decoration: none;
}

/* -------------------------- STATE BOXES ------------------------- */

.state-box {float: left; width: 200px; margin: 0px 20px 20px 0px;}

/* -------------------------- CONTESTANTS ------------------------- */

.contestant-box {
	margin: 30px 0 0 0;
	overflow: hidden;
}

.contestant-item {
	float: left;
	font-size: 12px;
	margin: 0 40px 25px 0;
	width: 185px;
}

.contestant-item a:link img, .contestant-item a:visited img {
	border: solid;
	color: #750f02;
}

.bio-wrapper {
	font-size: 12px;
	text-align: left;
	padding: 20px;
}

.bio-left {
	float: left;
	text-align: center;
	width: 100px;
	margin: 0;
}

.bio-left img.small {
	margin: 0 0 10px 0;
}

.bio-right {
	margin: 0 0 0 110px;
	padding-right: 10px;
}

/* -------------------------- PHOTOS ------------------------- */

.image-left {float: left; margin: 0 10px 10px 0;}
.image-right {float: right; margin: 0 0 10px 10px;}
.image-item {
	margin: 0 0 20px 0;
}

.image-cap {
	padding: 3px 3px 3px 0;
}

.photo-box {
background: #000;
padding: 6px;
color: #fff;
width: 100%;
}

.photo-cred {
color: #ccc;
font-size: 0.8em;
font-style: italic;
text-align: right;
margin: 3px 0px 5px 0px;
}

.photo-cap {
font-size: 0.9em;
}

/* ------------------ JOURNEY PHOTOS ----------------------- */
.journey-table {border-collapse: collapse; border: 1px solid #ccc; font-size:1.2em;}
.journey-alt {background: #eee;}
.journey-table td {border: 1px solid #ccc; vertical-align: top; padding:8px;}
.journey-date {width: 22%;}
.journey-year {background: #ccc; color: #000; font-weight: bold; font-size:1.3em;}


.journey-item {
	margin: 0px 0px 20px 0px;
	overflow: auto;
}

.journey-thumb {
	float: left;
	margin: 0px 10px 10px 0px;
}

/* ------------------ FORMS ------------------------- */

.form-row {
	margin: 0 0 10px 0; 
	width: 100%;
}

.form-text, .form-text-long {
	display: inline-block;
	width: 110px;
	margin: 0 10px 0 0;
	vertical-align: top;
}
							
.form-text-long {
	width: 350px;
}

/* ------------------ SHOP ------------------------- */
h3.shop {
	background: #900;
	color: #fff;
	padding: 6px;
}

.shop-item, .shop-item-finals {
	background: #fff;
	border: 1px solid gold;
	margin: 10px 10px 0px 0px;
	padding: 10px 10px 10px 10px;
	overflow: auto;
	width: 250px;
	min-height: 140px;
	float: left;
}

.shop-item-finals {
	margin-bottom: 20px;
}

.shop-desc {
	margin: 0px;
	font-size: 0.9em;
	min-height: 60px;
}

.shop-desc strong {
	font-size: 1.1em;
}

.shop-price {
	float: right;
	margin: 0px 0px 20px 20px;
	color: #0066CC;
	font-size: 1.1em;
	font-weight: bold;
	text-align:center;
}

.price-amount {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
}

.details {
	margin: 20px 0 0 0;
	padding: 10px 0px 0px 0px;
	border-top: 1px solid silver;
}

/* -----------------------  event items ---------------------------------  */

.events-wrap {
	overflow: auto;
}

.events {
	width: 100%;
}

.event-item {
	margin: 0px 0px 15px 0px;
}

/* -----------------------  events row 1 ---------------------------------  */

.event-r1 {
	background: url(i/row1-bg.jpg) no-repeat top center;
	color: #fff;
	height: 426px;
	padding: 20px;
}

.event-r1-left {
	float: left;
	width: 350px;
}

.event-r1-left h1 {
	margin: 0px;
	font-size: 2.0em;
	font-weight:normal;
}

.event-r1-right {
	margin: 0 0 0 570px;
}

.event-r1-right img {
	background: #6f8dc5;
	margin: 10px 10px 20px 0;
	padding: 6px;
}

/* -----------------------  events row 2 ---------------------------------  */

.event-r2 {
	background: url(i/row2-bg.jpg) no-repeat top center;
	color: #fff;
	height: 210px;
	padding: 20px;
}

.event-r2-left {
	float: left;
	width: 350px;
}

.event-r2-left h1 {
	margin: 0px;
	font-size: 2.0em;
	font-weight:normal;
}

.event-r2-right {
	margin: 0 0 0 530px;
}

.event-r2-right img {
	background: #b86409;
	margin: 0px 0px 10px 0;
	padding: 6px;
}

/* -----------------------  events row 3 ---------------------------------  */

.event-r3 {
	background: #feea3b;
	color: #000;
	padding: 20px;
}

.event-r3 h1 {
	margin: 0px;
	font-size: 2.0em;
	font-weight:normal;
}

.event-r3-left {
	border-right: 1px solid #cbbb2f;
	float: left;
	width: 400px;
}

.event-r3-right {
	margin: 0 0 0 440px;
}

/* -----------------------  events row 4 ---------------------------------  */

.event-r4 {
	background: none;
	color: #000;
	height: 210px;
	padding: 20px;
}

.event-r4-left {
	float: left;
	width: 350px;
}

.event-r4-left h1 {
	margin: 0px;
	font-size: 2.0em;
	font-weight:normal;
}

.event-r4-right {
	margin: 0 0 0 440px;
	padding: 30px 0 0 0;
}

/* --------------------------------------------------------  */

.sm-txt {
	font-size: 0.8em;
	font-style:italic;
}

.sponsor-group {
	border-bottom:1px dotted #999999;
margin:0 0 20px;
padding:0 0 20px;
}

.sponsor-group h4 {
	margin: 0px 0px 10px 0px;
	padding: 4px 8px;
}

.sponsor-group img {
	margin: 0px 10px 10px 0px;
}

img.lev1 {border: 1px solid #E5E4E2;} /* platinum */
img.lev2 {border: 1px solid #FFD700;} /* gold */
img.lev3 {border: 1px solid #C0C0C0;} /* silver */
img.lev4 {border: 1px solid #CD7F32;} /* bronze */

/* ------------------------ Footer --------------------------------  */
.footer {
	color: #000;
	clear: both;
	font-size: 1.1em;
	padding: 10px;
	text-align: center;
}

.footer a, .footer a:visited {
	color: #000;
	font-size: 1.1em;
}

.footer p {
	font-size: 1.1em;
	margin: 5px 0 0 0;
}