/* CSS layout */
.header
{
   /* HALLOWEEN */
   /*background-image:url('images/header-halloween-black.jpg');
   background-repeat:no-repeat;
   width:960px;
   height:142px;*/
   
   /* WINTER */
   /*background-image:url('images/header_winter_blue_streamers.jpg');
   background-repeat:no-repeat;
   width:960px;
   height:142px;*/
     
   /*DEFAULT */
   background-image:url('images/header.jpg');
   background-repeat:no-repeat;
   width:960px;
   height:142px;
   
}

.default
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #4361A9;
}
.xsmall
{
	font-size: x-small;
}
.bold
{
	font-weight:bold;
}



#body {
    /* NORMAL STYLE */
	background-image:url('images/blue-black-bg2.jpg');
	background-repeat:repeat-x;
	background-color:#0c125c;
	
	/* HALLOWEEN STYLE */
	/*background-image:url('images/web.png');
	background-repeat:no-repeat;	
	background-color:black;*/
}

#masthead {
	position: relative;
	width: 960px;
}

#container {
	width: 960px;
	margin: 0 auto 0 auto
}

#pageContent {
	width: 960px;
	margin: 0 auto 0 auto;
	/* uncomment this if going with the new design */
	/* padding:10px 10px 10px 10px; */
	clear:both;
}

#pageContentNew {
	width: 960px;
	margin: 0 auto 0 auto;

	/* uncomment this if going with the new design */
	padding:0px 0px 0px 0px; 
	
	/* NORMAL STYLE */
	background-image:url('images/blue-black-bg.jpg');
	background-repeat:repeat-x;
	background-color:#000000; 

    /* HALLOWEEN STYLE */
	/*background-image:url('images/web.png');
	background-repeat:repeat;	
	background-color:black;*/
	
	overflow-x:hidden;
	overflow-y:auto;
}

#pageContentHeader {
	width: 960px;
	margin: 0 auto 0 auto
}

#pageContentSeparator {
	width: 960px;
	margin: 0 auto 0 auto
}

#pageContentMenu {
	width: 960px;
	margin: 0 auto 0 auto
}

#left_col {
	width: 200px;
	position: absolute;
	left: 0px;
	top: 0px;
}

#page_content {
	margin-right: 200px;
	margin-left: 200px;
}

#right_col {
	width: 200px;
	position: absolute;
	right: 0px;
	top: 0px;
}

.links_style1 {
	text-align: center;
}

.links_style2 {
	vertical-align: middle;
	border-width: 0px;

}

.links_style3 {
	font-family: Arial;
	font-size: small;

	color: #000430;
}

.links_style4 {
	font-family: Arial;
}

.alternating_schedule_style2 {
	text-align: center;
	color:#003366;
}

.contactus_style1 {
	text-align: center;
}

.contactus_style2 {
	vertical-align: middle;
	border-width: 0px;
}

.contactus_style3 {
	font-family: Arial;
	font-size: small;
	color: #000430;
}

.contactus_style4 {
	font-family: Arial;
	font-weight:bold;
}

/*** Column layout ***/
.pageLayout {
}

.pageLayout .menu {
	float: left;
	width: 166px;
	margin: 20px 0px 10px 0px;
	padding-bottom: 60px;
}

.pageLayout .contentarea {
	float: left;
	width: 790px;
	margin: 20px 0px 10px 0px;
	padding-bottom: 60px;
}


.pageLayout .managermenu {
	float: left;
	width: 180px;
	margin: 20px 0px 10px 0px;
	padding-bottom: 60px;
}

.pageLayout .managercontentarea {
	float: left;
	width: 776px;
	margin: 20px 0px 10px 0px;
	padding-bottom: 60px;
}


#footer {
/*clear: both;
margin: 0;
padding: 0;*/
}



************** BEGIN layoutOne  3 cols, 400px - 260px - 130px **************/

.layoutOne {
}

.layoutOne .columnOne {
	float: left;
	width: 395px;
	margin: 0px 0px 0px 10px;
}

.layoutOne .columnTwo {
	float: left;
	width: 260px;
	margin: 0px 0px 0px 20px;
}

