/* CSS Document */

body { background: #1F5939; font: 85% Arial; color: #fff; font-weight: normal; }
img { border: none; }
span { font-family:'Brush Script MT',Phyllis,'Lucida Handwriting',cursive; }
a:link, a:active { color: #CD3301; text-decoration: none; }
a:visited { color: #75CEA3; text-decoration: none; }
a:hover { text-decoration: underline; }

a:link.button, a:active.button { color: #fff; padding: 2px 4px; }
a:visited { padding: 2px 4px; }
a:hover.button { color: #1F5939; background: #fff; text-decoration: none; }

#container { margin: 0 auto; width: 749px; border: 1px solid #fff; background: url(../images/bg_nav.jpg); background-repeat:repeat-y; }
#calendarcontainer { margin: 0 auto; width: 500px; border: 1px solid #fff; background: url(../images/bg_knit_fade.jpg); background-repeat:repeat-y; }

#main { float: left; width: 599px; color:#fff; }
#main h1 { margin: 20px; font-size: 150%; }
#main h2 { margin: 20px 20px 10px 20px; font-size: 115%; font-weight: bolder; }
#main h3 { margin: 10px 20px 5px 20px; font-size: 100%; }
#main ul { list-style: square; }
#main li { margin: 5px 5px 10px 5px; font-size: 90%; }
#main p { margin: 5px 20px 15px 20px; font-size:90%; }
textarea { margin: 5px 20px 15px 20px; }
#main .imgr { border:1px solid #fff; float: right; margin: 5px 25px 15px 25px; clear:left;}
#main input, #main select { display: block; margin: 5px 20px 20px 20px; }
#main label { display: block; margin: 5px 20px; }
#main img.l0 { float: left; clear: both; margin: 0 1em 1em 0; padding: 0; border: 0; }
#main img.l1 { float: left; clear: both; margin: 0 1em 1em 0; padding: 0; border: 1px solid #fff; }
#main img.r0 { float: right; clear: both; margin: 0 0 1em 1em; padding: 0; border: 0; }
#main img.r1 { float: right; clear: both; margin: 0 0 1em 1em; padding: 0; border: 1px solid #fff; }
#main img.c0 { text-align: center; display: block; clear: both; margin: 0.5em auto 1em; padding: 0; border: 0; }
#main img.c1 { text-align: center; display: block; clear: both; margin: 0.5em auto 1em; padding: 0; border: 1px solid #fff; }

#calendaritem { float:left; width: 400px; margin: 0 0 0 150px; }
#calendaritem h1 { margin: 20px; font-size: 125%; }
#calendaritem h2 { margin: 10px 20px; font-size: 115%; }
#calendaritem h3 { margin: 5px 20px; font-size: 110%; }
#calendaritem p { margin: 3px 20px; font-size: 100%; }

#nav { float: left; width: 150px; padding:10px 0 0 0; background:transparent; text-align: center; }
#nav a { margin: 0 20px 0 0; }
#minispacer { background: #000; width: 150px; height: 50px; }
#mininav { text-align:center; background: #000; width: 100%; padding: 10px 0; font-size: 80%; }
#mininav table { width: 570px; margin: 0 10px 0 160px; }
#mininav a:link, #mininav a:visited { padding: 5px; color: #fff; background: transparent; }
#mininav a:hover { background: transparent; color: #ff0000; }
#mininav a:active { color: #CD3301; }

#footer { background: #CD3301; height: 70px; clear:both; text-align: right; }
#footer img { margin: 10px; }

.spacer { clear:both; width:100%; height: 2px; }
.hightext { color: #CD3301; }
.button { color: #fff; border: 1px solid #fff; background: #21724B; }
.button:hover { background: #7FAA43; cursor: pointer; }
.alert { background: #CD3301; color: #fff; padding: 2px; }

#main #calendar, #main #league { text-align: center; margin: 0 20px 20px 20px; padding: 0; }
#main table.calendar { margin: 0 auto; text-align:center; }
table.calendar { border: 1px solid #fff; }
table.calendar th { border: 1px solid #fff; background: #1A4834; padding: 5px; }
table.calendar td { border: 1px solid #fff; padding: 5px 10px 35px 10px; background: #21724B; }
table.calendar td.item { border: 1px solid #fff; padding: 5px 10px 35px 10px; background: #21724B url(../images/ball.gif); background-position: center 80%; background-repeat: no-repeat; }
#main table.calendar td.item a:link, #main table.calendar td.item a:active { color: #CD3301; text-decoration: none; }
#main table.calendar td.item a:visited { color: #3386ED }
#main table.calendar td.item a:hover { color: #CD3301; background: transparent; }

.leaguetable { margin: 0 0 0 -15px; font-size: 13px; font-weight: normal; text-align: center; }
.leaguetable th { border:none; border-bottom: 1px solid #fff; background: #2B9B65;  }
.leaguetable th.sm { width: 30px; }
.leaguetable th.lg { width: 200px; }
.leaguetable td { border-bottom: 1px dashed #fff; border-top: 1px dashed #fff; text-align: center;}
.leaguetable td.name { text-align: center; }
.leaguetable tr.top td { color: #FFB448; border-top: none; }
.leaguetable .middle { background: transparent; }
.leaguetable tr.last td { color: #CD3301; border-bottom: 1px solid #fff; }

table.fixtures { margin: 0; border:1px solid #fff; border-right: none; border-left: none; text-align: center; font-size: 90%; }
.fixtures th { background: #16452E; }
.fixtures td { text-align: center; }
table.fixtures td.ta { text-align: right; }
table.fixtures td.tb { text-align: left; }
.light { background: #1F5939; }
.dark { color: #C7FFE0; background: #1F5939; }
.spaced { padding-top: 30px; }
.past { color: #000; }
.current { color: #D94D00; }
.future { color: #F4E540; }

.colleft { float: left; width: 250px; }
.colright input, .colright select, .colleft input, .colleft select { width: 240px; }
.colfull input, .colfull select { width: 450px; }
.colright { float: right; width: 250px; }
.colfull { width: 500px; }
.margin-right { margin-right: 10px; }

ul.gallery { margin: 5px 0; padding: 0; }
.gallery li { list-style: none; display: inline; padding: 0; margin: 5px; }

#main label.labell { width: 80px; float: left; margin: 0 10px 0 10px; padding: 0; text-align: right; }
#main input.checkl { width: auto; float: left; clear: none; margin: 0; padding: 0; }
#main input.checkr { width: auto; float: left; clear: right; margin: 0; padding: 0; }
#main label.labelr { width: 80px; float: left; margin: 0 10px 0 30px; padding: 0; text-align: right; }
#main label.labelradl { width: 70px; float: left; margin: 0 5px 0 5px; padding: 0; text-align: right; }
#main label.labelradr { width: 70px; float: left; margin: 0 5px 0 5px; padding: 0; text-align: right; }
#main input.radl { width: auto; float: left; clear: none; margin: 0; padding: 0; }
#main input.radr { width: auto; float: left; clear: right; margin: 0; padding: 0; }

#main .collright input.checkr { margin-right: 10px; }

/* ringers */

.ringer {
	width: 90%;
	margin-left: 20px;
	font-size: 90%;
	padding: 0;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#main .ringer h2, #main .ringer h3 {
	margin: 5px 20px;
	padding: 0;
}

.male {
	background-color: #0066FF;
	border: 1px solid #fff;
}

.female {
	background-color: #FF66CC;
	border: 1px solid #fff;
}
.small { width: 25%; }
.large { width: 40%; }
.list-left {
	float: left;
}
.list-left ul {
	margin: 0;
	padding: 0;
	margin-left: 30px;
}
#main .list-left ul li {
	margin: 0;
	padding: 0;
}

#main .announce h3 {
	margin: 0;
	padding: 5px 0 5px 20px;
	background-color: #CD3301;
	display: block;
}
	
.announce {
	float: right;
	width: 200px;
	border: 1px solid #fff;
	background-color: #000;
	margin-right: 10px;
	margin-left: 10px;
}