html{height:100%;}
body{
	background:#CCC url(images/bg.png) ;
	background-attachment:fixed;
	font:.85em Arial, Helvetica, sans-serif;
	margin:0px;
	height:100%;
}
#container{height:100%;}


#main{
	min-height:100%;
	height:auto;
	_height:100%;
	margin:0 auto;
	overflow:auto;
	_overflow:visable;
}


#main {
	width:777px;
	/*overflow:visible;
	display:table;*/
	
	
	margin:0 auto;
	background:#ccc;
	/*padding-bottom: 0px;*/
}


#head {
	width:777px;
	height:77px;
	background:#CCC url(images/banner.png) no-repeat left top;	
	overflow: hidden;
	padding-bottom:4px
}
#head h1 { 
	text-indent:-9999px;
}

#topnav {
	padding:0;
	background: #003399;
	border-bottom: 3px solid #CCC;
}
#topnav ul { text-align:right;
	list-style-type:none;
	margin:0 0 3px 0;
	padding:0;}
#topnav ul li {
	display:inline;
	padding:.1em 1em;
	border-right:1px solid #FFF;}
#topnav ul li.last{
	border:0;}
#topnav a{
	font:bold .75em Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;}
#topnav a:hover{color:#F00;}
#nav{
	background: #CCC url(images/navbg.png) repeat-x;
	height:26px;
	text-align:left;
	padding-left:0em;
	
	padding-bottom:5px;
}
#nav ul{
	padding:5px 0 0 0;
	margin:0;
}
#nav ul li{ list-style-type:none;
	float:left;
	
}
#nav ul li a{display:block;
	font-size:0.8em;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	padding:0 1.7em;
	
}
#nav ul li a:hover{
	color:#FF0000;
}
#content{float:left;}
#left{
	width:162px;
	float:left;
	margin-right: 4px;
}

#right {
	width:162px;
	margin:0 0 0 5px;
	float:right;
	padding:0;
}
#centre {
	width:444px;
	float:left;
	margin-bottom:0;
	
	
}
.heading {
	font-weight: bold;
	color: #003399;
	
	font-size: 1.5em;
	border: none;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	padding-top: 0.2px;
	padding-bottom: 0.2px;
}
.boxnews, .boxnewsfull{
	border:solid 1px #039;
	border-top:0;
	background-color:#FFF;
	padding:.5em 1em;
	_padding:1em 1em;
	margin-bottom:0;
	text-align:left;
	overflow:auto;
}
.box1{
	border:solid 1px #039;
	border-top:0;
	background-color:#FFF;
	text-align:center;
	padding:.5em .5em;
	margin-bottom:5px;
	min-height:154px;
	height:auto;
	position:relative;
}
* html .box1{ 
	height:154px;
}
.box2{
	border:solid 1px #039;
	border-top:0;
	background-color:#FFF;
	text-align:center;
	padding:.25em 1em;
	margin-bottom:5px;
	min-height:75px;
	height:auto;
}

* html .box2{ 
	height:75px;
}
#results { 
	background:url(images/heading_gameresults.png) no-repeat;
	height:31px;
	overflow:hidden;
}
a#submitresultslink{
	font:.75em Arial, Helvetica, sans-serif;
	color:#666666;
	padding-top:.8em;
	position:absolute;
	left:30px;
	bottom:5px;
}
a:hover#submitresultslink{ color:#F00;}
li.sresults{margin-bottom:1em;}
.pageHeading h2{
	text-indent: -9999px; height:31px;
	margin-top:0;
}
#news h2{background:url(images/heading_news.png) no-repeat left top;}

#canteen h2{background:url(images/heading_canteen.png) no-repeat left top;}
#grounds h2{background:url(images/heading_grounds.png) no-repeat left top;}
#gallerypage h2{background:url(images/heading_gallery.png) no-repeat left top;}
#uniforms h2{background:url(images/heading_uniforms.png) no-repeat left top;}
#businesses h2{background:url(images/heading_businesses.png) no-repeat left top;}
#linksheading h2{background:url(images/heading_links.png) no-repeat left top;}
#oldnews h2{background:url(images/heading_oldnews.png) no-repeat left top;}
#events h2 {background:url(images/heading_events.png) no-repeat left top;}
#pagetitle2 h2{background:url(images/heading_sitemap.png) no-repeat left top;}
#contactinfo h2{background:url(images/heading_contact.png) no-repeat left top;}

#aboutangels h2{background:url(images/heading_about.png) no-repeat left top;}
#contact h2{background:url(images/heading_contact.png) no-repeat left top;}
#documents h2{background:url(images/heading_documents.png) no-repeat left top;}
#coaching h2{background:url(images/heading_coaching.png) no-repeat left top;}
#submitresults h2{background:url(images/heading_submitgameresults.png) no-repeat left top;}
#draws h2{background:url(images/heading_draws.png) no-repeat left top;}
#trybaseball h2{background:url(images/heading_trybaseball.png) no-repeat left top;}