.layoutOne .columnThree {

	float: left;
	width: 97px;
	margin: 0px 0px 0px 5px;
}



/************** BEGIN layoutTwo  3 cols, 535px - 300px - 120px **************/

.layoutTwo {
}

.layoutTwo .columnOne {
	float: left;
	width: 535px;
	margin: 0px 0px 0px 10px;
}

.layoutTwo .columnTwo {
	float: left;
	width: 300px;
	margin: 0px 0px 0px 20px;
}

.layoutTwo .columnThree {
	float: left;
	width: 120px;
	margin: 0px 0px 0px 20px;
}

/************** END layout2 **************/

/************** BEGIN layoutThree  2 cols, 540px - 400px **************/
.layoutThree {
}

.layoutThree .columnOne {
	float: left;
	width: 398px;
    margin: 0px 0px 0px 10px;
}

.layoutThree .columnTwo {
	float: left;
	width: 348px;
    margin: 0px 0px 0px 20px; 
}

/************** END layoutThree **************/

/************** BEGIN layoutFour  1 cols, 925px **************/
.layoutFour {
	float: left;
	width: 920px;
	padding-left: 180px;
}

/************** END layoutFour **************/

/************** BEGIN layoutFive  3 cols, 535px - 250px - 120px **************/
.layoutFive {
}

.layoutFive .columnOne {
	float: left;
	width: 515px;
	margin: 0px 0px 0px 10px;
}

.layoutFive .columnTwo {
	float: left;
	width: 320px;
	margin: 0px 0px 0px 20px;
}

.layoutFive .columnThree {
	float: left;
	width: 120px;
	margin: 0px 0px 0px 20px;
}

/************** END layout 5 **************/

/************** BEGIN layoutSix 1 cols, 740px **************/
.layoutSix {
}

.layoutSix .columnOne {
	float: left;
	width: 767px;
	margin: 0px 0px 0px 10px;
}
/************** END layoutSix **************/

/************** BEGIN layoutSeven  2 cols, 373x - 373px **************/
.layoutSeven {
}

.layoutSeven .columnOne {
	float: left;
	width: 373px; /* 374 */
    margin: 0px 0px 0px 10px;
}

.layoutSeven .columnTwo {
	float: left;
	width: 373px; /* 374 */
    margin: 0px 0px 0px 20px; 
}

/************** END layoutSeven **************/

/************** BEGIN layoutEight 3 cols, 515px - 250px - 120px **************/
.layoutEight {
}

.layoutEight .columnOne {
	float: left;
	width: 515px;
	margin: 0px 0px 0px 10px;
}

.layoutEight .columnTwo {
	float: left;
	width: 248px;
	margin: 0px 0px 0px 10px;
}

/************** END layout 8 **************/

/************** BEGIN layoutNine 3 cols, 567px - 200px **************/
.layoutNine {
}

.layoutNine .columnOne {
	float: left;
	width: 567px;
	margin: 0px 0px 0px 10px;
}

.layoutNine .columnTwo {
	float: left;
	width: 200px;
	margin: 0px 0px 0px 10px;
}

/************** END layout 8 **************/

/*** end column layout ***/

/*** Spacing ***/

.spacer40top {
	height: 40px;
	margin: 0;
	clear: both;
   font-size: 1%;
}

.spacer20top {
	height: 20px;
	margin: 0;
	clear: both;
   font-size: 1%;
}

.spacer12top {
	height: 15px;
	margin: 0;
	clear: both;
	font-size: 1%;
}

.spacer10top {
	height: 10px;
	margin: 0;
	clear: both;
   font-size: 1%;
}

.spacer7top {
	height: 7px;
	margin: 0;
	clear: both;
	font-size: 1%;
}

.spacer5top {
	height: 5px;
	margin: 0;
	clear: both;
	font-size: 1%;
}
.spacer2top {
	height: 2px;
	margin: 0;
	clear: both;
	font-size: 1%;
}

/*** end spacing ***/

/************** Start Page Content Layout **************/

/************** Under Menu Item ***********************/
.UnderMenuItem {
	float: left;
	width: 148px;
	height: auto;
	margin-left:5px;
    background-color: #35365d;
    padding-bottom:10px;
    /*background-color:#2b509e;*/
}
/************** Under Menu Item ***********************/

