a {
	color: #c9a3e5;
	text-decoration: none
}
a:hover {
	text-decoration: underline
}

body {
	background: white;
	font-size: 0.8em;
	font-family: Verdana, sans-serif
}

.c80, .c160, .c200, .c240, .c320, .c400, .c480, .c560, .c640, .c720, .c800, .c880, .c960 {
	margin-left: 20px;
	float: left
}
.c80 {
	width: 60px;
}
.c160 {
	width: 140px;
}
.c200 {
	width: 180px
}
.c240 {
	width: 220px;
}
.c320 {
	width: 300px;
}
.c400 {
	width: 380px;
}
.c480 {
	width: 460px
}
.c560 {
	width: 540px
}
.c720 {
	width: 700px;
	margin-left: 15px
}

div.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 1px;
	padding: 0px;
	margin: 0px;
}
div.container {
	padding: 20px
}

dl dt {
	font-weight: bold;
	margin-top: 5px
}

dl#contact {
	width: 300px;
	margin-top: 0px
}
dl#contact dd {
	margin-left: 100px;
	padding: 3px
}
dl#contact dt {
	width: 70px;
	float: left;
	padding: 3px 15px;
	text-align: right;
	color: #fff
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", "Lucida Sans", Verdana, sans-serif
}
h1 {
	color: #f2e009;
	font-size: 1.6em
}
h2 {
	color: #f3ec97;
	border-bottom: 1px dotted #f3ec97
}

p {
	line-height: 1.4em
}

table thead {
	font-weight: bold
}
table td {
	vertical-align: top
}

table.events {
	width: 100%;
	border-collapse: collapse
}
table.events tbody td {
	border: 1px solid #a6ecab;
	border-width: 1px 0px 0px 0px;
	padding: 5px 3px
}

#content {
	background: #068341 url('images/content_bottom.png') no-repeat bottom left;
	color: #eee;
	padding-bottom: 40px;
	float: none;
	margin-left: 260px
}
#content div.container {
	background: url('images/content_top.png') no-repeat top left
}
#content h1 {
	margin-top: 0px
}

#gmap {
	width: 660px;
	height: 300px;
	margin: 20px 0px 10px 0px
}

#hcc {
	width: 980px;
	margin: auto;
	background: url('images/bg_hcc.png') no-repeat bottom left;
	padding-bottom: 150px
}

#header {
	margin: 10px 0px 20px 0px;

}

#heading {
	height: 130px;
	background: url('images/bg_header.png') no-repeat top right;
	overflow: hidden;
	float: none;
	margin-left: 260px;
}
#heading h1, #heading h2 {
	float: left;
	width: 240px;
	margin-left: 20px;
	margin-top: 10px
}
#heading h1 {
	font-size: 2em;
	line-height: 1.4em;
	color: #f2e009
}
#heading h2 {
	color: #f0e4d2;
	font-weight: normal;
	font-size: 1.5em;
	border: none
}
#heading .highlight {
	color: #f3ec97
}

#navigation {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: right;
	font-weight: bold;
}
#navigation li {
	height: 30px;
	margin-bottom: 3px
}
#navigation a {
	background: #e40683;
	color: white;
	text-decoration: none;
	dipslay: block;
	float: right;
	height: 30px;
}
#navigation a.curved {
	background: #e40683 url('images/nav_bg_gradient.png') no-repeat top left;
}
#navigation a i {
	padding: 0px 10px;
	font-style: normal;
	line-height: 30px
}