body {
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	/*text-align: center;*/
	background-image: url('../images/bkgd.jpg');
	background-position: top center;
	background-repeat: repeat-y;
}
p, td{
	font-size: 12px;
}
h1, h2, h3, h4, h5, h6{
	color: #000c5a;
}
ul.basic li{
	padding: 2px;
}
ol.basic li{
	padding: 2px;
}


/********************* H STYLES ***********************/
/*h1 {
	font-size: 28px;
}
h2 {
	font-size: 26px;
}
h3 {
	font-size: 22px;
}
h4 {
	font-size: 18px;
	margin-bottom: 0px;
}
h5 {
	font-size: 20px;
}*/

h1 {
	font-size: 26px;
	letter-spacing: -1px;
	margin-top: 0px;
}
h2 {
	font-size: 26px;
}
h3 {
	font-size: 22px;
}
h4 {
	font-size: 18px;
	margin-bottom: 0px;
}
h5 {
	font-size: 16px;
	margin-bottom: 8px;
	margin-top: 13px;
}


/*********** PARENT CONTAINERS *****************/
div.container {
	width: 100%;
	position: absolute;
	text-align: center;
	left: 0px;
	right: 0px;
}
div.styledContainer {
	/*width: 770px;
	margin: auto;
	text-align: center;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;*/
}
div.headerAdmin {
	width: 770px;
	margin: auto;
	background-color: #ff8400;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
}
div.headerMember {
	width: 770px;
	margin: auto;
	background-color: #000c5a;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
}
div.header {
	width: 770px;
	margin: auto;
	text-align: left;
}
div.nav {
	width: 770px;
	margin: auto;
	text-align: left;
	margin-bottom: 2px;
}
div.body {
	width: 770px;
	margin: 0 auto; 
	text-align: left;
}
div.footer {
	width: 770px;
	margin: auto;
}
/** sign-in text - top right of page **/
div.signInText {
	position: absolute;
	text-align: right;
	width: 760px;
	z-index: 1;
	margin: auto;
	padding: 5px;
	font-size: 11px;
	font-weight: bold;
}
/** in footer **/
div.captions {
	margin: auto;
	text-align: right;
	font-size: 10px;
	padding: 5px;
	padding-right: 10px;
	color: #aab5ff;
	background: #000c5a;
}
/********************* SUB CONTAINERS ************************/
div.contentLeft{
	margin: 0 auto;
	float: left;
	width: 58%;
	/*background: #fef4ff;*/
}
div.contentRight{
	margin: 0 auto;
	float: right;
	width: 42%;
	/*background: #fce2ff;*/
}
div.contentHalf{
	float: left;
	width: 50%;
}
div.contentFull{
	width: auto;
}
div.content{
	margin: auto;
	padding: 10px;
}



