img		{
	border: 0;
	display: block;
	}

html, body {
height: 100%;
}	
body	{
	margin: 0;
	padding: 0;
	border: 0;
	color: #212934;
	background: #0072BB url(i/fillbg.gif) top center repeat;
	font: 11px verdana, geneva, arial, helvetica, helve, sans-serif;
	}
	
h2, h3, h4, h5	{
	font-weight: normal;
	margin: 25px 0 2px 0;
	padding: 0;
	border: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1em;
	}
	
p	{
	line-height: 15px;
	margin-top: 0;
	padding-top: 0;
	}
	
a, a:link, a:active, a:visited
{
	color:#356A96; /* TODO fix color */
	font-weight:bold;
	text-decoration:none;
}

a:hover 
{
	text-decoration:underline;
}


	
#outerwrapper	
{
	width: 700px;
	margin:0px auto;
	background: transparent url(i/wrap.gif) top center;
	height:auto;
	min-height:100%;
	/*border: solid 1px green;*/
}
	
/* TODO fix dimensions */
#header	{
	height: 132px;
	padding: 0;
	border: 0;
	margin: 0 auto;
	background: #E3EFF7;
	/*background: #E3EFF7 url(i/topbrace.gif) repeat-x;*/
	}

/* TODO have this for cursor--need it? */
div#headwrap {
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
	}

div#headwrap h1	{
	background: transparent url(i/logo.jpg) top left no-repeat;
	width:700px;
	margin: 0;
	padding: 0;
	padding-top: 132px;
	overflow: hidden; /* hides the text */
	height: 0px !important; /* for most browsers */
	height /**/:100px; /* for pre 6.0 IE Win */
	}

#main	{
	width: 363px;
	float: left;
	padding: 10px 0 0 0;
	margin: 10px 0px 0px 15px;
	min-height: 600px;
	/*border:solid 1px red;*/
	}
	
#mainnav {
	width: 700px;
	height: 25px; /*25*/
	border: 0;
	padding: 0px;
	margin: 0;
	}
	
#mainnav ul	{
	width: 700px;
	height: 25px;
	background: url(i/nav.gif);
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#mainnav ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#mainnav ul li, #mainnav a	{
	height: 25px;
	display: block;
	}

#mainnav ul li a	{
	text-indent: -9999px; 
	text-decoration: none;
	}
	
/* TODO: double-check measurements */
#mn1 {left: 0; width: 117px;}
#mn2 {left: 118px; width: 116px;}
#mn3 {left: 235px; width: 115px;}
#mn4 {left: 350px; width: 116px;}
#mn5 {left: 467px; width: 117px;}
#mn6 {left: 585px; width: 117px;}

#mn1 a:hover {background: transparent url(i/nav.gif) 0 -30px no-repeat;}
#mn2 a:hover {background: transparent url(i/nav.gif) -118px -30px no-repeat;}
#mn3 a:hover {background: transparent url(i/nav.gif) -235px -30px no-repeat;}
#mn4 a:hover {background: transparent url(i/nav.gif) -350px -30px no-repeat;}
#mn5 a:hover {background: transparent url(i/nav.gif) -467px -30px no-repeat;}
#mn6 a:hover {background: transparent url(i/nav.gif) -585px -30px no-repeat;}	

/* You are here */
body#home #mn1 {background: transparent url(i/nav.gif) 0 -30px no-repeat;}
/*about pwbl*/
body#mission #mn2 {background: transparent url(i/nav.gif) -118px -30px no-repeat;}
body#history #mn2 {background: transparent url(i/nav.gif) -118px -30px no-repeat;}
body#topten #mn2 {background: transparent url(i/nav.gif) -118px -30px no-repeat;}
body#acknowledge #mn2 {background: transparent url(i/nav.gif) -118px -30px no-repeat;}
body#contact #mn2 {background: transparent url(i/nav.gif) -118px -30px no-repeat;}

body#schedule #mn3 {background: transparent url(i/nav.gif) -235px -30px no-repeat;}
body#fields #mn4 {background: transparent url(i/nav.gif) -350px -30px no-repeat;}
body#teams #mn5 {background: transparent url(i/nav.gif) -467px -30px no-repeat;}
body#resources #mn6 {background: transparent url(i/nav.gif) -585px -30px no-repeat;}

