@charset "utf-8";

/* CSS Document */



body {

	margin: 0;

	padding: 0;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.0em;

}



img, img a, a img, a br {

	border: none !important;

	text-decoration: none !important;

}



#wrapper {

	width: 984px;

	margin: 0px auto;

	overflow: auto;

}



#titlebar {

	width: 984px;

	height: 117px;

	margin: 0px auto;

	clear: both;

}



#menu {

	width: 984px;

	height: 30px;

	margin: 0 auto;

	padding-top: 7px;

	display: block;

	clear: both;

	overflow: hidden;

	background-image: url(../images/menubar.jpg);

	background-repeat: no-repeat;

	border-bottom: 1px solid #fff;

}



#menu ul {

	list-style-type: none;

	margin: 0 0 0 150px;

	padding: 0;

	text-align: right;

}



#menu ul li {

	margin: 0 10px 0 0;

	display: block;

	float: left;

	clear: none;

}



#menu ul li a {

	display: block;

	clear: none;

	padding: 5px 19px 8px 19px;

	color: #fff;

	text-decoration: none;

	font-size: 0.95em;

}



#menu ul li a:hover, #menu ul li a.active {

	background-color: #fff;

	color: #069;

}



#inset {

	width: 227px;

	height: 221px;

	padding: 7px 20px 7px 35px;

	float: left;

	clear: none;

	background-image: url(../images/inset.jpg);

}



#inset p {

	line-height: 2.0em;

	font-size: 0.9em;

	color: #fff;

}



#tagline {

	width: 702px;

	height: 235px;

	float: left;

	clear: none;

	background-image: url(../images/tagline.jpg);

	background-repeat: no-repeat;

}



#mainWrapper {

	width: 984px;

	padding-top: 20px;

	background-image: url(../images/content.jpg);

	background-repeat: repeat-y;

	overflow: auto;

}



#content {

	width: 660px;

	margin-left: 40px;

	padding-bottom: 20px;

	float: left;

	clear: none;

}



#content h1 {

	margin: 0;

	padding: 0;

	padding-bottom: 5px;

	border-bottom: 1px solid #2A3F00;

	font-size: 1.4em;

	font-weight: normal;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	color: #036;

}



#content h2 {

	font-size: 1.05em;

}



#content td h2 {

	font-size: 1.2em;

}



#content p, #content li, #content td, #content th {

	font-size: 0.9em;

}



#content td, #content th {

	vertical-align: top;

}



#content a, #content a:visited, #content a:active {

	color: #036;

}



#content a:hover {

	color: #069;

}



#sideWrapper {

	width: 230px;

	margin-left: 15px;

	/*margin-right: 25px;

	margin-top: 20px;*/

	float: left;

	clear: none;

}



#sideWrapper * {

	margin: 0;

	padding: 0;

}



#sideTop {

	width: 230px;

	height: 15px;

	background-image: url(../images/sideTop.jpg);

	background-repeat: no-repeat;

}



#side {

	width: 200px;

	padding: 0px 15px;

	background-image: url(../images/side.jpg);

	background-repeat: repeat-y;;

	color: #fff;

}



#side h2 {

	padding-bottom: 3px;

	margin-bottom: 7px;

	border-bottom: 1px dotted #fff;

	font-size: 1.1em;

	text-align: center;

}



#side p {

	font-size: 0.8em;

}



#side a {

	color: #ebebeb;

}



#side a:hover {

	color: #fff;

}



#sideBottom {

	width: 230px;

	height: 15px;

	background-image: url(../images/sideBottom.jpg);

	background-repeat: no-repeat;

}



#footer {

	padding-top: 20px;

	clear: both;

	background-image: url(../images/footer.jpg);

	background-repeat: no-repeat;

	background-position: top;

}



#footer p {

	text-align: center;

	font-size: 0.75em;

	color: #333;

}

#footer a, #footer a:visited, #footer a:active {

	color: #036;

}



#footer a:hover {

	color: #069;

}


#content div.homepage {

	width: 310px;

	float: left;

	clear: none;

}



div.homepage.left {

	padding-right: 10px;

	border-right: 1px solid #ccc;

}



div.homepage.right {

	padding-left: 10px;

	margin-left: -1px;

	border-left: 1px solid #ccc;

}



#content div.homepage div.event, #content div.homepage div.photo {

	padding: 10px;

	background-color: #eee;

	margin-bottom: 10px;

}



#content div.homepage div.photo p {

	font-size: 0.7em;

}



#content div.homepage-header h2 {

	font-size: 0.95em;

	color: #360;

	padding-bottom: 3px;

	margin-bottom: 5px;

	border-bottom: 1px dotted #ccc;

}



#content div.homepage h3 {

	font-size: 0.8em;

	margin: 0;

	color: #369;

}



#content div.homepage p {

	margin: 0;

	font-size: 0.75em;

}



.icon {

	display: inline-block;

	clear: none;

	vertical-align: text-bottom;

}



p.link {

	text-align: center;

}



p.link img {

	margin: 10px;

}



.highlight {

	width: 510px;

	height: 33px;

	padding: 7px 10px 10px 10px;

	margin: 10px auto;

	background-image: url(../images/highlight.jpg);

	background-repeat: no-repeat;

	overflow: hidden;

}



.highlight p {

	margin: 0;

	font-size: 0.8em !important;

	font-weight: bold;

	font-family: Tahoma, Geneva, sans-serif;

	color: #fff;

}