/************** Home Page Bordered Boxes **************/
.HomePage {
	float: left;
	width: 100%;
	height: auto;
	background-color:#FFFFFF;
	padding-bottom: 20px;
}
/************** // Home Page  **************/

.NoPadding
{
	
   padding-bottom: 0px;
}

/************** About Us Page Bordered Box **************/
.AboutUsPage {
	float: left;
	width: 509px;
	height: auto;
    background-color: #FFFFFF;
    margin-left:118px;
    padding-bottom: 20px;
}
/************** // About Us Page **************/

/************** Single Item Page **************/
.SingleItemPage {
	float: left;
	width: 689px;
	height: auto;
	background-color: #FFFFFF;
	margin-left: 35px;
	/* no bottom padding since these pages are images at the moment */
	/*padding-bottom: 10px; */
}
/************** // Single Item Page **************/

/************** Single Item Page Full **************/
.SingleItemPageFull {
	float: left;
	width: 100%;
	height: auto;
	background-color: #FFFFFF;
	/* no bottom padding since these pages are images at the moment */
	/*padding-bottom: 10px; */
}
/************** // Single Item Page Full (matches width of layout seven)**************/

/************** Two Even Columns Page **************/
.TwoEvenColumnsPage {
	float: left;
	width: 100%;
	height: auto;
	background-color:#FFFFFF;
	padding-bottom: 20px;
}
/************** // Two Even Columns Page  **************/

/************** Single Item Page With Padding **************/
.WithPadding {
	padding-bottom: 20px;
}
/************** // Single Item Page **************/

/************** Contact Us Page Bordered Boxes **************/
.ContactUsPage {
	float: left;
	width: 660px;
	height: auto;
    background-color: #FFFFFF;
    margin-left:50px;
	padding-bottom:10px;
}
/************** // Contact Us Page **************/

/************** League Page Bordered Box **************/
.LeaguePage {
	float: left;
	width: 100%;
	height: auto;
    background-color: #FFFFFF;
    padding-bottom: 20px;
}

.NoPadding
{
	padding-bottom:0px;
}
/************** // League Page **************/

/************** Inner Content **************/
.InnerContent {
	width: 94%;
	margin: 0 auto 0 auto;
}
/************** // Inner Content **************/

.normal
{
    font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	color:black;
}

/************** Inner Content Centered**************/
.centered{
	text-align:center;
}
/************** // Inner Content Centered **************/

/************** Inner Content Left Aligned **************/
.left{
	text-align:left;
}

.leftstandings{
	text-align:left;
	padding-left:10px;
}

/************** // Inner Content Left Aligned **************/

.downloadLink{
 font-family:Arial;
 font-size:12px;
 color:#C0C0C0;
}

/************** End Page Content Layout **************/

/*** THIS REPLACES .SectionHeader for October ***/
/*** DELETE IT AND REMOVE "_DEFAULT" from Section headers below to return to normal ***/
/*************** Section Header Halloween Background *********/
.SectionHeader_HALLOWEEN {
	height: 26px;
	width:inherit;
    background-image:url('images/section_header_bg_halloween_2.gif');
    background-repeat:repeat-x;
}

/*** THIS REPLACES .SectionHeaderText for October ***/
/************** Section Header Text ********/
.SectionHeaderText_HALLOWEEN {
	position: relative;
	top: -1px;
	left: 10px;
	font-family: "Chiller";
	font-size:23px;
	font-weight: bold;
	font-style: normal;
	color:#f19d17;
}



/************** Section Header **************/
.SectionHeader {
	height: 26px;
	width:inherit;
    background-image:url('images/section_header_bg.gif');
    /* halloween */
    /* background-image:url('images/section_header_bg_black.jpg'); */
    
    background-repeat:repeat-x;
    border: 0px;
}

/************** Section Header Text ********/
.SectionHeaderText {
	position: relative;
	top: 1px;
	left: 10px;
	font-family: "Segoe UI";
	font-size: medium;
	/* halloween */
	/*font-family: Chiller; */
	/* font-size:x-large; */
	/* color:orange; */
	font-weight: normal;
	font-style: normal;
	color:silver;
}

