@charset "utf-8";
/* CSS Document */
/*	 	========================
			FILE INFORMATION
		========================
PROJECT:		AYSO
DESCRIPTION:	Style Sheet: SCREEN
	
AUTHOR/ph:		Camille Lee
DATE CREATED:	9/1/2004	
*/

/* 	------
	LAYOUT
	------ */	
body	
	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 75%;
	padding:0;
	margin:0;
	background: #FFB84D;		
	}

/* 	----------------
	FULL PAGE LAYOUT
	---------------- */
	
/* full page main content */
#full_page_content
	{
	width: 786px;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: -3px;
	background: #FFB84D url(/designs/default/images/full01.gif) repeat-y center;		
	text-align:center;
	}
	
/* full page utility nav */
#full_page_utility
	{
	width: 786px;
	margin-left: auto;
	margin-right: auto;	
	background: url(/designs/default/images/full01.gif) repeat-y center;				
	text-align: center;
	}
	
/* full page stripes */
#full_page_stripes
	{
	width: 786px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: url(/designs/default/images/full02.gif) no-repeat top center;	
	text-align:left;
	}

#full_page
	{
	width: 715px;
	margin-left: auto;
	margin-right: auto;	
	padding: 5px 10px 30px 10px;
	}	
	
/* 	----------------
	2 COLUMN LAYOUT
	---------------- */
#utility
	{
	width: 786px;
	margin-left: auto;
	margin-right: auto;	
	background: url(/designs/default/images/columns01.gif) repeat-y center;				
	text-align: center;
	}

#utility_narrowLeft
	{
	width: 786px;
	margin-left: auto;
	margin-right: auto;	
	background: url(/designs/default/images/columns-narrow01.gif) repeat-y center;				
	text-align: center;
	}
	
#utility_content
	{
	width: 742px;		
	font-size:90%;
	text-align: right;
	padding: 2px 10px 2px 2px;
	}

/* stripe background on home page*/
#stripe_background
	{
	width: 100%;
	background: #FFB84D url(/designs/default/images/bck01.gif) repeat-x top;		
	}
	
/* stripe background on sub pages*/
#stripe_background_sub
	{
	width: 100%;
	background: #FFB84D url(/designs/default/images/bck02.gif) repeat-x top;		
	}

/* 2 column layout */
#main_content
	{
	width: 786px;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: -3px;
	background: #FFB84D url(/designs/default/images/columns01.gif) repeat-y center;		
	text-align:center;
	}

/* 2 column layout; narrow left nav */
#main_content_narrowLeft
	{
	width: 786px;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: -3px;
	background: #FFB84D url(/designs/default/images/columns-narrow01.gif) repeat-y center;		
	text-align:center;
	}

#masthead_home
	{
	width: 786px;
	margin-left: auto;
	margin-right: auto;	
	height: 102px;
	background:url(/designs/default/images/masthead_home.gif) no-repeat top;
	}
	
.masthead_sub
	{
	width: 786px;
	margin-left: auto;
	margin-right: auto;	
	height: 66px;
	}

.masthead_sub#full
	{
	background:url(/designs/default/images/masthead_generic_full.gif) no-repeat top;
	}
	
.masthead_sub#generic
	{
	background:url(/designs/default/images/masthead_generic.gif) no-repeat top;
	}

.masthead_sub#players
	{
	background:url(/designs/default/images/masthead_players.gif) no-repeat top;
	}
	
.masthead_sub#referees
	{
	background:url(/designs/default/images/masthead_referee.gif) no-repeat top;
	}
	
.masthead_sub#registration
	{
	background:url(/designs/default/images/masthead_registration.gif) no-repeat top;
	}
		
.masthead_sub#news
	{
	background:url(/designs/default/images/masthead_news.gif) no-repeat top;
	}
	
.masthead_sub#tournaments
	{
	background:url(/designs/default/images/masthead_tournament.gif) no-repeat top;
	}
	
.masthead_sub#narrow
	{
	background:url(/designs/default/images/masthead_narrowLeft.gif) no-repeat top;
	}
	
#stripes
	{
	width: 786px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: url(/designs/default/images/columns02.gif) no-repeat top center;	
	text-align:left;
	}
	
/* for narrow left nav */
#stripes_narrowLeft
	{
	width: 786px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: url(/designs/default/images/columns-narrow02.gif) no-repeat top center;	
	text-align:left;
	}
	
