
/*////////////////*/
/* Andy Meek 2008 */
/*////////////////*/

/* Global Styles */

* { margin:0px; padding:0px; behavior: url(../../resources/scripts/iepngfix.htc); }

body { margin:0; font-size:0.75em; font-family: Arial, Helvetica, sans-serif; color:#000; line-height:1.4em; }

h1 { font-weight:bold; font-size:2.1em; font-family: Helvetica, Arial, sans-serif; }
h2 { font-size:1.1em; color:#940839; font-weight:bold; }
h3 { font-size:1.1em; color:#006666; text-transform:uppercase; font-weight:bold; }
h4 { font-size:1.1em; color:#006666; text-transform:uppercase; font-weight:bold; }
h6 { font-size:.75em; color:#333; }

img { border:none; }
i { display:none; }
li { list-style:square; margin-left:20px; }
td { text-align:left; padding:2px; background:#EFEFEF;}
th { text-align:left; color:#000; background:#37A6C3; padding:2px; }
input { width:200px; font-size:10px; }
input, textarea, select { border:1px solid #01ADDB; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif;background:#FFFFFF; }
input:hover, textarea:hover, select:hover { border:1px solid #ff6600;background:#f7cf3a; }

input.paypal { width:160px; font-size:10px; }
input.paypal, textarea.paypal, select.paypal { border:none; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif;background:#FFFFFF; }
input.paypal:hover, textarea.paypal:hover, select.paypal:hover {
	border:none;
	background-color: #FFFFFF;
}

/* Containers */

#outer-container { width:974px; margin:0 auto; }		
#container { position:relative; float:left; width:974px; height:auto; top: 34px; background:url(../../images/bgs/main_bg.gif) #fff repeat-y;  }

#logo { position: relative; width:340px; height:48px; left:20px; top: 20px; }

/* Splash */

#splash { position: relative; height: 320px; width: 974px; float: left; }

#top-nav { position: relative; float:left; height: 2.7em; width: 970px; left: 0px; top: 0px; background: url(../../images/bgs/navigation_bg.gif) no-repeat #72BB24; z-index:9999;}
#top-nav li { float:left; list-style:none;  }
#top-nav li a { display:block; width:100%; height:100%; margin:0 8px 0 8px; padding: 8px; font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; text-decoration:none; color:#fff; text-align:center;}
#top-nav li a:hover { font-weight:bold; text-decoration:underline; color:#fff; }
#top-nav li a:visited { font-weight:bold; color:#fff; }
#top-nav li a:active { font-weight:bold; text-decoration:none; color:#fff; }

/* Menu */

.sf-menu ul { position:	absolute; top: -999em; width: 16em; }
.sf-menu ul li { width:14em; margin-left:0px;z-index: 9999;}
.sf-menu li:hover { visibility: inherit; }
.sf-menu li { float: left; position: relative; font-size:.9em; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.8em; z-index: 9999; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; top: 0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:10em; top:0; }
ul.sf-menu li li a { background:#01ADDB; padding:8px; width:100%; }
ul.sf-menu li li a:hover { background:#217388; padding:8px; width:100%; height:100%;}
.active { opacity:.8; }

/* Backgrounds */

.splash_1 { background:url(../../images/splash/splash_1.jpg) no-repeat; }
.splash_2 { background:url(../../images/splash/splash_2.jpg) no-repeat; }
.splash_3 { background:url(../../images/splash/splash_3.jpg) no-repeat; }
.splash_4 { background:url(../../images/splash/splash_4.jpg) no-repeat; }
.splash_5 { background:url(../../images/splash/splash_5.jpg) no-repeat; }
.splash_6 { background:url(../../images/splash/splash_6.jpg) no-repeat; }
.splash_7 { background:url(../../images/splash/splash_7.jpg) no-repeat; }
.splash_8 { background:url(../../images/splash/splash_8.jpg) no-repeat; }
.splash_9 { background:url(../../images/splash/splash_9.jpg) no-repeat; }
.splash_10 { background:url(../../images/splash/splash_10.jpg) no-repeat; }
.splash_11 { background:url(../../images/splash/splash_11.jpg) no-repeat; }
.splash_12 { background:url(../../images/splash/splash_12.jpg) no-repeat; }
.splash_13 { background:url(../../images/splash/splash_13.jpg) no-repeat; }
.splash_14 { background:url(../../images/splash/splash_14.jpg) no-repeat; }
.splash_15 { background:url(../../images/splash/splash_15.jpg) no-repeat; }
.splash_16 { background:url(../../images/splash/splash_16.jpg) no-repeat; }
.splash_17 { background:url(../../images/splash/splash_17.jpg) no-repeat; }
.splash_18 { background:url(../../images/splash/splash_18.jpg) no-repeat; }
.splash_19 { background:url(../../images/splash/splash_19.jpg) no-repeat; }
.splash_20 { background:url(../../images/splash/splash_20.jpg) no-repeat; }
.splash_21 { background:url(../../images/splash/splash_21.jpg) no-repeat; }
.splash_22 { background:url(../../images/splash/splash_22.jpg) no-repeat; }
.splash_23 { background:url(../../images/splash/splash_23.jpg) no-repeat; }
.splash_24 { background:url(../../images/splash/splash_24.jpg) no-repeat; }
.splash_25 { background:url(../../images/splash/splash_25.jpg) no-repeat; }
.splash_26 { background:url(../../images/splash/splash_26.jpg) no-repeat; }
.splash_27 { background:url(../../images/splash/splash_27.jpg) no-repeat; }
.splash_28 { background:url(../../images/splash/splash_28.jpg) no-repeat; }
.splash_29 { background:url(../../images/splash/splash_29.jpg) no-repeat; }
.splash_30 { background:url(../../images/splash/splash_30.jpg) no-repeat; }
.splash_31 { background:url(../../images/splash/splash_31.jpg) no-repeat; }
.splash_32 { background:url(../../images/splash/splash_32.jpg) no-repeat; }
.splash_33 { background:url(../../images/splash/splash_33.jpg) no-repeat; }
.splash_34 { background:url(../../images/splash/splash_34.jpg) no-repeat; }
.splash_36 { background:url(../../images/splash/splash_36.jpg) no-repeat; }
.splash_37 { background:url(../../images/splash/splash_37.jpg) no-repeat; }
.splash_38 { background:url(../../images/splash/splash_38.jpg) no-repeat; }
.splash_39 { background:url(../../images/splash/splash_39.jpg) no-repeat; }
.splash_40 { background:url(../../images/splash/splash_40.jpg) no-repeat; }
.splash_41 { background:url(../../images/splash/splash_41.jpg) no-repeat; }
.splash_42 { background:url(../../images/splash/splash_42.jpg) no-repeat; }
.splash_43 { background:url(../../images/splash/splash_43.jpg) no-repeat; }


.homepage_bg { background:url(../../images/bgs/homepage_bg.jpg) #fff fixed; }

/* Homepage buttons */
.hb-container { position:relative; float:right; width:69px; height:17px; }
.hb-container1 { margin-left: 10px; margin-top: 10px; }
a.homepage-button { position:absolute; display:block; width:69px; height:17px; overflow: hidden; top: 0px; background:url(../../images/buttons/next_button_bg.gif) 0 0 no-repeat; text-align:center; font-weight:bold; color:#fff; text-decoration:none; }
a.homepage-button:hover { background-position: 0 -17px; text-decoration:none; }

/* Main */

#main { position:relative; float:left; width:722px; }
#homepage-blocks { position: relative; float: left; top: 20px; width: 957px; height: auto; }
.block-container { position: relative; float: left; width: 212px; height: auto; left: 25px; margin-right: 24px; }
.block-container1 { position: relative; float: left; width: 212px; height: auto; left: 25px; margin-right: 24px; background: url(../../images/bgs/race.gif) #0099cc no-repeat;}
#main-content { position: relative; float: left; left: 0; top:-10px; width:924px; height:auto; margin: 25px 0 25px 0; padding: 0 25px 0 25px; }
.bg { background:url(../../images/bgs/main_content_bg.gif) repeat-y #fff; }
#main-content a {color:#0187AA; }
#main-content a:hover { color:#00AEDB; }
#left-content { float: left; width: 684px; height:auto; position: relative; left: 0; top: 0; padding-right: 25px; }
#right-content { position: relative; float: left; top: 0; left: 0; width: 189px; height:auto; border-left:1px solid #006666; padding-left: 25px; }
#bottom-container { background: url(../../images/bgs/bottom_content_bg.png) no-repeat; float: left; height: 25px; width: 974px; position: relative; clear:both; top:2em; left:0}

.block-top { position: relative; float: left; width: 212px; height: 37px; background: url(../../images/bgs/hb_top_bg.gif) #0099cc no-repeat; }
.block-top h2 { position: relative; font-size: 1.25em; font-weight: bold; color: #FFFFFF; height: 15px; width: 121px; left: 90px; top: 14px; z-index:3 }
.block-middle { position: relative; float: left; width: 115px; padding:11px 11px 0 86px; background: url(../../images/bgs/hb_middle_bg.gif) repeat-y; font-size: .9em; }
.block-bottom { position: relative; float: left; width: 212px; height: 11px; background: url(../../images/bgs/hb_bottom_bg.gif) no-repeat; }
.block-image { position: absolute; left: 9px; top: 10px; height: 97px; width: 70px; border: 1px solid #006666; z-index: 2; }

.block-top1 { position: relative; float: left; width: 212px; height: 37px; }
.block-top1 h2 { position: relative; font-size: 1.25em; font-weight: bold; color: #FFFFFF; height: 15px; width: 121px; left: 90px; top: 14px; z-index:3 }
.block-middle1 { position: relative; float: left; width: 115px; padding:11px 11px 0 86px;  font-size: .9em; }
.block-bottom1 { position: relative; float: left; width: 212px; height: 10px;  }
.block-image1 { position: absolute; left: 9px; top: 10px; height: 97px; width: 70px; }

.left { position:relative; float:left; margin-right:53px; }
.right { position:relative; float:left; }

/* Footer */

#footer { position:relative; float:left; margin:6.5em 0 0 0; clear:both; width:965px; height:3.2em; font-size:.8em;}
#footer .left { position:relative; float:left; width:60em; left: 3em; }	
#footer .right { position:relative; float:left; left: 12em; }
#footer p { color:#fff; }
#footer a { color:#fff; text-decoration:none; font-weight:normal; }
#footer a:hover { text-decoration:underline; }



/* Forms and Misc */

.radio { width:11px; border:0; background:#E5E5FF;}
.check { width:14px; border:0; background:#E5E5FF;}
.subHead  { font-size:1em; color:#888;}
.errorText { font-size:1em; color:#f00; font-weight:bold; }
.empty { margin:7px; }
.clear { clear:both; }
.hide_last_elm { display:none; }
.warning { font-weight:bold; color:#f00; }
.selectButton { width:auto; padding:1px; color:#000; font-weight:bold; }
.noprint { display: none; }
.imgLeft { float:left; margin-right:10px; border:1px solid #000;}
.imgRight { float:right; margin-left:10px; border:1px solid #000; }
.imgBorder { border:1px solid #000; border:1px solid #000;}
#player1 { z-index: 0; }
#player2 { z-index: 0; }
#player3 { z-index: 0; }

input
{
color: #000000;
background: #ffffff;
border: 1px solid #000000
}
label
{
width: 30em;
float: left;
}
.hidField {
	visibility: hidden;
}
/* Validate Errors */
label.error { display: block; color: red; font-style: italic; font-weight: normal; }
input.error { border: 2px solid red; }
textarea.error { border: 2px solid red; }
td.field input.error, td.field select.error, tr.errorRow td.field input,tr.errorRow td.field select { border: 2px solid red; background-color: #FFFFD5; margin: 0px; color: red; }
tr td.field div.formError { display: none; color: #FF0000; }
tr.errorRow td.field div.formError { display: block; font-weight: normal; }
div.error { color: red; }
div.error a { color: #336699; font-size: 12px; text-decoration: underline; }