.pageHeading { 
	height:31px;
	overflow:hidden;
	background:url(images/heading_bg.png) repeat-x left top;
}
#teamresults h2 {background:url(images/heading_teamresults.png) no-repeat left top;}
#nextgame { 
	background:url(images/heading_nextgame.png) no-repeat;
	height:31px;
	overflow:hidden;
}
#eventsbox { 
	background:url(images/heading_eventsbox.png) no-repeat;
	height:31px;
	overflow:hidden;
	
}
#weather {
	height:31px;
	overflow:hidden;
	background-image: url(images/heading-wetweather.png);
	background-repeat: no-repeat;
}
#gallery {
	height:31px;
	overflow:hidden;
	background-image: url(images/heading_photogallery.png);
	background-repeat: no-repeat;
	
}
#rules {
	height:31px;
	overflow:hidden;
	background-image: url(images/heading_rules.png);
	background-repeat: no-repeat;
}
/*--STYLES FOR HEADINS--*/
h1, h2, h3 {
	color:#039;
	font:bold 1.5em Arial, Helvetica, sans-serif;
	margin:.5em .5em .5em 0;}
h2{font:bold 1.3em Arial, Helvetica, sans-serif;}
h3{font:bold 1.2em Arial, Helvetica, sans-serif;}
h3 a{color:#039;}
h3 a:hover{color:#F00; text-decoration:none;}
/*
p{ 
	font-size:.85em;
	text-align:left;
	margin-top:.25em;
	padding-top:.25em;
	border-bottom:dashed 1px #FF0000;
	padding-bottom:1em;
	margin-bottom:.65em;
	}
	h2{ 
	text-align:left;
	font-size:1em;
	color:#039;
	line-height:.25em;
	margin-bottom:0em;
	padding-bottom:0em;
	}
p img{
	float:right;
	margin:-1em 0 0 .5em;
	
	}
	p .news2{
	float:left;
	margin:0em .5em 0 0;
	}*/
.boxnews div{
	border-bottom:dashed 1px #FF0000;
	overflow: auto;
}
.newscenter {
	text-align: center;overflow:auto;_overflow:visable;
}
.newscenter p{width:190px;clear:left;}
.newscenter h3 {
	text-align: left;
}

.boxnewsfull  ul {
	text-align:left;
	margin:0 0 0 1em;
	padding:0;
}
.boxnewsfull  ul li{padding:.25em 0;}
.boxnews img{
	
	clear:both;
	margin:0 1em 1em 0em;}
	
.update{
	float:right;
	padding-right:1.5em;
	margin-top:.5em;
	font-size:0.75em;
	color:#FFF;
}
			
	#footer {
	color:#FFF;
	width:777px;
	clear:left;
	background:url(images/navbg.png) repeat-x;
	height:26px;
	margin:0px auto;
	}
	
	
	span{
	display:inline;
	}
img {
	border: 1px solid #000;
}

.nextgamecontent li, .boxcontent li{
	list-style-type:none;
	margin: 0px;
	padding-bottom: .6em;
}
.nextgamecontent  {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 0.8em;
	}
	
.boxcontent  {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	}
.boxcontent a{font:bold 1em Arial, Helvetica, sans-serif;color:#333;}
.boxcontent a:hover{color:#F00;}
h3 a {
	display: block;
}

ul#groundslist, ul#eventslist, ul#contactlist{
	list-style-type:none;
	margin:0;
	padding:0;}
#groundslist li, ul#eventslist li, ul#contactlist li{
	margin:1em 0;
	padding:.5em;
	border:1px dashed #F00;
	font:bold 1.1em Arial, Helvetica, sans-serif;
	color:#F00;}
#groundslist li{width:43%; float:left;margin:.5em .25em;}

#groundslist li ul{padding:.5em 0 0 1em;}
#groundslist li li, ul#eventslist li li, ul#contactlist li li{
	width:auto;
	margin:0;
	padding:0;
	border:none;
	font:normal .85em Arial, Helvetica, sans-serif;
	color:#000;
	float:none;
}
ul#contactlist li li{
	list-style-type:none;}
ul#sitemap{
	margin:1em;}
a.back2top{
	font:bold .65em Arial, Helvetica, sans-serif;
	color:#999;
	text-align:left;
	float:left;
	clear:both;
}
p.moreinfo {
	text-align:left;width:auto;
}
.moreinfo a{
	font:bold .85em Arial, Helvetica, sans-serif;
	color:#999;
}
img.newspic1{
	float:left;
	border:1px solid #000;
	margin: 0 0.5em 0.5em 0.5em;
}
img.newspic2{
	float:right;
	border:1px solid #000;
	margin: .5em 0.5em 0.5em 0.5em;
}
.imgright{float:right;}
div.updated{
	text-align:right;
	text-transform:uppercase;
	
	
	font:.75em Arial, Helvetica, sans-serif;
	border-bottom:1px solid #CCC;
	
}
img.rsslogo{border:0;margin:0;padding:0;}
.updated a{color:#666;}
.updated a:hover{color:#F00;}
#newslist{ 
	padding:1em 0;
	border-bottom:1px solid #CCC;
	font-size:.85em;
	margin:0;}
	
#newslist li{padding:.2em 2em; list-style-position:inside;}
#newslist a{color:#000;}
#newslist a:hover{
	color:#F00;
	text-decoration:none;}
	
