html {
background:#000 url(/images/background.gif);
/* Height is 100%, so the body can be 100% */
height:100%;
}
body {
background:url(/images/background-top.png) repeat-x;
background-position:top;
margin:0;
padding:0;
/* Height is 100%, so the tiled BG will tile all the way down
the page, not just as far down as the page's content
(when the content's height < window's height) */
height:100%;
}
/*
Hackety-hack-hack...
FF2, with the above code, will only display the repeat-y image for as
high as the window's viewport is; higher content (upon
scrolling) will not have the bg.
This "hack" makes the tiled background work properly in FF2.
This type of "advanced selector" is not understood by IE6...dunno
'bout IE7.
*/


/*
Front Page Styles
*/
.ImportantMessageHeader {
	FONT-SIZE: 14px;
	COLOR: #FFF;
	font-weight: bold;
	FONT-FAMILY: Century Gothic, Arial;
	TEXT-DECORATION: none
}
.InclementalWeatherPolicy {
	FONT-SIZE: 10px;
	COLOR: #FFF;
	FONT-FAMILY: Century Gothic;
}
.CharityDiv {
	position:absolute;
	left: 50%;
	margin-left: -200px;
	z-index:333;
	top: 65px;
}

.newsHeader {
	FONT-SIZE: 10px;
	COLOR: #FFDF00;
	font-weight: bold;
	FONT-FAMILY: Century Gothic, Arial;
	text-transform: uppercase;
	TEXT-DECORATION: none
}

.newsText {
	FONT-SIZE: 10px;
	COLOR: #FFF;
	font-weight: normal;
	FONT-FAMILY: Century Gothic, Arial;
	TEXT-DECORATION: none
}


a.newsReadmore {
	FONT-SIZE: 10px;
	COLOR: #FFDF00;
	font-weight: normal;
	FONT-FAMILY: Century Gothic, Arial;
	TEXT-DECORATION: underline
}

a.newsReadmore:hover {
	FONT-SIZE: 10px;
	COLOR: #FFDF00;
	font-weight: normal;
	FONT-FAMILY: Century Gothic, Arial;
	TEXT-DECORATION: none
}





.upcomingHeader {
	FONT-SIZE: 11px;
	COLOR: #FFDF00;
	font-weight: bold;
	FONT-FAMILY: Century Gothic, Arial;
	TEXT-DECORATION: none
}

.upcomingText {
	FONT-SIZE: 11px;
	COLOR: #FFF;
	font-weight: normal;
	FONT-FAMILY: Century Gothic, Arial;
	TEXT-DECORATION: none
}


a.upcomingText {
	FONT-SIZE: 11px;
	COLOR: #FFF;
	font-weight: normal;
	FONT-FAMILY: Century Gothic, Arial;
	TEXT-DECORATION: none
}

a.upcomingText:hover {
	FONT-SIZE: 11px;
	COLOR: #FFF;
	font-weight: normal;
	FONT-FAMILY: Century Gothic, Arial;
	TEXT-DECORATION: underline
}



.subnav {
	FONT-SIZE: 11px;
	COLOR: #FFF;
	font-weight: normal;
	FONT-FAMILY: Century Gothic, Arial;
	TEXT-DECORATION: none
}


A.subnav {
	FONT-SIZE: 11px;
	COLOR: #FFF;
	font-weight: bold;
	FONT-FAMILY: Century Gothic, Arial;
	TEXT-DECORATION: none
}

A.subnav:hover {
	FONT-SIZE: 11px;
	COLOR: #FFDF00;
	font-weight: bold;
	FONT-FAMILY: Century Gothic, Arial;
	TEXT-DECORATION: none
}


.whyAB {
	FONT-SIZE: 11px;
	COLOR: #FFDF00;
	font-weight: normal;
	FONT-FAMILY: Century Gothic, Arial;
	TEXT-DECORATION: none
}

