body {
font-family:"Myriad", "Arial","Myriad Web", "Myriad Condensed Web";
color:#666666;
font-size:14px;
background-image:url(./images/grays2.gif);
background-position:center;
text-align:left;
}


h1{
font-family:"Myriad", "Arial","Myriad Web", "Myriad Condensed Web" ;
color:#333366;
font-size:24px;
text-transform:uppercase;
}

h2{
font-family:"Myriad", "Arial","Myriad Web", "Myriad Condensed Web";
color:#333366;
font-size:20px;
text-transform:uppercase;
}

h3{
font-family:"Myriad", "Arial","Myriad Web", "Myriad Condensed Web";
color:#333366;
font-size:17px;
text-transform:uppercase;
font-stretch:ultra-condensed;
}
#test{
background-color:#99FF00;
font-size:larger;
}
#aysoSquare {
background-image:url(../images/144px-AYSO.jpg);
position:absolute;
top:22px;
left:20px;
width:144px;
height:144px;
}
span.tableHead {
display:inherit;
background-color:#2586d7;
color:#FFFFFF;
text-align:center;
font-size:18;
font-weight:bold;
width:100%;
width:inherit;
}
span.tableHead2 {
display:inherit;
background-color:#2586d7;
color:#FFFFFF;
text-align:center;
font-size:14;
font-weight:bold;
width:100%;
}	
table {
width:100%;
border-width:medium;
border-color:#000000;
}
board.td {
width:25%;
}
#headerImage {
	background-image:url(../images/header.jpg);
	background-color:#333366;
	position:absolute;
	width: 1056px;
	height: 144px;
	left: 164px;
	top: 20px;

}
#menuBar{
	color:white;
	background-color:black;
	position:absolute;
	top:164px;
	left: 20px;
	width: 1200px;
	height: 31px;
	font-size:24px;
	link:text-decoration:none;

}
#menuBar.td{
width:inherit;
}
#menuText{
    width:100%;
	height:100%;
	text-transform:uppercase;
}

#menubar a {
	color:lightsteelblue;
	}

#leftbar {
	background-color:#003399;
	font-family:Georgia, "Times New Roman", Times, serif;
	position:absolute;
	left:20px;
	top: 195px;
	width: 220px;
	height:900px;
	color:#FFFFFF;
	}

#leftbar ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		width:100%;
}

#leftbar li {
		border-bottom: 1px solid #90bade;
		margin: 0;
		}

#leftbar li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #1958b7;
		border-right: 10px solid #508fc4;
		background-color: #2175bc;
		color: #fff;
		text-decoration: none;
		width: auto;
	}



#leftbar li a:hover {
		border-left: 10px solid #1c64d1;
		border-right: 10px solid #5ba3e0;
		background-color: #2586d7;
		color:#FFFF33;
	}

#menu {
		width: 100%;
		background: #eee;
}
#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #2175bc;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #000;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
z-index:1;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}



#content {
	position:absolute;
	right:auto;
	left: 240px;
	top: 195px;
	width: 920px;
	height: 835px;
	background-color:white;
	padding-left:30px;
	padding-right:30px;
	padding-top:65px;
	background-image:url(../images/ayso1447logo.jpg);
	background-repeat:no-repeat;
	background-position:top:0px;
	
}