/************** Section Header White Text ********/
.SectionHeaderWhiteText {
	position: relative;
	top: 0px;
	left: 10px;
	font-family: "Segoe UI";
	font-size: medium;
	font-weight: bold;
	font-style: normal;
	color:white;
}

/*************** Section Header Silver Background *********/
.SectionHeaderSilver {
	height: 26px;
	width:inherit;
    background-image:url('images/section_header_bg_silver.gif');
    background-repeat:repeat-x;
}

/************** Section Header Black Text ********/

.SectionHeaderBlackText {
	position: relative;
	top: 4px;
	left: 10px;
	font-family: "Segoe UI";
	font-size: small;
	font-weight: normal;
	font-style: normal;
	color:black;
}

/*************** Section Header Black Text *********/

/*************** Section Header Gold Background *********/
.SectionHeaderGold {
	height: 26px;
	width:inherit;
    background-image:url('images/section_header_bg_gold.gif');
    background-repeat:repeat-x;
}

/*************** Section Header Halloween Background *********/
.SectionHeaderHalloween {
	height: 26px;
	width:inherit;
    background-image:url('images/section_header_bg_halloween.gif');
    background-repeat:repeat-x;
}

/************** Section Header Text ********/
.SectionHeaderHalloweenText {
	position: relative;
	top: 1px;
	left: 10px;
	font-family: "Segoe UI";
	font-size:medium;
	font-weight: bold;
	font-style: normal;
	color: black;
}

/************** Section Header RSS ********/

.SectionHeaderRSS {
	position: relative;
	top: -16px;
	direction:rtl;
	padding-right:10px;
}

.SectionFooter {
	height: 20px;
	width: inherit;
	background-color: white;
	border: 0px;
	padding-top: 0px;
}
.SectionFooter2 {
	height: 20px;
	width: inherit;
	background-color: white;
	background-image:url('images/section_footer2_bg.gif');
	background-repeat:repeat-x;
	border: 0px;
	padding-top: 0px;
}

/************** Calendar Image Text ********/
.CalendarImageText {
		position: relative;
		font-weight: normal;
		font-style: normal;
		font-family: "Arial Black";
		font-size: 48px;
		color: #202020;
		padding-left:52px;
		padding-top:48px;
		height:110px;
		background-image:url('images/june.jpg');
		background-repeat:no-repeat; 
}


/*************** Section Header RSS *********/
.unborderedBox {
	border-style: solid;
	border: 0px;
}

.borderedBox {
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-color: #09003d; /* #999999; */
}

.borderedBoxOrange {
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-color: #FF9900;
}

.borderedBoxSilver {
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-color: silver;
}

.borderedBoxGray {
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-color:gray;
}


.centeredBox {
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-color: #999999;
}

.infoBox {
	border-style: solid;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-color: #000000;
	background-color: #000000;
}

.results {
	font-family: Arial, Helvetica, sans-serif;
	font-size:x-small;
	color: #4361A9;
	border-left-style: solid;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: #EEEEEE;
}

.schedule {
	font-family: Arial, Helvetica, sans-serif;
	font-size:x-small;
	color: #4361A9;
	border-left-style: solid;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: #EEEEEE;
}


.standings {
	font-family: Arial, Helvetica, sans-serif;
	font-size:x-small;
	color: #4361A9;
	border-color: #EEEEEE;
	border-left-style: none;
	border-left-width: 0px;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: #EEEEEE;
}

.position {
	font-family: Arial, Helvetica, sans-serif;
	font-size:x-small;
	color: #EEEEEE;
	border-left-style: solid;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-style: none;
	border-right-width: 0px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: #4361A9;
}

.teamColumn {
	background-color: #4361A9;
	text-align:left;
	padding-left:8px;
}

.underMenuWaiver {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #0C125C;
}

#mbox{background-color:#eee; border:2px outset #666;}
#mbm{font-family:sans-serif;font-weight:bold;float:right;padding-bottom:5px;}
#ol{background-image: url(images/overlay.png);}
.dialog {display:none}

* html #ol
  {
   background-image:none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
  }