A.whyAB {
	FONT-SIZE: 11px;
	COLOR: #FFDF00;
	font-weight: bold;
	FONT-FAMILY: Century Gothic, Arial;
	TEXT-DECORATION: none
}

A.whyAB:hover {
	FONT-SIZE: 11px;
	COLOR: #FFDF00;
	font-weight: bold;
	FONT-FAMILY: Century Gothic, Arial;
	TEXT-DECORATION: none
}




/*
Body Styles
*/


.text {
	FONT-SIZE: 12px; 
	COLOR: #FFFFFF; 
	FONT-FAMILY: Century Gothic, Arial;
}
.text2 {
	FONT-SIZE: 12px; 
	COLOR: #6CF; 
	FONT-FAMILY: Century Gothic, Arial;
}

A.text {
	FONT-SIZE: 12px;
	COLOR: #FFDC00;
	FONT-FAMILY: Century Gothic, Arial;
	TEXT-DECORATION: underline;
}

A.text:hover {
	FONT-SIZE: 12px;
	COLOR: #FFDC00;
	FONT-FAMILY: Century Gothic, Arial;
	TEXT-DECORATION: none
}



.sideboxtext {
	FONT-SIZE: 10px; 
	COLOR: #FFFFFF; 
	FONT-FAMILY: Century Gothic, Arial;
}

A.sideboxtext {
	FONT-SIZE: 10px;
	COLOR: #FFDC00;
	FONT-FAMILY: Century Gothic, Arial;
	TEXT-DECORATION: underline
}

A.sideboxtext:hover {
	FONT-SIZE: 10px;
	COLOR: #FFDC00;
	FONT-FAMILY: Century Gothic, Arial;
	TEXT-DECORATION: none
}



.sideboxheader {
	FONT-SIZE: 10px; 
	COLOR: #FFDC00;
	FONT-FAMILY: Century Gothic, Arial;
}


.header {
	FONT-SIZE: 16px;
	COLOR: #FFDF00;
	font-weight: bold;
	FONT-FAMILY: Century Gothic, Arial;
	text-transform: uppercase;
	TEXT-DECORATION: none
}


.subheader {
	FONT-SIZE: 14px;
	COLOR: #F00;
	font-weight: bold;
	FONT-FAMILY: Century Gothic, Arial;
	TEXT-DECORATION: none
}



.semisubheader {
	FONT-SIZE: 12px;
	COLOR: #FFDF00;
	font-weight: bold;
	FONT-FAMILY: Century Gothic, Arial;
	TEXT-DECORATION: none
}


.note {
	FONT-SIZE: 9px;
	FONT-WEIGHT: normal;
	COLOR: #CCC;
	FONT-FAMILY: Century Gothic, Arial;
	font-style: italic;
}



.noteHeader {
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold;
	COLOR: #F00;
	FONT-FAMILY: Century Gothic, Arial;
	font-style: italic;
}



.boxbuttons {
	FONT-SIZE: 12px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Century Gothic, Arial, sans-serif;
}

A.boxbuttons {
	FONT-SIZE: 12px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Century Gothic, Arial, sans-serif;
	TEXT-DECORATION: none
}

A.boxbuttons:hover {
	FONT-SIZE: 12px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Century Gothic, Arial, sans-serif;
	TEXT-DECORATION: underline
}


/*Event Styles */
.events {
	FONT-SIZE: 12px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Century Gothic, Arial;;
	TEXT-DECORATION: none
}


a.events {
	FONT-SIZE: 12px;
	COLOR: #FFDC00;
	FONT-FAMILY: Century Gothic, Arial;;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none
}

a.events:hover {
	FONT-SIZE: 12px;
	COLOR: #FFDC00;
	FONT-FAMILY: Century Gothic, Arial;;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: underline
}




.eventnav {
	FONT-SIZE: 11px;
	COLOR: #000000;
	font-weight:bold;
	FONT-FAMILY: Century Gothic, Arial;;
	TEXT-DECORATION: none
}