#left_nav
	{
	float: left;
	width: 155px;
	margin: 0 0 0 9px;
	vertical-align:top;
	}	

/* for narrow left nav */
#left_nav_narrow
	{
	float: left;
	width: 110px;
	margin: 0 0 0 9px;
	vertical-align:top;
	}	
	
/* HACK: position left nav for non-IE browsers */
html>body #left_nav
	{
	float: left;
	width: 170px;
	margin: 0 0 0 18px;
	vertical-align:top;
	}	

/* HACK: position left nav narrow for non-IE browsers */
html>body #left_nav_narrow
	{
	float: left;
	width: 125px;
	margin: 0 0 0 18px;
	vertical-align:top;
	}	
	
#right
	{
	float: right;
	width: 550px;
	padding: 5px 30px 30px 10px;
	}	
	
/* for narrow left nav */
#right_wide
	{
	float: right;
	width: 596px;
	padding: 5px 30px 30px 10px;
	}	
	
#PageAnchors
	{
	margin: 0 10px 10px 10px;
	font-size: .95em;
	}
	
.top
	{
	margin: -5px 0 5px 0;
	padding-right:15px;
	font-size: .95em;
	text-align:right;
	}

#StripeFix
	{
	height: 300px;
	}
	
#footer
	{
	width: 730px;
	margin-left: auto;
	margin-right: auto;		
	background: white;
	font-size:90%;
	text-align: left;
	padding: 20px 10px 0 10px;
	border-top: 4px solid #FFB84D;
	clear:both;
	}

#footerCap
	{
	background: url(/designs/default/images/footer_bottom.gif) no-repeat top center;
	height: 28px;
	}
	
#copyright
	{
	padding-top: 25px;
	}

/* 	-------
	GENERAL
	------- */	
p	
	{
	font-size: 1em;
	line-height: 1.5em;
	}
	
.small
	{
	font-size: .95em;
	}
	
.smaller
	{
	font-weight:normal;
	font-size: .75em;
	}

span.redstrong
	{
	font-weight: bold;
	color: red;
	}

span.blue
	{
	color: blue;
	}

span.red
	{
	color: red;
	}

p.redborder
	{border:medium; border-color:red;}
	}

/*	-------
	HEADERS
	------- */

h1#masthead
	{
	font-size:20pt;
	text-align:left;
	padding: 5px 0 0 205px;
	font-weight: normal;	
	}
	
h1#masthead_narrowLeft
	{
	font-size:20pt;
	text-align:left;
	padding: 5px 0 0 158px;
	font-weight: normal;	
	}	
	
/* HACK: position left nav narrow for non-IE browsers */
html>body h1#masthead
	{
	font-size:20pt;
	font-weight: normal;
	margin:0;
	}		

/* HACK: position left nav narrow for non-IE browsers */
html>body h1#masthead_narrowLeft
	{
	font-size:20pt;
	font-weight: normal;
	margin:0;
	}		
	
h1	{
	font-size:1.5em;
	font-weight:bold;
	}

h2	{
	font-size:1.25em;
	font-weight:bold;
	}
	
	
/* 	----------
	NAVIGATION
	---------- */
	
a
	{
	color:#6600CC;
	text-decoration:underline;
	}
	
a:visited
	{
	color:#6600CC;
	}
	
a:hover
	{
	color:#6600CC;
	text-decoration:none;
	background-color:#F2E3FF;
	}

#breadcrumb
	{
	clear:both;
	padding:5px 25px 0 25px;
	background-color: white;
	font-size: .95em;
	color:#666666;
	}
	
.LocalNav
	{
	/* Do Not Remove */	
	}

#footerNav
	{
	/* Do Not Remove */		
	}	

/* 	---------------
	LEFT NAVIGATION: wide
	--------------- */

#left_nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}
	
#left_nav li {
	border-bottom: 1px solid #fffef8;
	margin: 0;
	}
	
#left_nav li a {
	display: block;
	padding: 5px 5px 5px 10px;
	color: #6600CC;
	text-decoration: none;
	width: 100%;
	}
	
#left_nav li a#active {
	background-color: white;
	}
	
html>body #left_nav li a {
	width: auto;
	}

#left_nav li a:hover {
	background-color:#F2E3FF;
	}

/* 	---------------
	LEFT NAVIGATION: narrow
	--------------- */

#left_nav_narrow ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}
	
#left_nav_narrow li {
	border-bottom: 1px solid #fffef8;
	margin: 0;
	}
	
