/*=====================================================================================
*	stripes theme page LAYOUT
*======================================================================================*/
	body{
		text-align:center;
	}
	#outerStripeContainer {
		width:1000px;
		position:relative;
		margin:12px auto 0 auto;
		padding:0 0 0 10px;
	}
	#innerStripeContainer {
		width:990px;
		margin:0;
		padding:0 0 0 10px;
	}	
	#outerContainer,#aboutMenu,#mainMenu,#footerContainer{
		width:990px;
	}
	#outerContainer{
		position:relative;
		margin:0;
		text-align:left;
		padding-bottom:20px;
	}
	#aboutMenu{
		position:absolute;
		top: 95px;
		left:0;
		text-align:center;
		z-index:999;
	}
	#mainMenu{
		position:absolute;
		top: 112px;
		left:0;
		text-align:center;
	}
	#headerContainer{
		position:relative;
		height:112px;
	}
	#secondMenu{
		float: left;
		position:relative;
		display:inline;
		width: 161px;
		margin: 56px 20px 0 20px;
		overflow:hidden;
	}
	#pageContainer{
		float:left;
		position:relative;
		display:inline;
		min-height:520px;
		height:auto !important;
		height:520px;
		width:789px;
		margin-top:56px;
	}
	#secondaryMenus,#eventsMenu{
		position:relative;
	}
	#userLoginInset{
		position:absolute;
		top:0;
		right:0;
	}
	#organizationLogo{
		position:absolute;
		top:10px;
		left:20px;
		z-index:998;
		max-width:400px;
		max-height:100px;
	}
	#headerBannerAd {
		margin-top:12px;
	}
	#secondMenu .themeAd{
		margin-bottom: 20px;
	}
	#secondMenu .themeAd img{
		max-width:161px;
	}


/*=====================================================================================
*	stripes theme APPEARANCE
*======================================================================================*/
	body {
		background:url(../../graphics/stripes/background-gradient-3.gif) top left repeat-x;

	}
	a {
		font-weight:bold
	}
	/*
	*	box with the border, inside which the actual page livs
	*/
	#outerContainer{
		border:1px solid #AEAEAE;
		background:#FFFFFF;
	}
	/*
	*	main menu display
	*/
	#mainMenu{
		background: transparent url(../../graphics/stripes/main-menu-bg.gif) repeat-x top left;
		height:36px;
		text-align:center;
	}
	#mainMenu ul{
		display:table;
		margin: 0 0 0 20px;
	}
	#mainMenu[align~=LEFT] ul{
		margin: 0 auto;
	}
	#mainMenu li{
		display:table-cell;
		list-style:none;
		float:left;
		height:36px;
		padding-left:3px;
		background: transparent url(../../graphics/stripes/main-menu-bg-button.gif) repeat-x top left;
	}
	#mainMenu li a{
		padding: 10px 10px 0 10px;
		font-weight:bold;
		display:block;
		float:left;
		height:26px;
	}
	#mainMenu li#menu_HomeLink{
		width:28px;
		height:36px;
		background:transparent;
		margin-left:20px;
	}
	#mainMenu li#menu_HomeLink img.divider{
		float:left;
	}
	#mainMenu li#menu_HomeLink a{
		padding:0;
		width:26px;
		height:36px;
		overflow:hidden;
		background-image:url(../../graphics/stripes/main-menu-home.gif);
	}
	#mainMenu li#menu_SignupLink a{
		color:#393;
		width:64px;
		text-align:left;
	}
	#mainMenu li a img{
		float:left;
		margin: -1px 6px -3px -3px;
	}
	#mainMenu #firstDivider {
		float:left;
	}

/*
*	about menu display
*/
	#aboutMenu li{
		list-style:none;
		display:inline;
		padding: 0 10px;
		font-size:11px;
	}
	#aboutMenu li.last{
		border:0;
	}
	#aboutMenu li{	
		border-right: 1px solid #eee;
	}