a.eventnav {
	FONT-SIZE: 11px;
	COLOR: #0058AC;
	font-weight:bold;
	FONT-FAMILY: Century Gothic, Arial;;
	TEXT-DECORATION: none
}



a.eventnav:hover {
	FONT-SIZE: 11px;
	COLOR: #DD0000;	
	font-weight:bold;
	FONT-FAMILY: Century Gothic, Arial;;
	TEXT-DECORATION: none
}

.state {
	FONT-SIZE: 9px;
	FONT-WEIGHT: bold;
	COLOR: #FFF;
	FONT-FAMILY: Century Gothic, Arial;
} 


.EventStaffQuestion {
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold;
	COLOR: #FFF;
	FONT-FAMILY: Century Gothic, Arial, sans-serif;
}

.EventStaffTitle {
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	COLOR: #FFD200;
	FONT-FAMILY: Century Gothic, Arial, sans-serif;
}

a.EventStaffEmail {
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	COLOR: #FFF;
	FONT-FAMILY: Century Gothic, Arial, sans-serif;
	TEXT-DECORATION: none;
}

a.EventStaffEmail:hover {
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	COLOR: #FFF;
	FONT-FAMILY: Century Gothic, Arial, sans-serif;
	TEXT-DECORATION: underline;
}



/*COMPETITION PAGE LIST*/

.EventListTEXT {
	FONT-SIZE: 10px;
	FONT-WEIGHT: normal;
	COLOR: #FFF;
	FONT-FAMILY: Century Gothic, Arial, sans-serif;
	TEXT-DECORATION: none;
}

a.EventListTEXT {
	FONT-SIZE: 10px;
	FONT-WEIGHT: normal;
	COLOR: #FFF;
	FONT-FAMILY: Century Gothic, Arial, sans-serif;
	TEXT-DECORATION: none;
}

a.EventListTEXT:hover {
	FONT-SIZE: 10px;
	FONT-WEIGHT: normal;
	COLOR: #CFC;
	FONT-FAMILY: Century Gothic, Arial, sans-serif;
	TEXT-DECORATION: none;
}






.EventListNAME {
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	COLOR: #09F;
	FONT-FAMILY: Century Gothic, Arial, sans-serif;
	TEXT-DECORATION: none;
}

a.EventListNAME {
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	COLOR: #09F;
	FONT-FAMILY: Century Gothic, Arial, sans-serif;
	TEXT-DECORATION: none;
}

a.EventListNAME:hover {
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	COLOR: #4DCBFF;
	FONT-FAMILY: Century Gothic, Arial, sans-serif;
	TEXT-DECORATION: none;
}


.EventListLOCATION {
	FONT-SIZE: 12px;
	FONT-WEIGHT: normal;
	font-style:italic;
	COLOR: #FFF;
	FONT-FAMILY: Century Gothic, Arial, sans-serif;
	TEXT-DECORATION: none;
}

.EventListVENUE {
	FONT-SIZE: 10px;
	FONT-WEIGHT: normal;
	COLOR: #FFF;
	FONT-FAMILY: Century Gothic, Arial, sans-serif;
	TEXT-DECORATION: none;
}

.EventListDATE {
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	COLOR: #FFDD00;
	FONT-FAMILY: Century Gothic, Arial, sans-serif;
	TEXT-DECORATION: none;
}


.EventListREP {
	FONT-SIZE: 10px;
	FONT-WEIGHT: normal;
	COLOR: #FFF;
	FONT-FAMILY: Century Gothic, Arial, sans-serif;
	TEXT-DECORATION: none;
}

a.EventListREP {
	FONT-SIZE: 10px;
	FONT-WEIGHT: normal;
	COLOR: #FFF;
	FONT-FAMILY: Century Gothic, Arial, sans-serif;
	TEXT-DECORATION: underline;
}

a.EventListREP:hover {
	FONT-SIZE: 10px;
	FONT-WEIGHT: normal;
	COLOR: #FFF;
	FONT-FAMILY: Century Gothic, Arial, sans-serif;
	TEXT-DECORATION: none;
}