/* SIDEBAR */
/* TODO: adjust bottom padding/space to match top */
#sidebar, #sidetips
{
	float:right;
	width: 217px; /* 215 */
	margin: 10px 15px 25px 25px;
	padding: 10px 0 10px 0;
	background: transparent url(i/sidebarbot.gif) bottom left no-repeat;
	/*border: solid 1px green;*/
	clear:none;
	}

#sidebar #sideblurbs
{
	float:left;
	/*border: solid 1px blue;*/
	display:inline-block;
	padding: 0px 0 0 0;
	background: transparent url(i/sidebartop.gif) top left no-repeat;
	}

	
#sidebar #sideblurbs #sideblurbwrap 
{
	/*border: solid 1px red;*/
	margin:8px 0 0 0;
	padding: 0 5px 0 5px; /* 4*/
	background: #C3CCDB url(i/sidebarwrap.gif) repeat-y;
}

#sidebar #sideblurbs #sideblurbwrap P
{
	margin:0 0 10px 0;
	padding: 0 2px 0 2px;
}

/* TODO: why is the elem so big? */
#sidebar h2	{
	/*border: solid 1px black;*/
	background: #C3CCDB center center no-repeat;
	padding: 0;
	margin:0;
	text-indent: -9999px;
	}
	
#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0 5px 15px 5px;
	background: #C3CCDB;
	color: #212934; /* TODO: check color */
	}

#sidebar li {
	background: transparent url(i/rarrow.gif) no-repeat 0 50%;
	margin: 0;
	padding: 2px 0 2px 10px;
	}
/* END SIDEBAR */

	
#footer
{
	clear: both;
	padding: 10px 25px 10px 25px;
	font-weight: bold;
	text-align:center;
	/*border:solid 1px black;*/
}

/* HOME */
#home img#homepitch 
{
	padding: 0px; /*4*/
	margin:0 0 10px 0;
}

#home h2#anniversary
{
	text-indent: -9999px;
	background: #E3EFF7 url(i/celebrate.gif) center left no-repeat;
}

#home h2#teams	
{
	text-indent: -9999px;
	background: #E3EFF7 url(i/teamsforming.gif) center left no-repeat;
}

#home h2#coaches	
{
	text-indent: -9999px;
	background: #E3EFF7 url(i/coachneed.gif) center left no-repeat;
}

#home #sidebar h2#who	{
	background: #C3CCDB url(i/who.gif) center center no-repeat;
}

#home #sidebar h2#news	{
	background: #C3CCDB url(i/news.gif) center center no-repeat;
}

/* ABOUT PAGES (mission, history, acknowledgements, contact*/
img#catch14
{
	padding: 0px; /*4*/
	margin:0 0 10px 0;
}

#mission h2#ourmission	
{
	text-indent: -9999px;
	background: #E3EFF7 url(i/mission.gif) center left no-repeat;
}

#mission h2#why
{
	text-indent: -9999px;
	background: #E3EFF7 url(i/topten.gif) center left no-repeat;
}

#history h2#ourhistory	
{
	text-indent: -9999px;
	background: #E3EFF7 url(i/history.gif) center left no-repeat;
}

#acknowledge h2#ack
{
	text-indent: -9999px;
	background: #E3EFF7 url(i/ack.gif) center left no-repeat;
}

#contact h2#cont
{
	text-indent: -9999px;
	background: #E3EFF7 url(i/contact.gif) center left no-repeat;
}

/* TODO: why doesn't text show when img not available? */
#mission #sidebar h2#who, #history #sidebar h2#who,
#acknowledge #sidebar h2#who, #contact #sidebar h2#who
{
	background: #C3CCDB url(i/who.gif) center center no-repeat;
}

#mission #sidebar h2#about, #history #sidebar h2#about,
#acknowledge #sidebar h2#about, #contact #sidebar h2#about
{
	background: #C3CCDB url(i/about.gif) center center no-repeat;
}

#sidebar #selectLink
{
	text-decoration:underline;
}

table#league_contacts
{
	border:0;
}

table#league_contacts .board_title
{
	font-weight:bold;
}

table#league_contacts  .board_member
{
	font-style:italic;
}

table#league_contacts  .contact_method
{
	text-align:right;
}

/* END ABOUT PAGES*/