/*
*	sport menu display
*/
	#secondaryMenus{
		width: 161px;
		margin-bottom:20px;
	}
	#secondaryMenus h4{
		width:161px;
		height:30px;
	}
	#secondaryMenus h4.noImage{
		border:1px solid #bbbbbb;
		padding: 6px 10px;
		font-size: 16px;
		width: 137px;
		height: 16px;
		font-variant:small-caps;
		
		background:-webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#eeeeee));
		background:-moz-linear-gradient(top, #ffffff, #eeeeee);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
		background-color:#eeeeee;
		
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
	}
	#secondaryMenus li{
		padding: 7px 12px 7px 20px;
		border-bottom:1px solid #e9e9e9;
		border-left:1px solid #e9e9e9;
		border-right:1px solid #e9e9e9;
		background-image: url(../../graphics/stripes/sport-menu-bg.gif);
		background-repeat:repeat-y;
	}
	#secondaryMenus li a{
		font-size:12px;
		font-weight:bold;
		display:block;
		width:124px;
		background:transparent;
	}
	#secondaryMenus ul{
		width:152px;
		padding-bottom: 20px;
		margin:	0 0 0 4px;
	}
	#secondaryMenus li a img{
		float:left;
		margin:-1px 10px -3px -10px !important;
		margin: 0 10px 0 0;	/*	IE6 hack	*/
	}
	
/*
*	event menus
*/
	#eventsMenu{
		width: 161px;
		
	}
	#eventsMenu h4.upcomingEventName{
		color:#333;
		padding: 5px 6px 8px 6px;
		font-size:14px;
		border:1px solid #ccc;
		text-align:center;
		background: url(../../graphics/league-nav-bottom-bg.gif) no-repeat 50% 98.2%;
		margin-bottom:0;
	}
	#eventsMenu div.upcomingEvent{
		margin-left:6px;
		width:148px;
		padding-top:4px;
		margin-bottom: 24px;
		border:1px solid #e9e9e9;
		border-top:none;
		background-image: url(../../graphics/stripes/sport-menu-bg.gif);
		background-repeat:repeat-y;
	}
	#eventsMenu div.upcomingEvent div.dates{
		text-align:center;
		font-weight:bold;
		margin: 6px 0;
		font-size:10px;
	}
	#eventsMenu div.upcomingEvent div.dates div.label{
		margin-top: 2px;
	}
	#eventsMenu div.locations{
		text-align:center;
		margin: 20px 0;
		font-size:11px;
	}
	#eventsMenu div.locations li{
		margin: 4px;
	}
	a.eventMenuSignupLink, a.eventMenuScheduleLink{
		display:block;
		text-align:center;
		font-weight:bold;
		margin: 15px 0 15px -4px;
	}
	a.eventMenuSignupLink img, a.eventMenuScheduleLink img{
		background:#fff;
	}
	#eventsMenu a.eventMenuSignupLink {
		color:#393;
	}
	#archivedEvents{
		margin-top: 20px;
		border-top:1px solid #e9e9e9;
		padding: 10px;
	}
	#archivedEvents h4{
		padding-top: 20px;
		text-align:center;
		color:#777;
	}
	#archivedEvents li{
		margin-top: 10px;
		text-align:center;
	}
	
/*
*	login inset area
*/
	#userLoginInset{
		z-index:999;	/* so links don't get covered-up */
	}
	/*	not signed-in	*/
	a#signInLink.button{	
		margin: 20px;
		width:41px;
	}
	/*	signed-in	*/
	#userLoginInset.signedIn{
		width: 200px;
		border-left:1px solid #ccc;
		height: 112px;
		text-align:center;
	}
	#userLoginInset div.link img{
		background:#fff;
	}
	#userLoginInset div.welcome{
		margin: 10px auto 0 auto;
		font-size:11px;
	}
	#userLoginInset div.welcome a{
		font-weight:bold;
	}
	#userLoginInset div.edit {
		font-size: 9px;
		text-align:right;
		margin: 0 26px 0 0;
	}
	#userLoginInset div.playerPage,
	#userLoginInset div.leagueAdmin,
	#userLoginInset div.messages,
	#userLoginInset div.staffSchedule{
		text-align:left;
		padding: 2px 0 2px 18px;
	}
	#userLoginInset div.logout{
		text-align:right;
		padding-right: 5px;
	}

/*
 * 	menu edit styles
 */
	#aboutMenu #aboutMenuEdit{
		border:none;
		opacity:0.7;
	}
	#aboutMenuEdit img{
		margin-bottom:-8px;
	}
	#mainMenuEdit{
		opacity:0.8;
	}
	#aboutMenuEdit a{
		text-decoration:none;
	}