.EventListPRICING {
	FONT-SIZE: 10px;
	FONT-WEIGHT: normal;
	COLOR: #FFF;
	FONT-FAMILY: Century Gothic, Arial, sans-serif;
	TEXT-DECORATION: none;
}

a.EventListPRICING {
	FONT-SIZE: 10px;
	FONT-WEIGHT: normal;
	COLOR: #FFF;
	FONT-FAMILY: Century Gothic, Arial, sans-serif;
	TEXT-DECORATION: none;
}

a.EventListPRICING:hover {
	FONT-SIZE: 10px;
	FONT-WEIGHT: normal;
	COLOR: #FC0;
	FONT-FAMILY: Century Gothic, Arial, sans-serif;
	TEXT-DECORATION: none;
}

.EventReg {
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold;
	COLOR: #FFDD00;
	FONT-FAMILY: Century Gothic, Arial, sans-serif;
	TEXT-DECORATION: none;
}



.statetag {
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold;
	COLOR: #CFC;
	FONT-FAMILY: Century Gothic, Arial, sans-serif;
}

.ColumnHd {
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	COLOR: #FFF;
	FONT-FAMILY: Century Gothic, Arial, sans-serif;
	background-color: #29A72B;
}








/* Staff */

.StaffName {
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	COLOR: #09F;
	FONT-FAMILY: Century Gothic, Arial, sans-serif;
	text-transform: uppercase;
	TEXT-DECORATION: none;
}
a.StaffName {
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	COLOR: #09F;
	FONT-FAMILY: Century Gothic, Arial, sans-serif;
	text-transform: uppercase;
}


.StaffTitle{
	FONT-SIZE: 10px;
	FONT-WEIGHT: normal;
	COLOR: #FFF;
	FONT-FAMILY: Century Gothic, Arial, sans-serif;
}


a.StaffEmail {
	FONT-SIZE: 10px;
	font-weight: bold;
	COLOR: #FC0;
	FONT-FAMILY: Century Gothic, Arial, sans-serif;
	TEXT-DECORATION: none;
}

a.StaffEmail:hover {
	FONT-SIZE: 10px;
	font-weight: bold;
	COLOR: #FFDD00;
	FONT-FAMILY: Century Gothic, Arial, sans-serif;
	TEXT-DECORATION: none;
}

a.StaffPhone {
	FONT-SIZE: 10px;
	font-weight: bold;
	COLOR: #FFFFFF;
	FONT-FAMILY: Century Gothic, Arial, sans-serif;
	TEXT-DECORATION: none;
}


.StaffQuestionsHD {
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	COLOR: #FC0;
	FONT-FAMILY: Century Gothic, Arial, sans-serif;
	text-transform: uppercase;
}

.StaffQuestions {
	FONT-SIZE: 11px;
	FONT-WEIGHT: normal;
	COLOR: #FFF;
	FONT-FAMILY: Century Gothic, Arial, sans-serif;
}








/*Staff Styles */

.QuestionsTitle {
	FONT-SIZE: 11px;
	COLOR: #FFDD00;
	FONT-FAMILY: Century Gothic, Arial;
	;
	FONT-WEIGHT: bold;
}


.QuestionsStaff {
	FONT-SIZE: 13px;
	COLOR: #F00;
	FONT-FAMILY: Century Gothic, Arial;
	;
	font-weight: bold;
}

.QuestionsJobTitle {
	FONT-SIZE: 12px;
	COLOR: #FFF;
	FONT-FAMILY: Century Gothic, Arial;;
	font-style: italic;
}

a.QuestionsEmail {
	FONT-SIZE: 10px; 
	COLOR: #FFDD00;
	FONT-FAMILY: Century Gothic, Arial;;
}


.registration {
	FONT-SIZE: 12px; 
	COLOR: #FFFFFF;
	FONT-FAMILY: Century Gothic, Arial;
}

