@CHARSET "UTF-8";

body{
	background-image: url(../images/backgrounds/body.png);
	background-repeat: repeat-x;
	background-color: #333333;
	margin: 0;
	padding: 0;
	font-family: Geneva, Arial, Tahoma, Verdana, sans-serif;
}

a{
	outline: none;
	text-decoration: none;
}

img{
	border: none;	
}

.bold{
	font-weight: bold;	
}

	.border_bottom_thick{
		border-bottom:			3px solid #101010;
		margin	:				0 10px;
	}
	
.grey{
	color:						#666666;	
}

.clear{
	clear: both;	
}

.alignright{
	text-align: right;	
}

.floatright{
	text-align: right;
	float: right;	
}

.hidden{
	display:						none;
}
	
.unhidden{
	display:						block;
}

#wrapper{
	width: 790px;
	margin: 20px auto;
	padding: 0;
	background-color: #000000;
}

#header{
		
}

#nav{
	background-image: url(../images/backgrounds/nav.png);
	background-repeat: repeat-x;
	height: 50px;
}

	#nav img{
		display: block;
	}

	#nav ul{
		float: right;
		margin: 0;
		padding: 0;
	}
	
	#nav ul li{
		float: left;
		display: block;
		border-left: 1px solid #000000;
		text-align: center;
		height: 20px;
		margin: 0;
		padding: 15px 0;
	}
	
	#nav ul li a{
		color: #000000;
		height: 20px;
		margin: 0;
		padding: 15px 20px;
	}
	
	#nav ul li a:focus, #nav ul li a:hover{
		background-image: url(../images/backgrounds/navinverse.png);
	}

#banner{
	background-image: url(../images/banners/index.jpg);
	background-repeat: no-repeat;
	height: 150px; 	
}

#content{
	clear: both;
}

	#content h1{
		color: #FFFFFF;
		font-size: 16px;
		margin: 10px;
		padding: 0;
	}
	
	#content h2{
		color: #FF6622;
		font-size: 14px;
		margin: 10px;
		padding: 0;
	}
	
	#content h3{
		color: #FFFFFF;
		font-size: 12px;
		margin: 10px;
		padding: 0;
	}
	
	#content p{
		color: #FFFFFF;
		font-size: 12px;
		margin: 10px;
		padding: 0;
	}
	
		#content p .label{
			margin-top: 0px;
		}
	
	#content a{
		color: #0066FF;
	}
	
	#content ul{
		color: #FFFFFF;
		font-size: 12px;
		margin: 10px 10px 10px 30px;
		padding: 0;
	}
	
	#content ol{
		margin: 10px 10px 10px 30px;
		padding: 0;
	}
	
	#content ol li{
		color: #FFFFFF;
		font-size: 12px;
	}
	
	#content img.imgright{
		float: right;
		margin: 0 10px 10px 10px;
		display: block;
	}
	
	#content ul.white{
		color: #FFFFFF;
		font-size: 12px;
		list-style-type: none;
		margin: 10px;
		padding: 0;
	}
	
	#content ul.grey{
		color: #666666;
		font-size: 12px;
		list-style-type: none;
		margin: 10px;
		padding: 0;
	}
	
	#content ul.nobullet{
		list-style-type: none;
	}
	
	#content .album{
		margin: 10px;
		width: 375px;
		float: left;
	}		
		
		#content a.hide{
			visibility: hidden;
		}
		
		#content .album h2{
			margin-top: 0px;
		}
		
		#content .album img{
			float: left;
			display: block;
			margin-right: 10px;
		}
	
	#content .calendar{
		margin: 10px;
		color: #FFFFFF;
		border: 1px solid #CCCCCC;
		width: 533px;
		font-size: 12px;
	}
		
		#content .calendar th, #content .calendar td{
			width: 14%;
			vertical-align: top;
		}
		
		#content .calendar td{
			height: 50px;
		}
		
		#content .event{
			background-color: #333333;
		}
	
	#content .column{
		width: 49%;
		float: left;
	}
	
	#content .column30{
		width: 30%;
		float: left;
	}
	
	#content .column40{
		width: 40%;
		float: left;
	}
	
	#content .column45{
		width: 44%;
		float: left;
	}
	
	#content .column55{
		width: 54%;
		float: left;
	}	
	
	#content .column60{
		width: 59%;
		float: left;
	}
	
	#content .column70{
		width: 69%;
		float: left;
	}
	
	#content .imgright{
		float: right;
		display: block;
		margin: 10px;
	}
	
	#content .menu{
		font-size: 12px;
		color: #FFFFFF;
		margin: 0;
		padding: 0;
	}
	
		#content .menu ul{
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		
		#content .menu ul li{
			margin: 0;
			padding: 0;
		}
		
		#content .menu ul li a{
			display: block;
			width: 200px;
			padding: 10px;
			color: #FFFFFF;
		}
		
		#content .menu ul li a:hover, #content ul li a:focus{
			background-color: #0066FF;
		}
		
		#content .arrow{
			float: right;
		}
		
		#content .officer{
			clear: both;
			border-top: 1px solid #CCCCCC;
		}
		
			#content .officer img{
				float: left;
				clear: both;
				margin: 0 10px 10px 10px;
				display: block;
			}
		
			#content .officer h2{
				float: left;
				color: #FFFFFF;
			}
			
			#content .officer p{
				float: right;
				clear: right;
				margin: 0 10px 10px 0;
			}
			
			#content .officer .title{
				float: right;
				text-align: right;
				color: #666666;
			}
			
		#content textarea{
			margin: 10px;
			border: none;
		}
		
		#content .button{
			margin: 0 10px 10px 10px;
		}
		
		#content .textbox{
			border: none;
			margin: 10px 0px;
		}
		
#breadcrumb{
	clear: both;
	font-size: 12px;
	border-top: 5px solid #333333;	
}

	#breadcrumb ul{
		margin: 0;
		padding: 0;
	}
	
	#breadcrumb ul li{
		color: #FFFFFF;
		float: left;
		list-style-type: none;
	}
	
	#breadcrumb ul li a{
		color: #FFFFFF;
		display: block;
		padding: 10px;
		margin: 0;
	}
	
	#breadcrumb ul li a:focus, #breadcrumb ul li a:hover{
		color: #FFFFFF;
		background-color: #0066FF;
	}
	
#footer{
	color: #FFFFFF;
	font-size: 10px;
	border-top: 5px solid #333333;
	clear: both;
}

	#footer p{
		margin: 10px;
		padding: 0;
	}

	#footer a{
		color: #0066FF;
	}
	
	#footer a:focus, #footer a:hover{
		color: #FFCC00;	
	}

	#footer ul{
		margin: 0 10px 0 0;
		padding: 0;	
	}
	
	#footer ul li{
		list-style-type: none;
		display: inline;
	}
	
	#footer .column{
		width: 50%;
		float: left;
	}