﻿/* AYSO Area 1-P: SCREEN STYLE SHEET */

body	{
	background-color: #C8E4F3;
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;}

#HiddenTitle	{
	 height: 0;
	 width: 0;
	 overflow: hidden;}

#HiddenTitle h1	{
	 height: 0;
	 width: 0;
	 overflow: hidden;}
	  
#content	{
	background: #C8E4F3 url(images/bck.gif) repeat-y center;
	margin-left: auto;
	margin-right: auto;
	width: 800px; }

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

span.ital
		{
		font-style: italic;
		}

p.redborder
		{
		border:thin red solid;
		}
p.blackborder
		{
		border:medium black solid;
		}

/* UTILITY */
#utility	{
	background: url(images/capTop.gif) no-repeat top;
	height: 21px;
	margin-left: 1px;
	padding: 25px 145px 0 25px;
	text-align: right;}

#utilitySub	{
	background: url(images/capTop-sub.gif) no-repeat top;
	height: 21px;
	margin-left: 1px;
	padding: 25px 25px 0 25px;
	text-align: right; }
	

/* MASTHEAD */
#masthead	{
	background: white url(images/masthead.gif) no-repeat;
	height: 107px; 
	color: white;
	font-weight:bold;
	padding: 0 0 0 225px;}
	
#mastheadSub	{ /* SMALL SUB PAGE MASTHEAD */
	background: white url(images/mastheadSM.gif) no-repeat;
	height: 52px;
	color: white;
	font-weight:bold;}

#regions	{
	color: white;
	font-weight:bold;
	 }

#regions a
	{
	color: white;
	font-weight: bold;
	text-decoration: underline;
	}
#regions a:hover
	{
	color:rgb(255,235,154);
	text-decoration: none;
	}

/* MAIN NAV */
#MainNav	{
	clear: both; 
	font-size: .9em;
	padding: 7px 0;
	height: 15px;
	background: white url(images/bck_yellow.gif) repeat-y; }
	
#date	{
	float: left;
	width: 185px;
	padding: 0 0 0 25px;}

#global	{
	float: left;
	padding-left: 25px;}

/* MAIN BODY */
#text	{
	border-top: white solid 3px;
	width: 768px;
	margin-left: auto;
	margin-right: auto;	}

/* HACK: set min-height for non-IE browsers */
html>body #LeftNav	{	
	float:left;
	background: url(images/navPhoto.jpg) no-repeat top;
	width: 190px;
	min-height: 600px; }

#LeftNav	{	
	float:left;
	background: url(images/navPhoto.jpg) no-repeat top;
	width: 190px;
	height: 600px;
	}
	
#LeftNav p	{
	margin: 0;
	font-size: 1em;}
	
#right	{
	float:left;
	padding: 30px 10px 30px 20px;
	width: 545px; }

/* FOOTER */
#footer	{
	clear:both; 
	background-color: #C8E4F3;}
	
#footer_text	{
	background: #C8E4F3 url(images/bck_white.gif) repeat-y;
	font-size: .9em;
	padding: 15px 25px 0 25px; }

#copyright	{
	font-size: .85em;
	padding-top: 35px;}


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

H1	{
	font-size: 1.25em;}

H1#MastheadHome	{
	font-size: 2em;
	margin: 0 0 15px 0;
	padding-top: 15px;}
	
H1#MastheadLeft	{
	font-size: .9em;
	float:left;
	font-weight:bold;
	width: 135px;
	padding: 16px 0 0 72px;
	margin-top: 0;}

H1#MastheadRight	{
	font-size: 1.25em;
	float:left;
	padding-left: 60px;
	font-weight:normal;
	padding: 15px 0 0 20px;
	margin-top: 0;}
	
H2	{
	font-size: 1.1em;}
	
/*	-----
	LINKS
	----- */

A	{
	color: #003D7C;}

a:hover	{	
 	text-decoration: none;  }

#utility a, #utilitySub a {
	font-size: .85em;
	padding-left: 10px; }
	
#LeftNav a	{
	padding: 10px 0 10px 10px;
	border-bottom: 2px solid white;
	text-decoration: none;
	display: block;}

#LeftNav a:hover	{
	background-color: #C8E4F3;
	  }
	
#footer_text a	{
	padding-right: 1px; }
	
	
/* 	===========================
	MAIN NAV -- DROP DOWN MENUS
	=========================== */
	
 ul  {
  	padding: 0;
  	margin: 0;
  	list-style: none;}
	
#nav a	{
	text-decoration: none;
	padding: .3em 10px;
	}

#nav li li a	{
	display: block;
	padding: .6em 10px;
	font-size: .85em;
	}
	
#nav li li a:hover	{
	background-color: #FFEB9A;
	}
	
ul#nav li {
  	float: left;
  	position: relative;
	cursor: default;
	}	
	
li ul {
  	display: none;
  	position: absolute; 
  	top: 1em;
  	left: 0;
  	background-color: #FFD249; /*#FFEB9A pale yellow*/
	border-top: 6px solid #FFEB9A;}

li > ul {
	top: auto;
	left: auto;}

li:hover ul, li.over ul{ display: block; }

/*
Full Page added by Camille 8/17/05*/

#content_OneCol {
background: #C8E4F3 url(images/bck_white.gif) repeat-y center;
margin-left: auto;
margin-right: auto;
width: 800px; }

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