.AwardsNav {
	FONT-SIZE: 14px; 
	COLOR: #FFFFFF;
	FONT-FAMILY: Century Gothic, Arial;
}
a.AwardsNav {
	FONT-SIZE: 14px;
	text-decoration:none; 
	COLOR: #FFFFFF;
	FONT-FAMILY: Century Gothic, Arial;
}
a.AwardsNav:hover {
	FONT-SIZE: 14px;
	text-decoration:none; 
	COLOR: #999;
	FONT-FAMILY: Century Gothic, Arial;
}


/*
Mailing List Styles
*/


form { margin: 0px }

fieldset {
	border: solid 1px #FFFFFF;
	padding: 20px;

}

legend
{
	padding: 5px;
}


.inputfield {
	background-color: #FFF;
	font-size: 12px;
	FONT-FAMILY: Century Gothic, Arial;
	color: #000;
	border: 2px solid #333;

}

.MailingListHeader{
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
	TEXT-TRANSFORM: uppercase;
	COLOR: #FFF;
	FONT-FAMILY: Century Gothic, Arial;
}

.MailingListSubHeader{
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	TEXT-TRANSFORM: uppercase;
	COLOR: #FFDF00;
	FONT-FAMILY: Century Gothic, Arial;
}


.MailingListText {
	FONT-SIZE: 12px; 
	FONT-WEIGHT: normal; 
	COLOR: #FFFFFF;
	FONT-FAMILY: Century Gothic, Arial;
}

.MailingListCheckAll {
	FONT-SIZE: 10px;
	FONT-WEIGHT: normal;
	COLOR: #CCC;
	FONT-FAMILY: Century Gothic, Arial;
}



/*Registration*/


.registration {
	FONT-SIZE: 14px; 
	COLOR: #FFFFFF;
	FONT-FAMILY: Century Gothic, Arial;
}

a.registration {
	FONT-SIZE: 14px; 
	COLOR: #FFDC00;
	FONT-FAMILY: Century Gothic, Arial;
}

a.registration:hover {
	FONT-SIZE: 14px; 
	COLOR: #FFDC00;
	FONT-FAMILY: Century Gothic, Arial;
}





/*JAM Rewards*/

.jamrewards {
	FONT-SIZE: 10px; 
	COLOR: #FFFFFF;
	FONT-FAMILY: Century Gothic, Arial;
}

a.jamrewards {
	FONT-SIZE: 10px; 
	COLOR: #FFDC00;
	FONT-FAMILY: Century Gothic, Arial;
}

a.jamrewards:hover {
	FONT-SIZE: 10px; 
	COLOR: #FFDC00;
	FONT-FAMILY: Century Gothic, Arial;
}



.footer {
	FONT-SIZE: 11px;
	COLOR: #FFDC00;
	FONT-FAMILY: Century Gothic, Arial;
	font-weight: bold;
}

A.footer {
	FONT-SIZE: 11px;
	COLOR: #FFF;
	font-weight: normal;
	FONT-FAMILY: Century Gothic, Arial;
	TEXT-DECORATION: none
}

A.footer:hover {
	FONT-SIZE: 11px;
	COLOR: #FFDF00;
	font-weight: normal;
	FONT-FAMILY: Century Gothic, Arial;
	TEXT-DECORATION: underline
}

div.newsbox {
	width: 240px;
	height: 279px;
	overflow: auto;
	padding: 5px;
}


div.eventsbox {
	width: 250px;
	height: 430px;
	overflow: auto;
	padding: 5px;
}

div.eventsboxInside {
	width: 265px;
	height: 315px;
	overflow: auto;
	padding: 5px;
}


.seepink {
	position:absolute;
	left:50%;
	margin-left: 285px;
	top:65px;
	z-index:5;
}

.nationals {
	position:absolute;
	left:50%;
	margin-left: 75px;
	top:50px;
	z-index:5;
}