#left_nav_narrow li a {
	display: block;
	padding: 5px 5px 5px 10px;
	color: #6600CC;
	text-decoration: none;
	width: 100%;
	}
	
#left_nav_narrow li a#active {
	background-color: white;
	}
	
html>body #left_nav_narrow li a {
	width: auto;
	}

#left_nav_narrow li a:hover {
	background-color:#F2E3FF;

	}
	
/* 	------
	TABLES
	------ */	
	
th	{
	text-align:left;
	}
	
td	{
	vertical-align:top;
	}


/* 	------
	IMAGES
	------ */


/* 	------------
	FORM CONTROL
	------------ */
	
	        	table.regform {
	font-size: 1.3em;
	width: 786px100%;
   	border: 0;
	cellpadding: 0;
	border-collapse: collapse;
	}

/*  ----------------
	BALL LIST STYLE ADD-ONS
	----------------*/
	
ul.BallList     { 
     line-height:1.5em; 
     margin-left: auto;:15px; 
        margin-right: auto;     
        background: url('../../images/full01sball.gif');
     padding-left:8px; 
     vertical-align:top 
     }
     
ul.BallList li     { 
     list-style-image: url(../../images/sball.gif);
     padding-left:8px; 
     vertical-align:top; 
     }

#left_nav h2     {
     padding-left:10px;
     }
     
/*      ------------
        GREEN LAYOUT (AREA 1-P)
        ------------ */
body#green      
        {
        background: #ABC773;
        }
        
#utility_g
        {
        width: 786px;
        margin-left: auto;
        margin-right: auto;     
        background: url(images/green_full.gif) repeat-y center;                             
        text-align: center;
        }
        
/* stripe background on sub pages*/
#stripe_background_sub_g
        {
        width: 100%;
        background: #ABC773 url(images/green_bck.gif) repeat-x top;             
        }

/* 2 column layout */
#main_content_g
        {
        width: 786px;
        margin-left: auto;
        margin-right: auto;     
        margin-bottom: -3px;
        background: #ABC773 url(images/green_columns.gif) repeat-y center;              
        text-align:center;
        }
                
.masthead_sub#green
        {
        background:url(images/masthead_green.gif) no-repeat top;
        }

#stripes_g
        {
        width: 786px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        background: url(images/green_columns2.gif) no-repeat top center;        
        text-align:left;
        }

#footerCap_g
        {
        background: url(images/green_footer.gif) no-repeat top center;
        height: 28px;
        }

#mainNav_g {
        width: 786px;
        margin-left: auto;
        margin-right: auto;     
        background: url(images/green_full.gif) repeat-y center;                         
        text-align: center;
        padding-top:5px;
        }
        
#mainNav_g a    {
        margin: 0 1px;
        text-decoration:none;
        padding:8px;
        }
        

	
/*    ---------------
    TOP NAVIGATION - updated by Camille 8/9/2009
    ---------------*/
#MainNav
    {
    width: 786px;
    margin-left: auto;
    margin-right: auto;     
    background: url(images/full01.gif) repeat-y center;                             
    text-align: center;
    padding-top:5px;
    }

#MainNavLinks     { 
     padding: 8px;
     width: 734px;
     background-color: #FFCC66;      
     margin: 0 auto;
     }      
      
#MainNav a     { 
     margin: 0 1px; 
     text-decoration:none; 
     padding:8px; 
     }    


 /* Registration styles added by Sam on 12/1/06 */

	table.regform {
		text-align: left;
		font-size: 1em;
		width: 100%;
		border: 0;
		cellpadding: 3;
		border-collapse: collapse;
	}
	table.regform td
		{
		text-align: left;
		padding: 5px;
		}
		
.center
	{
		text-align: center !important;
	}
.red
	{
		color: red;
	}
.bold
	{
		font-weight: bold;
	}
.right
	{
		text-align: right !important;
	}
	
	table.mainTable
	{
	width: 100%;
	border: 1px solid black;
	border-collapse: collapse;
	}
	
	table.mainTable td {
	width: 32%;
	padding-left: 3px;
	background-color: rgb(255,238,205);
	border: 1px solid black;
	font-size: 0.85em;
	}
	
	table.mainTable .TableHeader
	{
	text-align: center;
	background-color: rgb(255,102,0);
	font-weight: bold;
	font-size: 1em;
	}
	
	table.mainTable td.RowHeader
	{
	text-align: right;
	background-color: rgb(255,204,102);
	font-weight: bold;
	width: 17%;
	}