/* SCHEDULES */
#schedule #sidebar h2#ourseason	{
	background: #C3CCDB url(i/ourseason.gif) center center no-repeat;
}

#schedule h2#seasonschedule
{
	text-indent: -9999px;
	background: #E3EFF7 url(i/season.gif) center left no-repeat;
}

/* season scheulde */
table.schedule
{
	border: solid 1px black;
	margin: 15px 0 0 0;
}

table.schedule th
{
	text-decoration:underline;
	text-transform:uppercase;
}

table.schedule tr.tournament
{
    background-color:#7DA7D9;
}

table.schedule td.date
{
	text-align:right;
	width:30%;
	
}

table.schedule td.time
{
	text-align:right;
	
}
/* end season schedule */

/* practice schedule */
#schedule h2#practiceschedule
{
	text-indent: -9999px;
	background: #E3EFF7 url(i/practices.gif) center left no-repeat;
}

div#practices .date,
div#practices .time,
div#practices .location,
div#practices span.description
{
	font-weight:bold;
}

div#practices div.practiceinfo
{
	padding: 2px 0px 2px 0px;
}

div#practices div.practice
{
	margin:10px 0px 0px 0px;
	padding:0px 0px 10px 0px;
}

div#practices div.practice div.title
{
	font-weight: bold;
	text-decoration: underline;
}

div#practices div.practice div.subtitle
{
	font-style:italic;
}

div#practices div.practice div.description
{
	padding-top: 10px;
}
/* end practice schedule */

/* tournament schedule */
#schedule h2#tournamentschedule
{
	text-indent: -9999px;
	background: #E3EFF7 url(i/tournaments.gif) center left no-repeat;
}
div#tournaments div.tournament
{
	font-weight: bold;
	padding:0px;
	margin:10px 0 0 0;
}

div#tournaments div.date
{
	font-weight: bold;
}
/* end tournament schedule */

/* FIELDS */
#fields h2#directions
{
	text-indent: -9999px;
	background: #E3EFF7 url(i/directions.gif) center left no-repeat;
}

#fields #sidebar h2#fieldlist	{
	background: #C3CCDB url(i/play.gif) center center no-repeat;
}

#fields h3
{
	font-weight: bold;
	font-size:1.1em;
}

#fields .address
{
	font-style:italic;
	font-size:1.1em;
	margin-bottom: 5px;
}

#fields .origin
{
	text-decoration:underline;
}


/* TEAMS */
#teams #main
{
	width: 650px;
	margin: 0 0px 0 15px;
	text-align:center;
}

#teams img#mainimg
{
	text-align:center;
	margin:0 0 10px 0;
}

#teams h2
{
	text-indent: -9999px;
	background: #E3EFF7 url(i/teams.gif) center center no-repeat;
}

/* RESOURCES */
#resources #main
{
	width: 650px;
	margin: 0 0px 0 15px;
}

#resources img#mainimg
{
	text-align:center;
	margin:0 0 10px 0;
}

#resources h2
{
	text-indent: -9999px;
	background: #E3EFF7 url(i/resources.gif) center center no-repeat;
}

#resources .firstlink
{
	margin:10px 0 0 0;
}

/* Primary links */
#resources .links
{
	margin: 5px 0 15px 0;
	width:95%;
	float:left;
}

#resources .links .link
{
	margin:25px 0 0 0;
}


#resources .links .title,
#resources .secondarylinks .title
{
	font-weight:bold;
}

/* Secondary Links */
#resources .secondarylinks
{
	margin: 10px 0 0 0;
	width:95%;
	float:left;
}

#resources .secondarylinks .link
{
	margin:5px 0 0 0;
}

#resources h3
{
	font-weight: bold;
	font-size:1em;
	text-align:center;
}

/* Top Ten List */
#topten #main
{
	width: 650px;
	margin: 0 0px 0 15px;
}

#topten h2
{
text-indent: -9999px;
background: #E3EFF7 url(i/topten.gif) center center no-repeat;
}

div .topten
{
margin: 20px 20px 20px 20px;
}

div .title
{
font-weight: bold;
padding: 0 0 5px 0;
}


/*
|------------------------------------------OUTERWRAPPER 700px--------------------------------------|
|---25px main margin
|---|-----------------MAIN 363 px--------|--misc 47px--|25px sb mrg|---SIDEBAR 215px---|25px sb mrg|
*/