/*	 	========================
			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: #FF7D00;		
	}

/* 	----------------
	FULL PAGE LAYOUT
	---------------- */
	
/* full page main content */
#full_page_content
	{
	width: 860px;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: -3px;
	background: #FFB84D url(images/full01.gif) repeat-y center;		
	text-align:center;
	}
	
/* full page utility nav */
#full_page_utility
	{
	width: 860px;
	margin-left: auto;
	margin-right: auto;	
	background: url(images/full01.gif) repeat-y center;				
	text-align: center;
	}
	
/* full page stripes */
#full_page_stripes
	{
	width: 860px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: url(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: 860px;
	margin-left: auto;
	margin-right: auto;	
	background: url(images/611-columns.gif) repeat-y;				
	text-align: center;
	}

#utility_narrowLeft
	{
	width: 860px;
	margin-left: auto;
	margin-right: auto;	
	background: url(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: #FF7D00 url(images/611-stripeBack.gif) repeat-x;		
	}
	
/* stripe background on sub pages*/
#stripe_background_sub
	{
	width: 100%;
	background: #FFB84D url(images/bck02.gif) repeat-x top;		
	}

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

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

#masthead_home
	{
	width: 860px;
	margin-left: auto;
	margin-right: auto;	
	height: 102px;
	background:url(images/611-masthead2.jpg) no-repeat top;
	}
	
.masthead_sub
	{
	width: 860px;
	margin-left: auto;
	margin-right: auto;	
	height: 66px;
	}

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

.masthead_sub#players
	{
	background:url(images/masthead_players.gif) no-repeat top;
	}
	
.masthead_sub#referees
	{
	background:url(images/masthead_referee.gif) no-repeat top;
	}
	
.masthead_sub#registration
	{
	background:url(images/masthead_registration.gif) no-repeat top;
	}
		
.masthead_sub#news
	{
	background:url(images/masthead_news.gif) no-repeat top;
	}
	
.masthead_sub#tournaments
	{
	background:url(images/masthead_tournament.gif) no-repeat top;
	}
	
.masthead_sub#narrow
	{
	background:url(images/masthead_narrowLeft.gif) no-repeat top;
	}
	
#stripes
	{
	width: 860px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: url(images/611-stripeBlock.gif) no-repeat top center;	
	text-align:left;
	}
	
/* for narrow left nav */
#stripes_narrowLeft
	{
	width: 860px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: url(images/columns-narrow02.gif) no-repeat top center;	
	text-align:left;
	}
	
#left_nav
	{
	float: left;
	width: 155px;
	margin: 0 0 0 28px;
	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 55px;
	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 65px 30px 0;
	}	
	
/* 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(images/611-footerCap.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;
	}
	
/*	-------
	HEADERS
	------- */

h1#masthead
	{
	font-size:20pt;
	text-align:left;
	padding: 5px 0 0 235px;
	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:#BF0A00;
	text-decoration:underline;
	}
	
a:visited
	{
	color:#BF0A00;
	}
	
a:hover
	{
	color:#BF0A00;
	text-decoration:none;
	background-color:#FFE8D2;
	}

#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: #BF0A00;
	text-decoration: none;
	width: 100%;
	}
	
#left_nav li a#active {
	background-color: white;
	color: #BF0A00;
	}
	
html>body #left_nav li a {
	width: auto;
	}

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

/* 	---------------
	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
	------------ */
	
/*	---------------
	TOP NAVIGATION - added per Camille 12-3-2004
	---------------*/
	#MainNav
        {
        width: 786px;
        margin-left: auto;
        margin-right: auto;     
        background: url(images/full01.gif) repeat-y center;                             
        text-align: center;
        padding-top:5px;
        }

#MainNavLinks     { 
     width:639px; 
     background-color: white;      
     padding:8px 8px 8px 103px; 
     }      
      
#MainNav a     { 
     margin: 0 1px; 
     text-decoration:none; 
     padding:8px; 
     }