/*-- Styles for Game Results--*/
.resulttable{
	text-align:center;
	background:#999;
	font:.85em Arial, Helvetica, sans-serif;
	border:1px solid #666;
	
	border-width:1px 0 0 1px;
	color:#666;
	-moz-border-radius:10px 10px 0 0;
}
.resulttable tr{
	border:1px solid #666;}
	
.resulttable td, .resulttable th{
	padding:.2em 0;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	color:#000;
}
.resulttable th{height:25px;
	background:url(images/resultsTable-th.png) repeat-x left top;
	color:#333;	
	text-transform:uppercase;}
.round {width:9%;	
	-moz-border-radius:10px 0 0 0;}
.date{width:8%;}
.team{width:33%;}
.for{width:11%;}
.against{width:12%;}
.result{width:13%;}
.average{width:14%;	
	-moz-border-radius:0 10px 0 0;}
#standings .team{
	-moz-border-radius:10px 0 0 0;}
.gamebehind{
	-moz-border-radius:0 10px 0 0;}
tr.win td{
	color:#fff;
	background:#69F  url(images/resultsTable-win.png) repeat-x left bottom;}
tr.loss td{
	color:#fff;
	background:#F00 url(images/resultsTable-loss.png) repeat-x left bottom;}
tr.draw td{
	color:#FFF;
	background:#CCC url(images/resultsTable-draw.png) repeat-x left bottom;}

#gameresults{clear:both;
	margin:.5em 0 0 0;border:0;}
	
#links{
	width:230px;
	float:right;
	padding:0;
	margin:0 .5em;
	text-align:right;
	
	border: 0;}
#links a{
	padding:0 0 0 .5em;
	color:#039;
	font:bold .85em Arial, Helvetica, sans-serif;
	}
#links a:hover{
	color:#F00;
}
#coaches{
	width:200px;
	padding:0 1em .5em 1em;
	margin:0.5em;
	float:right;
	clear:right;
	background:#CCC;
	border: 1px solid #039;
	display: none;
}
#coaches h4{
	margin:.5em 0;
	font:1.2em;
	color:#039;}
	
	
	#linkspage {
	font:bold 1.2em Arial, Helvetica, sans-serif;
	color:#000099;
	list-style-type:none;

	
}
#linkspage li{margin:.5em 0; padding:.25em 0;	background: url(images/ball.png) no-repeat left top;
	padding-left:35px;}
#linkspage a{color:#000099;}
#linkspage a:hover{color:#F00;}


ul.upcominggames, ul.upcominggames ul, ul#gameresults, ul#gameresults ul{
	margin:0;
	text-align:left;
	padding:0;
	list-style-type:none;
}
ul.upcominggames{border-bottom:1px solid #CCC;padding:.25em 0;margin:.5em 0;}
ul.upcominggames li, ul#gameresults li{
	padding:.25em 0;
	font:bold 1em Arial, Helvetica, sans-serif;
	color:#F00;}
ul.upcominggames li li,ul#gameresults li li {
	font:.75em Arial, Helvetica, sans-serif;
	color:#000;}
ul.upcominggames .time{font:bold .85em Arial, Helvetica, sans-serif;
color:#000;}	
.open{
	font:bold 1.4em Arial, Helvetica, sans-serif;
	color:#03C;
}
.closed{font:bold 1.4em Arial, Helvetica, sans-serif;
	color:#F00;
	}
.boxnews div{
	border-bottom:dashed 1px #FF0000;
	overflow: auto;
	margin:.25em 0;
	padding:0 0 .5em 0;
}
ul.gallery{
	width:414px;
	margin: 0 0 1em 0;
	padding:0;
	list-style-type:none;
	float:left;

	
	
}

.box1 img {
	margin-bottom: .5em;
	border: 1px solid #000000;
	
}
.clr{clear:both;}
ul.gallery li{
	height:98px;
	width:135px;
	margin:0;
	padding:.25em .2em .25em 0;
	display:block;
	float:left;
	text-align:center;
}
ul.gallery li img{
	margin:0;
	padding:0;
	}
ul.gallery li a{
text-decoration:none;}#documents {
}
img.noborder {
	border-width: 0px;
	padding:0;
	margin:0;
}
.getreader {
	font-size: .75em;
}
.gamedate{font:bold .85em Arial, Helvetica, sans-serif;}
.saturday, ul.upcominggames li li.saturday, ul#gameresults li li.win {color:#003298;}
.sunday, ul.upcominggames li li.sunday, ul#gameresults li li.loss{color:#f00;}
ul.upcominggames li li.friday, .friday{color:#00CC00;}

#graded td{
	border-top: 5px solid #000;
}
.date{
color:#F00;}
#eventslist  li ul li.details{padding-top:1em; list-style-type:none;}

.textcentre, #juniorpresentations td, p.centre, h3.centre{text-align:center;}
p.centre strong{font:bold 1.2em Arial, Helvetica, sans-serif;}