/* CSS Document */

body {
	margin:0;
	padding:0;
	background:#343434 url(images/gradback.jpg) repeat-x;
	font-family:  "Trebuchet MS", verdana, helvetica, ariel, sans-serif;
}
p, h1, h2, h3, ul, img {
	margin:0;
	padding:0;
	text-align:left;
}
h1 {
	font-size:16px;
	color: #7C130F;
}
h2 {
	font-size:14px;
	color:#42725B;
}
h3 {
	font-size:12px;
	color: #7C130F;
}
p, ul, ol{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	list-style-position:inside;
}
a img{
	border:none;
}
a {
	color: #7C130F;
	padding:1px;
}
#wrap {
	width:760px;
	
}
.border {
	border:1px solid black;
}
/* ---------------- head ---------------- */
.head {background:url(images/gradtop.jpg) repeat-y right #ffffff;}
.head div{float:left;}
/* ---------------- nav ---------------- */
#nav {
	margin: 0;
	padding: 0;
	width:545px;
	background-color: #931B1A;
	background-image: url(images/navgrad.jpg);
	background-repeat: repeat-x;
	background-position: top;
	border-bottom:1px solid black;
}
#nav ul {
	list-style: none;
	margin: 0 ;
	padding: 0;
	border: none;
	font-size:11px;
	font-weight: normal;
}
#nav li {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	width: auto;
	border-left: 1px solid #000000;
}
#nav a {
	color: #fff;
	display: block;
	width: auto;
	text-decoration: none;
	text-align:center;
	margin: 0;
	padding: 10px;
	font-weight: normal;
}
#nav a:hover{ 
	background-color: #931B1A;
	background-image: url(images/navgrad2.jpg);
	background-repeat: repeat-x;
	background-position: top;
	color:white;
}
/* ---------------- address ---------------- */
#address{
	background-color: #EDEDED;
	background-image: url(images/paperback.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top:10px;
	
}
#address p{
	padding:3px 5px 5px 15px;
}
#address strong{
	font-size:10px;
	color: #7C130F;
}
/* ---------------- section ---------------- */
#section{background:url(images/section.jpg) no-repeat bottom #ededed;}
#section h1 {padding:10px 5px 10px 15px; color:black;}
/* ---------------- green gradient ---------------- */
#greengradhome{
	background:url(images/gradgreen.jpg) repeat-y right #ffffff;
	border-top:3px solid #7C130F;
}
#greengrad{
	background:url(images/gradgreen2.jpg) repeat-y right #ffffff;
	border-top:1px solid black;
}
/* ---------------- green column left ---------------- */
#leftcol{
	background-color: #E6EFEC;
	background-image: url(images/gradside.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#leftcol ul, ol {
	font-size:10px;
	line-height:18px;
	padding:3px;
	margin-left:5px;
	list-style-position:inside;
	list-style-image:url(images/arrows.gif);
}
#leftcol ul.homelist {
	font-size:13px;
	line-height:20px;
}
#leftcol h2,h1 {padding:25px 5px 0 15px;}
#leftcol p {font-size:11px; padding:3px 5px 5px 15px; line-height:13px;}
#leftcol a {
	padding:3px;
	text-decoration:none;
	color:black;
}
#leftcol a:hover {
	color:white;
	background-color: #7C130F;
}
/* ---------------- content ---------------- */
#court   {padding:20px;}

#content {
	background:url(images/shadow.jpg) repeat-y  #ffffff;
	padding-bottom:15px;
}
#content p {
	padding:3px 10px 3px 20px;
}
#content ul, ol {
	padding:3px 15px 3px 30px;
	list-style-position:inside;
	list-style-image:url(images/arrows.gif);
}
#content h1 {
	padding:20px 15px 3px 20px;
	font-size:16px;
	color:#7C130F;
}
#content h2 {
	padding:8px 15px 5px 20px;
}
#content h3 {
	padding:5px 15px 2px 20px;
}
.picture {
	margin:5px 15px 5px 10px;
	padding:3px;
	float:right;
	clear:both;
	border:1px solid black;
}
#homejs {height:350px;}
/* ---------------- column right ---------------- */
#rightcolhome{
	background-color: #ffffff;
	background-image: url(images/papergreen.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	border-left:1px dotted black;
	padding:20px 5px 10px 0;
}	
#rightcolhome ul {
	font-size:11px;
	line-height:22px;
	list-style-position:inside;
	list-style-type:none;
}
#rightcolhome li {
	padding:3px 10px;
	border-bottom:1px dotted black;
}
#rightcolhome a{
	color: #7C130F;	
	padding:2px;
	text-decoration:none;
	font-weight:bold;
}
#rightcolhome li a.on {
	color:#42725B;
}
#rightcolhome p{
	font-size:9px;
	padding:5px 5px 3px 0;
}	
#rightcolhome p a{
	color:black;
	padding:2px;
	text-decoration:underline;
}
#rightcolhome a:hover{
	color:black;
	background-color: #DEE4E0;
}
#rightcol{
	background-color: #ffffff;
	background-image: url(images/papergreen2.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	border-left:1px dotted black;
	padding-top:15px;
}	
#rightcol p{
	font-size:9px;
	padding:5px 5px 3px 10px;
}	
#rightcol strong{
	color: #7C130F;
}	
/* ---------------- foot ---------------- */
#footbackhome {
	background: url("images/foot_home.jpg") no-repeat;
}
#footback {
	background: url("images/foot.jpg") no-repeat;
}
#foot {
	padding:35px 20px 20px 10px;
	margin:0 auto;
	text-align:center;
	width:760px;
}
#foot p {
	font-size:10px;
	text-align:center;
}
#foot a {
	color:black;
	text-decoration:underline;
	padding:2px;
}
#foot a:hover {
	color:white;
	background-color:black;
	text-decoration:none;
}
/* --------- forms ----------- */

select, input {
	font-size:11px;
	display:block;
}
.button {
	font-size: 11px;
	margin:3px;
	background-color:#7C130F;
	color:#fff;
}
form {
 	padding:2px 5px 2px 20px;
 }
fieldset {
	display: block;
	margin: 8px 1em 1em 0;
	padding: 0 10px 0.4em 20px;
	font-weight:bold;
	font-size: 12px;
	color: #7C130F;
	border:1px solid #666666;
}
legend {border:1px solid #666666; padding:3px;}
textarea {
	display: block;
	width: 25em;
}
label {
	color: #000;
	display: block;
	margin-bottom: 0.25em;
	font-weight: bold;
	font-size:11px;
	padding-right:5px;
}
.first {
	padding-top: 0.75em;
}

.checkbox label {
	color: #000;
	display: inline;
	margin-bottom: 0.25em;
	font-weight: bold;
	font-size:11px;
}