/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0;
}
body{
	background: #fff;
	color: #333333;
	font: 12px Arial,Verdana,Helvetica,Sans-Serif;
	padding: 27px 0 20px;
}
a{
	color: #cc0000;
	text-decoration: none;
}
a:hover{
	color: #333333;
	text-decoration:underline;
}
input,select,textarea{
	border: #999999 1px solid;
	font-size: 11px;
	padding: 2px;
}
li{
	list-style: none;
}
hr{
	clear:both;
	border-bottom:1px solid #ccc;
	margin:0 0 10px;
	width: 100%;
	height:1px
}

/*=== Styling Page ===*/
#blockquote{
	display: block;
	padding: 0 60px;
	line-height:20px;
	text-align:justify;
	width:400px;
}
.highlight{
	font-size: 16px;
	font-weight: bold;
}
.italic {
font-size: 16px;
font-style:italic;
}
.page{
	background: url(../images/page-bgr.gif) repeat-y left;
	padding: 0 0 10px;
	width: 868px;
}
.page h1{
	text-indent: 40px;
	font-size:18px;
}
.page h2{
	color: #ffffff;
	font: 30px Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	margin: 0 0 10px;
	padding: 16px 30px 0 0;
	line-height: 34px;
	text-align: right;
}
.page h3{
	color: #666666;
	font-size: 18px;
	margin: 0 0 15px;	
}
.page p{
	padding: 0 0 13px;
}
/*- Page Heading Colors -*/
#home h2{
	background: url(../images/hdr-bgr.gif) #cc0000 repeat-x bottom;
}
#about h2{
	background: url(../images/hdr-bgr.gif) #9900cc repeat-x bottom;
}
#hire h2{
	background: url(../images/hdr-bgr.gif) #0033cc repeat-x bottom;
}
#events h2{
	background: url(../images/hdr-bgr.gif) #33ccff repeat-x bottom;
	}
#links h2{
	background: url(../images/hdr-bgr.gif) #009900 repeat-x bottom;
	}
#contact h2{
	background: url(../images/hdr-bgr.gif) #ff7a00 repeat-x bottom;
}
	/*=== Header ===*/
#header{
	background: url(../images/page-top.gif) no-repeat top;
	height: 2px;
	overflow: hidden;
}
/*=== Logo ===*/
#logo h1{
	background: url(../images/logo.gif) no-repeat;
	text-indent: -9999px;
}
#logo h1 a{
	display: block;
	height: 123px;
	width: 120px;
}
#logo h1 a:hover{
	text-decoration: none;
}
/*=== Navigation ===*/
#nav{
	font: 16px "Times New Roman", Times, serif;
	padding: 40px 0 0 26px;
}
#nav li a{
	color: #666666;
	text-decoration:none;
}
#nav li a:hover,
#nav li.active a,
#nav li.active li.active a,
#nav li.active li a:hover{
	color: #cc0000;
}
#nav li.active li a{
	color: #666666;
	padding: 0 0 0 15px;
}
/*testing in #nav*/
#nav li .indent{
	font: 14px "Times New Roman", Times, serif;
	padding:0 0 0 0px;
}	

#nav li .indent-about{
	font: 14px "Times New Roman", Times, serif;
	padding:0 0 0 15px;
	color:#9900CC;
}	
/*=== Left Column ===*/
#leftcol{
	float: left;
	margin: 0 0 0 52px;
	width: 120px;
}
/*=== Center Column ===*/
#centercol{
	float: right;
	padding: 2px 4px;
	width: 558px;
}	
#centercol .spacer{
	padding: 0 25px 0 0;
}

#centercol .text{
	line-height:20px;
	text-align:justify;
	padding: 5px 40px 0 5px;
}	 
#centercol .blocktext{
	display: block;
	padding: 0 60px;
	line-height:20px;
	text-align:justify;
	width:400px;
}
#centercol h4{
	font: 12px Arial,Verdana,Helvetica,Sans-Serif;
	line-height:18px;
	padding: 5px 15px 0 15px;
}	 
#centercol h5{
	font: 12px Arial,Verdana,Helvetica,Sans-Serif;
	line-height:15px;
	padding: 5px 40px 0 40px;
}	 
#col-a {
	width: 185px;
	float: left;
}
#col-b {
	width: 185px;
	float:right;
}	


/*=== Footer ===*/
#footer{
	background: url(../images/page-bot.gif) no-repeat top;
	clear: both;
	height: 20px;
	padding: 5px 0 0 190px;
	width: 678px;
}
#footer div{
	padding: 0 10px 0 0;
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: 0 0 -1px;
	overflow: hidden;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
img.fr{
	margin: 0 0 6px 10px;
}
img.fl{
	margin: 6px 10px 0 0;
}

/*===Contact Form===*/

.cssform label{
float: left;
margin-left: 55px; /*width of left column*/
width: 80px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 220px;
}

.cssform textarea{
width: 220px;
height: 150px;
}

#buttons{
	float:left;
	margin-left:205px;
}