body {background:#5E84B7 url(images/bground.gif) repeat-x; text-align:center;/* IE hack to center page contents */
	margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333;}

h1, h2, h3 {padding:0; margin:0; color:#FFF; font-family: Arial, Helvetica, sans-serif;  font-weight:normal;}
h2 {font-size:16px; font-weight:bold; line-height: 27px; color:#FFF; padding-left:6px; background:url(images/h2black.gif) top right no-repeat;} /* Headlines */
h3 {font-size:16px; font-weight:bold; line-height: 27px; color:#FFF; padding-left:6px; background:url(images/h3red.gif) top right no-repeat;} /* Sub-heads */
h4 {font-size:12px; color:#000; font-style:italic; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding: 6px;} /* Resources/sub-nav */
p {margin:0; padding:6px 4px 6px 4px; line-height:15px;}
ul {margin:0;}
li {line-height:15px; padding:6px 0 8px 0;}

.clearFloats {clear:both; line-height:0px; height:0px; font-size:0px;}

/* ---- links ----------------------------------------- */
a {color:#F20000; text-decoration:underline;}  
a:visited {}
a:hover {color:#000; text-decoration:none;}
a:active {color:#F20000; text-decoration:underline;}

a.pdf {background:url(images/icon-pdf.gif) no-repeat; padding:3px 0 3px 22px;}


/* ---- ids & classes ----------------------------------------- */
#frame { /* this centers the page & holds tagline & all page content */
	 position:relative; background:url(images/banner.jpg) #FFF no-repeat; width:800px; margin:0 auto; padding:0; text-align:left;}	

#header {position:absolute; width:800px; top:0; left:0;}
	#url {position:absolute; top:10px; right:15px; height:15px;}
	#url p {padding:0; line-height:15px; font-size:10px;}
	#url a {color:#fff; text-decoration:none;}
	#url a:hover {color:#000;}
	#logo {position:absolute; top:60px; left:15px; width:393px; height:86px; background:url(images/easthamptonyouthsoccer-logo.gif) no-repeat; text-indent:-4000px;}
	#logo a {display:block; width:393px; height:86px; text-decoration:none;}
	#logo_print {display:none;}
	#message {position:absolute; top:30px; left:640px; width:155px; height:160px; background:url(images/message.png) no-repeat; text-indent:-4000px;}	
	#message a {display:block; width:182px; height:182px; text-decoration:none;}			
#content {width:800px; border-bottom:5px solid #F20000; padding-bottom:18px;}
	#nav {width:180px; float:left; margin: 176px 0 0 0;}
	#nav p{font-size:10px; padding:9px 0 9px 6px;}
	#nav h4 {margin:0 0 0 4px; padding:6px 0 6px 4px; background: #FFF 4px 6px no-repeat;}
	#nav ul {margin:0; padding:0; list-style:none; background:url(images/nav-background-gradient.jpg) repeat;}
	#nav ul li {font-size:11px; margin:0; padding:0; display:inline; line-height:20px;} /* display:inline for IE5+ bug */
	#nav ul li a {display:block; color:#000; padding:3px 3px 3px 6px; margin:0; text-decoration:none; border-bottom:1px solid #FFF; }
	#nav ul li a:hover {color:#fff; background:#000;}	
	#nav ul li a.on {color:#fff; background:#F20000; padding:3px 3px 3px 6px; margin:0; text-decoration:none; }
	#nav ul li a.on:hover {color:#fff; background:#F20000;}
	
	#main {width:600px; height: auto; float:left; margin: 217px 0 0 15px;}
	
	#leftcol {width:350px; float:left; margin: 0;}
	#leftcol h3 {margin:15px 0 0 0;}
	
	.scroller {width:350px; height:370px; overflow:auto; margin:0; padding:0;}
	img.right {float:right; margin:8px 0 20px 20px;}
	img.left {float:left; margin:8px 20px 20px 0;}
	
	#rightcol {width:228px; float:left; margin: 0 0 0 15px; background-color:#EFEFEF;}
	#rightcol h4 {margin:0; padding:6px 0 6px 28px; background:url(images/icon-soccerball.gif) #FFF 4px 6px no-repeat;}
	#rightcol p {padding:9px 0 9px 6px;}
	#rightcol ul.rightcol {margin:0; padding:6px; list-style:none;}
	
	#interior {width:590px; float:left; margin: 0;}
	#interior h3 {font-size:16px; font-weight:normal; line-height: 27px; color:#F20000; background:none; padding-left:6px; margin:6px 0 0 0; border-bottom: 1px solid #F20000;}		 
		 
#footer {width:800px; height:20px; background:#5E84B7; padding:0; color:#fff; text-align:center; border-top:5px solid #000;}
	#footer p {font-size:10px; float:left; padding:3px 6px 0 6px; line-height:20px;} 
	#footer p.props {color:#FFF; float:right;}
		#footer p.props a {color:#FFF; text-decoration:none;}
		#footer p.props a:hover {text-decoration:underline;}
		
/* ---- forms ----------------------------------------- */
form {margin:0;}
input, textarea, select, option {font-family:verdana,helvetica,sans-serif; font-size:11px;}
.standardfield {width:250px;}
.smallfield {width:50px;}

		
#adminmenu {
	font:normal 10px Arial, Verdana, Helvetica, sans-serif;
	width:100px;
	clear:both;
	font-size:11px;
	position:absolute;
	right:0;
	top:0;
	border-top:5px solid black;
	}
	#adminmenu table { text-align:left; background-color:#FFFFFF;width:100px;height:80px;}
	#adminmenu a {text-decoration:none; color:#000000;}