/********************** MAIN NAVIGATION ****************************/
div.mainNavMenu { 
	width: 100%;
	
	background: url('../images/nav_bkgd.jpg');
	background-position: bottom left;
	background-repeat: no-repeat;
} 
table.mainNavMenu{
	width: 100%;
}
table.mainNavMenu td{
	padding: 0px;
	vertical-align: middle;
	
	border-right: 1px solid #ffffff;
	background: url('../images/nav_but_up.jpg');
	background-position: bottom left;
	background-repeat: repeat-x;
}
div.mainNavMenu a {
	/*width: 147px;*/
	height: 30px;
	display: block; 
	text-align: center;
	line-height: 29px;
	font-variant: small-caps;
	letter-spacing: -1px;
	font-family: "Arial Narrow", Arial, Tahoma, Verdana, Helvetica, sans-serif;
	
	/* default state */
	background: url('../images/nav_but_up.jpg');
	background-position: bottom left;
	background-repeat: repeat-x;
	font-size: 16px;
	font-weight: bold;
	color: #000c5a;
	text-decoration: none;
}
div.mainNavMenu a:visited {
	background: url('../images/nav_but_up.jpg');
	background-position: bottom left;
	background-repeat: repeat-x;
	
	font-size: 16px;
	font-weight: bold;
	color: #000c5a;
	text-decoration: none;
}
div.mainNavMenu a:hover {
	background: url('../images/nav_but_over.jpg');
	background-position: bottom left;
	background-repeat: repeat-x;
	
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
div.mainNavMenu a.mainNavMenuDown{
	/*width: 147px;*/
	height: 30px;
	display: block; 
	text-align: center;
	line-height: 29px;
	font-variant: small-caps;
	letter-spacing: -1px;
	font-family: "Arial Narrow", Arial, Tahoma, Verdana, Helvetica, sans-serif;
	
	/* default state */
	background: url('../images/nav_but_down.jpg');
	background-position: bottom left;
	background-repeat: repeat-x;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
div.mainNavMenu a.mainNavMenuDown:visited{
	/* default state */
	background: url('../images/nav_but_down.jpg');
	background-position: bottom left;
	background-repeat: repeat-x;
	color: #FFFFFF;
}

/********************* FOOTER NAVIGATION *********************/

a.footerNavDown:active{
	color: #000c5a;
	background-color: #e5e8ff;
	text-decoration: none;
}
a.footerNavDown:visited{
	color: #000c5a;
	background-color: #e5e8ff;
	text-decoration: none;
}
a.footerNavDown:link{
	color: #000c5a;
	background-color: #e5e8ff;
	text-decoration: none;
}
a.footerNavDown:hover{
	color: #000c5a;
	background-color: #e5e8ff;
	text-decoration: none;
}



/******************* FLASH DIV - COMMERCIAL *****************/
#mainflash{
	border-top: 1px solid #e5e8ff;
	border-bottom: 1px solid #e5e8ff;
}

/********************* HR ***********************************/
hr.footer{
	width: 90%;
	border: 1px dotted #afafaf;
}


/****** FEATURE BOXES RECTANGULAR - DIVS *************************/
div.featureBox1{
	margin: auto;
	padding: 10px;
	background: #e5e8ff;
	color: #000c5a;
	border: 1px solid #000c5a;
}
div.featureBox1 h4 {
	margin-top: 0px;
}
div.featureBox1 td {
	margin-top: 0px;
	color: #000c5a;
}

div.featureBox2{
	margin: auto;
	padding: 10px;
	font-size: 11px;
	border: 1px solid #c5c5c5;
	background: #ededed;
}
div.featureBox2 h4 {
	margin-top: 0px;
}
div.featureBox2 td {
	margin-top: 0px;
	color: #000c5a;
}

div.featureBoxNewsletterShow{
	margin: auto;
	padding: 10px;
	background: #fafafa;
	border: 1px solid #000c5a;
}

/****** FEATURE BOXES IMAGE BASED - DIVS *************************/
div.featureBoxPrimary{
	width: 295px;
	/*background: #000c5a;*/
	background-image: url('../images/feature_box_primary_mid.gif');
	background-repeat: repeat-y;
	color: #ffffff;
	font-size: 12px;
}
div.featureBoxPrimary a:active{
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
	font-size: 14px;
}
div.featureBoxPrimary a:visited{
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
	font-size: 14px;
}
div.featureBoxPrimary a:link{
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
	font-size: 14px;
}
div.featureBoxPrimary a:hover{
	font-weight: bold;
	color: #ffffff;
	background-color: #000c5a;
	text-decoration: none;
	font-size: 14px;
}
div.featureBoxPrimary span {
	color: #aab5ff;
	font-weight: normal;
}
div.featureBoxPrimary span a:active{
	color: #aab5ff;
	text-decoration: underline;
	font-size: 13px;
}
div.featureBoxPrimary span a:visited{
	color: #aab5ff;
	text-decoration: underline;
	font-size: 13px;
}
div.featureBoxPrimary span a:link{
	color: #aab5ff;
	text-decoration: underline;
	font-size: 13px;
}
div.featureBoxPrimary span a:hover{
	color: #aab5ff;
	text-decoration: none;
	font-size: 13px;
}
div.featureBoxPrimary ul{
	margin-top: 2px;
	margin-left: -20px;
}
div.featureBoxPrimary ul li{
	list-style-type: square;
	padding: 1px;
	font-size: 11px;
	font-weight: normal;
	padding-bottom: 4px;
}
div.featureBoxPrimary ul li a:link{
	font-size: 11px;
	font-weight: normal;
}
div.featureBoxPrimary ul li a:visited{
	font-size: 11px;
	font-weight: normal;
}
div.featureBoxPrimary ul li a:hover{
	font-size: 11px;
	font-weight: normal;
}
div.featureBoxPrimary ul li a:active{
	font-size: 11px;
	font-weight: normal;
}
div.featureBoxPrimary div.content{
	margin: auto;
	padding: 20px;
}
div.featureBoxPrimary h5{
	margin: 0px;
	margin-top: -20px;
	margin-bottom: 8px;
	color: #ffffff;
}

/*********************** NOW REGISTERING WIDGIT ************************/
div.nowRegisteringWidgit{
	
}
div.nowRegisteringWidgit a.sportName:active{
	color: #ffd208;
	text-decoration: underline;
}
div.nowRegisteringWidgit a.sportName:visited{
	color: #ffd208;
	text-decoration: underline;
}
div.nowRegisteringWidgit a.sportName:link{
	color: #ffd208;
	text-decoration: underline;
}
div.nowRegisteringWidgit a.sportName:hover{
	color: #ffd208;
	text-decoration: none;
}
div.nowRegisteringWidgit span.season{
	font-size: 11px;
	color: #ffffff;
}
/*********************** CATEGORY TREE LINKS ************************/
a.categoryTreeLink:link{
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	letter-spacing: 0px;
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
}
a.categoryTreeLink:active{
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
}
a.categoryTreeLink:visited{
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
}
a.categoryTreeLink:hover{
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-decoration: underline;
	color: #000c5a;
	background-color: #e5e8ff;
}





/************************** COMMENTS - DIVS ********************************/
div.commentHeader{
	padding: 3px;
	font-size: 11px;
	background-color: #f2f2f2;
}
div.commentHeaderAdmin{
	padding: 3px;
	font-size: 11px;
	font-weight: bold;
	/*background-color: #fff5d9;*/
	background-color: #f2f2f2;
}
div.commentBody{
	padding: 3px;
	font-size: 12px;
}


/************************** SPORTS TREE - DIVS ********************************/
div.tree_sport{
	color: #000c5a;
	font-size: 18px;
	font-weight: bold;
}
div.tree_sport span{
	color: #c5c5c5;
	font-size: 10px;
	font-weight: normal;
}
div.tree_league{
	color: #000c5a;
	text-indent: 60px;
	font-size: 15px;
	font-weight: bold;
}
div.tree_league span{
	color: #c5c5c5;
	font-size: 10px;
	font-weight: normal;
}
div.tree_league div{
	color: #000000;
	font-size: 12px;
	font-weight: normal;
}
div.tree_team{
	color: #000c5a;
	text-indent: 120px;
	font-size: 12px;
	font-weight: normal;
}
div.tree_team span{
	color: #c5c5c5;
	font-size: 10px;
	font-weight: normal;
}
a.tree_sports_small_link:active{
	color: #c5c5c5;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}
a.tree_sports_small_link:visited{
	color: #c5c5c5;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}
a.tree_sports_small_link:link{
	color: #c5c5c5;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}
a.tree_sports_small_link:hover{
	color: #000c5a;
	font-size: 10px;
	font-weight: normal;
	background-color: #e5e8ff;
	text-decoration: none;
}

/************************** LOCATIONS TREE - DIVS ********************************/
div.tree_country{
	color: #000c5a;
	font-size: 18px;
	font-weight: bold;
}
div.tree_country span{
	color: #c5c5c5;
	font-size: 10px;
	font-weight: normal;
}
div.tree_province{
	color: #000c5a;
	text-indent: 60px;
	font-size: 15px;
	font-weight: bold;
}
div.tree_province span{
	color: #c5c5c5;
	font-size: 10px;
	font-weight: normal;
}
div.tree_city{
	color: #000c5a;
	text-indent: 120px;
	font-size: 12px;
	font-weight: bold;
}
div.tree_city span{
	color: #c5c5c5;
	font-size: 10px;
	font-weight: bold;
}
div.tree_location{
	color: #000c5a;
	text-indent: 180px;
	font-size: 12px;
	font-weight: normal;
}
div.tree_location span{
	color: #c5c5c5;
	font-size: 10px;
	font-weight: normal;
}
a.tree_locations_small_link:active{
	color: #c5c5c5;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}
a.tree_locations_small_link:visited{
	color: #c5c5c5;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}
a.tree_locations_small_link:link{
	color: #c5c5c5;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}
a.tree_locations_small_link:hover{
	color: #000c5a;
	font-size: 10px;
	font-weight: normal;
	background-color: #e5e8ff;
	text-decoration: none;
}



/********************* TINY - SPAN - FOR UN-INTRUSIVE ACTIONS ***************************/
span.tiny{
	color: #c5c5c5;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 0px;
}
span.tiny a:active{
	color: #c5c5c5;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}
span.tiny a:visited{
	color: #c5c5c5;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}
span.tiny a:link{
	color: #c5c5c5;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}
span.tiny a:hover{
	color: #000c5a;
	font-size: 10px;
	font-weight: normal;
	background-color: #e5e8ff;
	text-decoration: none;
}


/************************** USERS - TABLE, TD, TH *******************/
table.users{
	width: 100%;
}
table.users td{
	font-size: 10px;
}
table.users th{
	font-size: 10px;
	text-align: left;
}

/************************** STANDARD - TABLE, TD, TH *******************/
table.standard{
	width: 100%;
}
table.standard td{
	font-size: 10px;
}
table.standard th{
	font-size: 10px;
	text-align: left;
}

/************************** REGISTRATIONS - TABLE, TD, TH *******************/
table.registrations{
	width: 100%;
}
table.registrations td{
	font-size: 10px;
}
table.registrations th{
	font-size: 10px;
	text-align: left;
}

/************************** GAMES SCHEDULES - TABLE, TD, TH *******************/
table.gamesSchedule{
	width: 100%;
}
table.gamesSchedule th{
	padding: 2px;
	padding-top: 15px;
	font-size: 15px;
	font-weight: bold;
	color: #000c5a;
	vertical-align: middle;
	text-align: left;
}
table.gamesSchedule td{
	padding: 2px;
	vertical-align: middle;
}
table.gamesSchedule td.location{
	font-size: 10px;
	text-align: right;
	padding-bottom: 8px;
}
table.gamesSchedule tr.inDispute{
	background-color: #FFEDED;
	background-color: #ffe6e6;
}
table.gamesSchedule tr.pendingApproval{
	background-color: #FFFDF9;
	background-color: #fff5d9;
}


/************************** TABLE, TD, TH - LARGE *************************/
table.large{
	width: 100%;
}
table.large th{
	padding: 5px;
	padding-top: 15px;
	font-size: 17px;
	font-weight: bold;
	color: #000c5a;
	vertical-align: middle;
	text-align: left;
}
table.large td{
	padding: 5px;
	font-size: 17px;
	vertical-align: middle;
}

/************************** DIV - MISC *******************************************/
div.smallBold{
	font-size: 10px;
	font-weight: bold;
}

div.comment1{

}

div.heading1{
	padding: 8px;
	background-color: #000c5a;
}

/************************** NOTICES - DIVS ************************************/
#noticeConfirm{
	border: 1px solid #00A20B;
	background: #E9FFEB;
	color: #00A20B;
	padding: 7px;
}
#noticeNotice{
	border: 1px solid #ff8400;
	background: #FFFDF9;
	color: #ff8400;
	padding: 10px;
}
h5.noticeNotice{
	color: #ff8400;
	margin-top: 0px;
	margin-bottom: 10px;
}
#noticeError{
	border: 1px solid #C41818;
	background: #FFEDED;
	color: #C41818;
	padding: 7px;
}

/***************************** IFRAMES *********************************/

iframe.waiverIFrame{
	background-color: #ffffff;
	width: 100%;
}

/***************************** FORMS *************************************/
input.textTiny{
	width: 30px;
	background-color: #FCFCFC;
	border-top: 1px solid #9B9B9B;			 		   
	border-left: 1px solid #9B9B9B;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
input.textSmaller{
	width: 70px;
	background-color: #FCFCFC;
	border-top: 1px solid #9B9B9B;			 		   
	border-left: 1px solid #9B9B9B;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
input.textSmall{
	width: 100px;
	background-color: #FCFCFC;
	border-top: 1px solid #9B9B9B;			 		   
	border-left: 1px solid #9B9B9B;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
input.textShort{
	width: 100px;
	background-color: #FCFCFC;
	border-top: 1px solid #9B9B9B;			 		   
	border-left: 1px solid #9B9B9B;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
input.textMedium{
	width: 250px;
	background-color: #FCFCFC;
	border-top: 1px solid #9B9B9B;			 		   
	border-left: 1px solid #9B9B9B;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;

}
input.textLong{
	width: 400px;
	background-color: #FCFCFC;
	border-top: 1px solid #9B9B9B;			 		   
	border-left: 1px solid #9B9B9B;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
textarea{
	width: 100%;
	height: 275px;
	background-color: #FCFCFC;
	border-top: 1px solid #9B9B9B;			 		   
	border-left: 1px solid #9B9B9B;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

textarea.textareaMedium{
	width: 100%;
	height: 125px;
	background-color: #FCFCFC;
	border-top: 1px solid #9B9B9B;			 		   
	border-left: 1px solid #9B9B9B;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}



input.textMediumFat{
	width: 250px;
	font-size: 25px;
	background-color: #FCFCFC;
	border-top: 1px solid #9B9B9B;			 		   
	border-left: 1px solid #9B9B9B;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;

}
input.buttonFat{
	font-size: 25px;
	font-weight: bold;
	padding-bottom: 5px;
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	color: #000c5a;
	/*background-color: #fdd100;
	border: 1px ridge #fdd100;*/
}

div.smallForm{
	font-size: 11px;
}
div.smallForm select{
	font-size: 11px;
}
div.smallForm input{
	font-size: 11px;
}


/******************************* PAGINATION LINKS ********************************/
#paginationLinksLeft{
	float: left;
	font-size: 11px;
}
#paginationLinksRight{
	float: right;
	font-size: 11px;
}
#paginationLinksLeft select{
	font-size: 10px;
}
#paginationLinksRight select{
	font-size: 10px;
}
#paginationLinksLeft input{
	font-size: 10px;
}
#bpaginationLinksRight input{
	font-size: 10px;
}

/********************* JUMP FORM WRAPPER ***********************/
div.jumpFormWrapper{
	font-size: 11px;
}
div.jumpFormWrapper select{
	font-size: 11px;
}
div.jumpFormWrapper option{
	font-size: 11px;
}
div.jumpFormWrapper input{
	font-size: 11px;
}

/********************** BREAD CRUMBS ***************************/
#breadCrumbLeft{
	float: left;
	font-size: 10px;
}
#breadCrumbRight{
	float: right;
	font-size: 10px;
}
div.breadCrumbLeft{
	float: left;
	font-size: 10px;
	margin: auto;
	padding: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
}
div.bodyBreadCrumb {
	width: 770px;
	margin: 0 auto; 
	text-align: left;
	border-bottom: 1px solid #c5c5c5;
	border-top: 1px solid #c5c5c5;
	background: #ededed;
}

#breadCrumbLeft select{
	font-size: 10px;
}
#breadCrumbRight select{
	font-size: 10px;
}
#breadCrumbLeft input{
	font-size: 10px;
}
#breadCrumbRight input{
	font-size: 10px;
}



/********************* BLOCKQUOTE ***************************/
blockquote{
	margin-left: 55px;
}


/********************* LINKS ********************************/
/* Primary Colour */
a:active{
	color: #000c5a;
	text-decoration: underline;
}
a:visited{
	color: #000c5a;
	text-decoration: underline;
}
a:link{
	color: #000c5a;
	text-decoration: underline;
}
a:hover{
	color: #000c5a;
	background-color: #e5e8ff;
	text-decoration: none;
}
/* Secondary Colour */
a.secondary:active{
	color: #000c5a;
	background-color: #fcd000;
	text-decoration: none;
}
a.secondary:visited{
	color: #000c5a;
	background-color: #fcd000;
	text-decoration: none;
}
a.secondary:link{
	color: #000c5a;
	background-color: #fcd000;
	text-decoration: none;
}
a.secondary:hover{
	color: #FFFFFF;
	background-color: #FDD212;
	text-decoration: none;
}
/* Tertiary Colour */
a.tertiary:active{
	color: #F58A00;
	text-decoration: none;
}
a.tertiary:visited{
	color: #F58A00;
	text-decoration: none;
}
a.tertiary:link{
	color: #F58A00;
	text-decoration: none;
}
a.tertiary:hover{
	color: #FFFFFF;
	background-color: #F58A00;
	text-decoration: none;
}

/*** link for div.captions ***/
div.captions a:active{
	color: #aab5ff;
	text-decoration: underline;
}
div.captions a:visited{
	color: #aab5ff;
	text-decoration: underline;
}
div.captions a:link{
	color: #aab5ff;
	text-decoration: underline;
}
div.captions a:hover{
	color: #ffffff;
	background-color: #000c5a;
	text-decoration: none;
}
