.clf:after {
	content:".";
   	display:block;
   	height:0;
   	clear:both;
   	visibility:hidden;
}

.clf {display:inline-block;}
/* Hide from IE Mac \*/
.clf {display:block;}
/* End hide from IE Mac */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:						0;
  	padding:					0;
  	border:						0;
  	outline:					0;
	font-size:					100%;
  	vertical-align:				baseline;
  	background:					transparent;
}                  
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }

body {
	background-color:			#000000;
	font-family:				Arial, Verdana, Helvetica;
	color:						#ffffff;
	font-size:					11px;
}

h1, h2, h3, h4, h5, h6, p { 
	margin: 					0px; 
	padding: 					0px; 
}

ul li { display: block; } 

a, 
a:Active,
a:Visited {
	color:						#ffffff;
	text-decoration:			none;
	border:						0px;
}


a:Hover {
	text-decoration:			underline;
}

#topbar {
	height:						105px;
	background-color:			#000000;
	width:						980px;
	margin:						auto;
}

#logo {
	width:						144px;
	margin-top:					30px;
	float:						left;
	height:						70px;
}

#signup {
	float:						right;
	margin-top:					58px;
}

#main {
	background-image:			url('../img/mainbg.jpg');
	background-position:		center;
	overflow:					auto;	
	position:					relative;
	height:						620px;
}

#main.flash {
	soverflow:					hidden;
}

#content {
	padding:					0px;
	sheight:						620px;
	margin-top:					0px;
	margin-bottom:				0px;
}

#htmlcontent section {
}

#surface {
}

nav {
	height:						120px;
	width:						980px;
	margin:						auto;
}

footer#siteFooter {
	height:						43px;
	margin-left:				12px;
	margin-right:				12px;
	color:						#7f7f7f;
	font-size:					10px;
}

footer#siteFooter p {
	color:						#7f7f7f;
}

footer#siteFooter section {
	float:						right;
	text-align:					right;
}

footer#siteFooter #drinkaware {
	float:						left;
	text-align:					left;
	margin-top:					7px;
}

nav ul {
	list-style-type:			none;
	display:					block;
	float:						left;
	margin:						0px;
	padding:					0px;
	margin-top:					15px;
}

nav ul li {
	list-style-type:			none;
	float:						left;
	display:					block;
	margin:						0px;
	padding:					0px;
	width:						78px;
	height:						62px;
	padding:					5px;
	margin-right:				11px;
	position:					relative;
	background-image:			url('../img/nav.png');
}

nav ul li a {
	display:					block;
	position:					absolute;
	width:						88px;
	height:						72px;
	background-image:			url('../img/nav.png');
	z-index:					2;
	top:						0px;
	left:						0px;
}

nav ul li span {
	display:					block;
	position:					absolute;
	width:						88px;
	height:						72px;
	z-index:					1;
	top:						0px;
	left:						0px;
}

nav ul li.football a { background-position: -88px 0px; }
nav ul li.pyop a { background-position: -176px 0px; }
nav ul li.register a { background-position: -264px 0px; }
nav ul li.history a { background-position: -352px 0px; }

form,
fieldset,
label {
	border:						0px;
	padding:					0px;
	margin:						0px;	
}

#signup input {
	border:						solid 1px #565656;
	background-color:			#8a8a8a;
	float:						left;
	height:						15px;
	padding:					1px;
	font-size:					11px;
}

#signup #signupSubmit {
	border:						0px;
	background-color:			transparent;
	float:						left;
	height:						19px;
	padding:					0px;
}

#signup label {
	padding-top:				0px;
	padding-right:				3px;
	display:					block;
	float:						left;
	font-size:					14px;
}

.contentarea {
        width:						553px;
	margin:						auto;
	padding:					50px;
}


.contentarea h1 {
	font-size:					36px;				
}

.contentarea h3 {
	font-size:					18px;
}


#contentpanel {
        background: #000000;
        -moz-border-radius: 15px;
        border-radius: 15px;
        margin-top: 10px;
        margin-bottom: 10px;
        
        background: #999; /* for non-css3 browsers */

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#073123', endColorstr='#308b48'); /* for IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#073123), to(#308b48)); /* for webkit browsers */
        background: -moz-linear-gradient(top,  #073123,  #308b48); /* for firefox 3.6+ */ 
}

#contentpanel section {
    margin-top: 10px;
    text-align: justify;
}


#flashcontent {
}

#regform {
	height:						487px;
	background-image:			url('../img/formbg.png');
	margin:						auto;
}

#regform .formColumn {
	float:						left;
	width:						270px;
}

#regform .formColumn div {
	padding-top:				8px;
	padding-bottom:				8px;
}

#regform .formColumn label {
	width:						250px;
	clear:						both;
	display:					block;
	font-size:					14px;
	padding-bottom:				3px;
}

#regform h1 {
	font-size:					36px;				
}

#regform h3 {
	font-size:					18px;
}

#regform .formColumn input {
	width:						175px;
	height:						15px;
	font-size:					10px;
	background-color:			#ffffff;
	border:						solid 1px #c3c3c3;
}

#regform .formColumn input.error,
#regform .formColumn select.error {
	border:						solid 1px #ff8383;
}

#regform .formColumn label.error {
	color:						#ff8383;
}

#regform .formColumn select {
	font-size:					11px;
	border:						solid 1px #c3c3c3;
	width:						45px;
}

#regform .formColumn select.fourSelect {
	width:						55px;	
}

#regform .formChecks {
	clear:						both;
	padding-top:				10px;
}

#regform .formChecks div {
	height:						35px;
	clear:						both;	
}

#regform .formChecks label.error {
	color:						#ff8383;
}

#regform header {
	padding-bottom:				22px;
}

#regform header h1 {
	padding-bottom:				8px;
}

#regform .formChecks input {
	float:						left;
	margin:						0px;
	padding:					0px;
	margin-right:				10px;
}

#regform .formChecks label {
	padding-top:				3px;
	display:					block;
	float:						left;
	font-size:					12px;
}

#regform .formSubmit {
	padding-top:				15px;
}

.required {
	float:						left;
}

.submitBtn {
	float:						right;
}

#errors {
	color:						#ff8383;
	padding-top:				15px;
	font-weight:				bold;
}

#regform .required span {
	font-size:					14px;
}

.regsuccess {
    text-align: center;
}    
.regsuccess header {
    margin-top: 150px;
}

#formerrormessage {
    background-color: #ffcccc;
    border: solid 1px #ff0000;
    padding: 10px 20px 12px 20px;
    margin-bottom: 3px;
    text-align: center;
    color: #000000;
    font-weight: bold;
    font-size: 12px;
}