/*
	CMUA 
	Author: Justin Michaliga
	Date: 	Mon, March 24th, 2008
    -------------------------- 
    Eric Meyer - CSS RESET - v1.0 | 20080212 
	-------------------------- 
*/

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend, button,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin:0;
		padding:0;
		border:0;
		outline:0;
		background:transparent;
	}
	body {line-height:1;}
	ol, ul {list-style:none;}
	blockquote, q {quotes:none;}
	blockquote:before, blockquote:after,
	q:before, q:after {content:'';}
	
	/* remember to define focus styles! */
	:focus {outline:0;}
	
	/* remember to highlight inserts somehow! */
	ins {text-decoration:none;}
	del {text-decoration:line-through;}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {border-collapse:collapse; border-spacing:0;}
	
 body{margin: 0px; padding: 0px; background-color: #8F0000; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:13px;}
 
h1, h2, h3, h4, h5{font-family: "Century Gothic", Arial, sans-serif; margin-top: 10px; font-size:1.1em;}
 
a{color: #FF9900;}
a:link{color: #FF9900;}
a:visited{color: #FF9933;}
a:hover{color: #FFCC00;}
 
p{}
input{font-size: 12px; border: 1px solid #FFAAAA; padding: 2px; width: 150px;}
 
 #container{width: 860px; margin: 0px auto;}
 #header{width: 860px; height: 200px; background: url('../images/header.jpg') no-repeat;}
 #navigation{margin: 0px auto; width: 610px; float: right; height: 75px; display: block}
		  
  #nav{position: relative; top: 0px; left: 10px; padding: 0px; list-style: none; width: 600px;}
  #nav li{float: left; display: block; position: relative; width: 100px; margin-left: 35px;}
  #nav li a.on{display: block; height: 50px; padding: 0 !important;}
  #nav li a.on strong{display: none;}
    	  li#events a.on {background: transparent url(../images/nav-e.jpg) top left no-repeat;}
		  li#events a.on:hover {background-position: bottom left;}     
		  li#leagues a.on {background: transparent url(../images/nav-l.jpg) top left no-repeat;}
		  li#leagues a.on:hover {background-position: bottom left;}
		  li#directions a.on {background: transparent url(../images/nav-d.jpg) top left no-repeat;}
		  li#directions a.on:hover {background-position: bottom left;} 
		  li#links a.on {background: transparent url(../images/nav-li.jpg) top left no-repeat;}
		  li#links a.on:hover {background-position: bottom left;}
		     
#top{float: left; width: 860px; background: url('../images/top.jpg') no-repeat; height: 50px; position: relative;}
#subheader{position: relative; width: 860px; height: 50px;}
#date{color:#AAAAAA; float:right; margin-right:31px; position:absolute; right:10px; text-align:right; top:20px; width:250px;}
#weather{float: left; width: 220px; text-align: right; color: #AAA; margin-left: 20px;}

#logo{float: left; width: 250px; height: 150px;}
	#logo a{position: relative; left: 20px; top:0px; display: block; 
		width: 200px; height:100px; padding: 0 !important; background:  url(../images/cmualogo.jpg) no-repeat;}
	#logo h1{margin: 0;}
	#logo h1 strong{display: none;}


#login{float: left; width: 250px; margin-left: 10px; color: #990000;}
 #login p{font-size: 10px; margin-top: -10px;}
 
#form{float: right; margin-right: 30px; font-size: 9px;}
	#form p{font-size: 9px; margin: 0px; padding: 0px;}
	#form label{text-align: right;}
	#form .button{width:100px; background-color: #AA7777; border: 1px #553333 solid; color: #990000;}
	
#wrap{float: left; width: 860px; margin: 0px; padding: 0px; background: #F0EFE1 url('../images/side.jpg') repeat-y;}
 #side{float: left; width: 250px; padding: 10px 0px 0px 10px;}
 	#side h3{color: #555; margin-bottom: 5px;}
	#side ol, #side ul{font-size: 11px;}
		#side li{margin-bottom: 15px;}
	#side p{font-size:12px; line-height: 1.8em;}
 #side #leaguelinks a{color: black; margin-bottom: 15px; font-size: 14px;}
	
 #content{float: left; width: 590px; background-color: #F0EFE1; padding: 10px 0px 0px 10px; line-height: 1.2em;}
 	#content h2{font-size: 24px; color: #990000; margin: 10px 0;}
	#content p{font-size:14px;}

 #registration{width: 580px; padding: 10px 0px 15px 10px;}
    /* standings table settings  */
    #content table{padding: 6px; margin-bottom: 10px;}
    #content th{padding: 6px; border-bottom: 1px solid #bbb;}
    #content tr{padding: 6px; border-bottom: 1px solid #bbb;}
    #content td{padding: 6px;}

    /* #content li{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #bbb;}*/
  #content ul{margin-left: 20px; margin-top: 5px; margin-bottom: 5px;}
  #content li{list-style-type: disc; margin-top: 2px;}
  #registrationerror { font-size: 1.2em;
                       margin-top: 20px;
                       margin-bottom: 20px;
                       color: red;
                     }

 /* #registration{width: 840px; padding: 10px 0px 15px 10px;} */
 #regsuccess{width: 440px;
            margin-left: 24%; margin-right: 20%;
            padding: 20px 0px 0px 0px;}

 #footer{float: left; width: 860px; background: url('../images/bottom.jpg') no-repeat; font-size: 11px; color: #330000; height: 50px;}
 	#footer p{position: relative; left: 290px; top: 5px; width: 600px; font-size: 10px; color: #AAAAAA;}