@charset "UTF-8";
/* CSS Document */

/*layout*/
#sidebar{width:200px;}
#mainbox{position:relative;top:0;left:0;width:835px;height:auto;background-color:#333;overflow:hidden;}
#contentbox{position:relative;top:0;left:0;margin:5px;}
#whitebox{width:825px;position:relative;top:0;left:0;background-color:#FFF;}
#copybox{width:740px;position:relative;top:20px;left:60px;height:auto;padding-bottom:50px;}
#footer{top:-300px;}
.event{height:180px;}
.left{float:left;}
#aboutpg #leftcol, #historypg #leftcol,#staffpg #leftcol{position:absolute;top:0;left:0;width:230px;}
#aboutpg #rightcol, #historypg #rightcol, #staffpg #rightcol{position:relative;top:0;left:230px;width:510px;}

#staffpg h4 {
	color: #933;
	text-transform: none;
	margin: 20px 0 0 10px;
}

img.bio {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}

.clearright {
	clear: right;
}

.accToggler {
	background: #da7 url(/images/basic/rightarrow.jpg) no-repeat;
	color: #933;
	font-weight: bold;
	padding: 2px 2px 2px 20px;
	width: 500px;
	margin: 10px 0 0 0;
	cursor: pointer;
}
#contactpg #leftcol{position:relative;top:0;left:0;width:375px;}
#contactpg #rightcol{position:absolute;top:0;left:415px;width:325px;}
#feepg #leftcol{position:relative;top:0;left:0;width:540px;}
#feepg #rightcol{position:absolute;top:0;left:560px;width:180px;}
#feepg table{margin:15px 0;width:100%;}
.feebar{margin-top:30px;}
#valuepg #leftcol{position:relative;top:0;left:0;width:350px;}
#valuepg #rightcol{position:absolute;top:30px;left:390px;width:350px;}

.colbox{position:relative;top:40px;width:740px;height:250px;}
.linkcol{position:relative;top:15px;display:block;margin-right:25px;float:left;
width: 210px;}
.linkcol.last{margin-right:0;}

#referral{
float:right;
padding:0 20px 15px;
width:390px;
}

#aboutpg h4{
	color: #933;
	text-transform: none;
	margin-bottom: 0px;
}

/*font*/
#contentbox h2{font-size:22px;margin-left:60px;text-transform:uppercase;}
#copybox h3{border-bottom:1px solid #933;margin-bottom: 10px;}
#copybox p {color:#333;margin-bottom:15px;}
#copybox a, #copybox li{color:#333;}
#copybox p.date{line-height:16px;}
#copybox a{text-decoration:underline;}
#copybox a:hover{color:#933;text-decoration:none;}
#copybox ul{list-style-position:inside;}
#aboutpg #leftcol p ,#historypg #leftcol p,#staffpg #leftcol p{color:#933;font-size:14px;line-height:25px;margin:0 10px 0 0;}
#aboutpg #rightcol p ,#historypg #rightcol p, #staffpg #rightcol p{margin:0 0 20px 10px;}
#newspg h3 a, .redhead{color:#933;font-size:16px;font-weight:lighter;text-decoration:none;}
#newspg h3 a:hover{color:#333;}
#calcpg #copybox li{line-height:20px;}
#charitypg td, #charitypg th{border:1px #333 solid;}
#feepg #rightcol img{border:1px #333 solid;}
#feepg th{border-bottom:1px #933 solid;padding-top:0;text-align:left;width:33%;}
#feepg td{padding-bottom:0;text-align:left;}
#feepg .redbdr{border-left:1px #933 solid;}
td.leftalg, th.leftalg{padding-left:0;}

input, select, textarea{background-color:#FFF;color:#333;border:1px inset #000;width:220px;margin-bottom:5px;}
textarea{height:60px;}
input.redsubmit{width:50px;padding:0;border:1px #933 solid;}

input.check {
	background-color:#FFF;
	border:0px none;
	color:#333;
	width:220px;
	margin-bottom:5px;
}
input.check.right {
	width: 10px;
}

#contactpg th { width: 200px;}
#contactpg label { text-transform: uppercase; }
#contactpg h4 { color: #933; font-size: 15px; font-weight: normal;
margin-bottom: 0px;margin-top: 40px; }
#valuepg h3{margin-bottom:10px;}
span.value{
font-size:14px;
font-weight: bold;
text-transform:uppercase;
color:#333;
margin-top: 10px;}
.valuedesc{
font-size:12px;
color:#333;
}

#areapg #leftcol, #historypg #leftcol{position:absolute;top:0;left:0;width:230px;}
#areapg #rightcol, #historypg #rightcol{position:relative;top:0;left:230px;width:510px;}
#areapg #leftcol p ,#historypg #leftcol p{color:#933;font-size:14px;line-height:25px;margin:0 10px 0 0;}
#areapg #rightcol p ,#historypg #rightcol p{margin:0 0 20px 10px;}
.linkcol h4{color:#000;font-weight:bold;}

#areapg #copybox a{color: #000;text-decoration:none;width: 100%; display: block;}
#areapg #copybox a:hover{color: #933; text-decoration:none; background-color: #d6aa82;}

.redline {
border-top: 1px solid #933;
margin-top: 15px;}

legend.rate span{font-weight:bold;display: block; /* needs to be here to work in Safari, FF, Camino */ width: 300px; /* set width for Safari, FF, Camino */}
span.rate{font-weight:bold;display: block; /* needs to be here to work in Safari, FF, Camino */ 
margin:0;
padding:0;
float:left;
text-align: left;
clear:left;color:#000;
width: 300px; /* set width for Safari, FF, Camino */}

label.rate{clear:left;}
label.rate span{width:300px;display:block;float:left;line-height:20px;}
input.rate, select.rate{width:150px;}
#newspg #copybox p{margin-bottom:15px;}

/* accordion */
#accordion, #accordion2{margin:20px 0px;}
h4.toggler, h4.toggler2{cursor: pointer;background: #da7 url(/images/basic/rightarrow.jpg) no-repeat;color:#FFF;margin: 0 0 4px 0;padding: 3px 15px 1px;}

div.element p, div.element2 p{margin:0px;padding:4px;}


#contactpg  #copybox a{text-decoration:none; color: #933;}

.larger { font-size: 150%;}
.large { font-size: 115%;}
.small {font-size: 100%;}
.justify { text-align:justify; width: 300px}
#copybox .red , div.errors {color: #933; clear: right;}

div.errors , div.errors strong{margin-bottom: 25px; font-weight: bold; color: #933}

#newspg h4, #newspg h4 a{
	color: #333;
	text-transform: none;
	font-weight: bold;
	}
#newspg #leftcol a {
	text-decoration:none;
}
#newspg  #leftcol a:hover, #newspg  #leftcol a:hover h4{
	text-decoration:underline;
}