.clear {
clear: both;
}
.spacer {
height: 20px;
}
.divider {
border-top: 1px solid #555;
margin: 10px 0;
}

body {
background: #323232 url(/images/structure/background.jpg) no-repeat bottom center;
background-attachment: fixed;
}

div#loginWrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: right;
margin-top: -30px;
}
	div#login {
	background: transparent url(/images/structure/transpBg.png);
	border-bottom: 1px solid #000;
	height: 32px;
	}
	div.loginForm {
	padding: 5px 0;
	margin: 0 auto;
	width: 800px;
	}
	div.loginForm li {
	display: inline;
	margin-left: 5px;
	}
	div.loginForm li input.input100 {
	display: inline;
	font-size: 1.2em;
	margin-left: 5px;
	}
	div.openLogin {
	clear: both;
	display: block;
	width: 800px;
	margin: 5px auto 0 auto;
	}

div#outerWrapper {
margin: 0 auto;
width: 880px;
padding-top: 30px;
}
	div#header {
	height: 65px;
	position: relative;
	}
	div#menuTop {
	height: 17px;
	background: transparent url(/images/structure/menuTopBg.png) no-repeat bottom center;
	}
	div#menu {
	background: transparent url(/images/structure/menuBg.png) no-repeat top center;
	height: 35px;
	}
	div#contentTop {
	display: none;
	height: 17px;
	background: transparent url(/images/structure/contentTopBg.png) no-repeat bottom center;
	}
	div#content {
	background: transparent url(/images/structure/contentBg.png) repeat-y top center;
	}
		div#submenu {
		position: relative;
		height: 44px;
		background: transparent url(/images/structure/submenuBgNoShade.png) no-repeat top left;
		}
			div#prevNext {
			position: absolute;
			top: 15px;
			right: 35px;
			height: 14px;
			width: 170px;
			}
			
		div#contentWide, div.contentWide {
		display: inline;
		float: left;
		margin: 20px 30px 0 30px;
		width: 800px;
		}
			.video {
			display: inline;
			float: left;
			width: 390px;
			margin: 10px;
			}
			.wideBoxContainer {
			background: #3c3c3c url(/images/structure/wideBoxBottomLightBg.gif) no-repeat bottom left;
			width: 800px;
			margin: 0 10px;
			padding-bottom: 15px;
			}
			.wideBoxTop {
			background: transparent url(/images/structure/wideBoxTopLightBg.gif) no-repeat top left;
			height: 5px;
			margin-bottom: 10px;
			}
		div#contentLeft {
		clear: left;
		display:inline;
		float: left;
		margin: 0 0 15px 40px;
		width: 470px;
		}
		div#contentLeft.narrow {
		width: 270px;
		}
			.eventNewsBox {
			clear: left;
			margin-bottom: 25px;
			}
				.eventNews {
				display: inline;
				float: left;
				width: 245px;
				}
				.eventNewsWide {
				display: inline;
				float: left;
				width: 470px;
				}
				.eventNewsBox img {
				display: inline;
				float: left;
				margin-right: 10px;
				}
				.eventNewsBox .imgDummy {
				display: inline;
				float: left;
				width: 210px;
				height: 1px;
				}
			.newsEntry {
			margin-bottom: 25px;
			}
			.flashLeft {
			width: 470px;
			background-color: white;
			height: 300px;
			}
			.memberEvent {
			position: relative;
			margin-top: 15px;
			}
				.memberEvent .status {
				position: absolute;
				top: 2px;
				right: 2px;
				height: 40px;
				width: 40px;
				text-indent: 100em;
				}
				.pending {
				background: transparent url(/images/structure/statuses/pending.png) no-repeat bottom left;
				}
				.open {
				background: transparent url(/images/structure/statuses/open.png) no-repeat bottom left;
				}
				.closed {
				background: transparent url(/images/structure/statuses/closed.png) no-repeat bottom left;
				}
				.memberEvent:hover .status {
				background-position: top left;
				}
			
		div#contentRight {
		display:inline;
		float: right;
		margin: 20px 40px 15px 0;
		width: 310px;
		}
		div#contentRight.wide {
		width: 510px;
		}
			.rightBox {
			background: #3c3c3c url(/images/structure/rightBoxBottomLightBg.gif) no-repeat bottom left;
			margin-bottom: 20px;
			padding-bottom: 10px;
			}
			.rightBoxTop {
			background: #3c3c3c url(/images/structure/rightBoxTop.gif) no-repeat bottom left;
			height: 33px;
			}
			.rightBoxTopLight {
			width: 310px;
			height: 5px;
			background: transparent url(/images/structure/rightBoxTopLightBg.gif) no-repeat top left;
			}
			.rightBoxLeft {
			position: relative;
			display: inline;
			float: left;
			width: 160px;
			height: 100px;
			margin: 10px 0 0 0;
			}
			.rightBoxRight {
			float: right;
			width: 150px;
			}
			.rightBoxVideo {
			width: 270px;
			height: 230px;
			margin: 20px;
			margin-bottom: 15px;
			}
			.rightBox li.divider {
			background: transparent url(/images/structure/rightBoxDivider.gif) no-repeat top left;
			width: 270px;
			height: 3px;
			margin: 20px 20px 15px 20px;
			}
			div.rightColumn {
			display: inline;
			float: left;
			margin-left: 20px;
			width: 235px;
			}
			
	div#contentBottom {
	height: 30px;
	background: transparent url(/images/structure/contentBottomBg.png) no-repeat top center;
	}
	div#footer {
	margin: 0 40px;
	width: 800px;
	padding: 10px 0;
	}
	
	
/* ------------------------------------------------ HEADER */

a.logo {
	display: block;
	height: 47px;
	width: 220px;
	position: absolute;
	bottom: 15px;
	left: 40px;
}
div#header div#newsletter {
	background: transparent url(/images/structure/newsletterArrow.png) no-repeat left 10px;
	display: block;
	height: 50px;
	width: 315px;
	position: absolute;
	right: 40px;
	bottom: 10px;
}
	div#newsletter fieldset {
	float: right;
	width: 255px;
	}

/* ------------------------------------------------ MENU */

ul.menu {
	height: 35px;
	width: 840px;
	margin: 0 20px;
}
ul.menu li {
	position: relative;
	background: transparent url(/images/structure/menuLeftBg.gif) no-repeat top left;
	display: inline;
	float: left;
	height: 35px;
}
ul.menu li.first {
	background: none;
}
ul.menu li.right { background: none; float: right; }
ul.menu a, ul.menu a:visited {
	color: #fff;
	background: transparent url(/images/structure/menuRightBg.gif) no-repeat top right;
	display: block;
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	height: 25px;
	line-height: 2em;
	padding: 5px 15px;
}
ul.menu a:hover, ul.menu li.active a {
	color: #fff;
	background: url(/images/structure/menuRightBgDark.gif) no-repeat top left;
}
ul.menu a:hover {
	background: transparent url(/images/structure/menuRightBgDark.gif) no-repeat top left;
}
ul.menu li.active span {
	position: absolute;
	top: 0;
	width: 100%;
	height: 9px;
	display: block;
	background: transparent url(/images/structure/menuHighlight.png) no-repeat top center;
}

/* ------------------------------------------------ SUBMENU */

ul.submenu {
	position: absolute;
	left: 0;
	height: 25px;
	padding: 0 20px 0 20px;
}
ul.submenu li {
	display: inline;
	height: 25px;
	margin-right: 10px;
	background-color: #3F9;
}
ul.submenu a {
	display: block;
	height: 20px;
	width: 100px;
	padding: 5px 10px 0 10px;
	text-align: center;
	background-color: #00F;
}

.submenu {display: inline; float: left; position: relative; top: 18px; margin:0 20px; z-index: 1000;}
.submenu dt {float: left; height: 30px; background-color: #ccc; margin: -15px 20px 0 20px;}
.submenu dd {display: inline; float:left; padding:0; margin:0; text-align:center;}
.submenu dd span.aa {display:block; width:7px; height:27px; height:auto; background:url(/images/structure/submenu/tabLeft.png) no-repeat; float:left; padding:8px 0;}
.submenu dd span.bb {height:27px; height:auto; background:url(/images/structure/submenu/tabCenter.png) repeat-x; float:left; padding:8px}
.submenu dd span.cc {display:block; width:7px; height:27px; height:auto; background:url(/images/structure/submenu/tabRight.png) no-repeat; float:left; padding:8px 0;}
.submenu dd.header {position: relative; bottom: 3px; height: 21px; margin: 0 20px;}

.submenu a {font-family: verdana, arial, helvetica, sans-serif;}
.submenu a, .menu a:visited {color:#666; text-decoration:none; font-size:1.1em; cursor:pointer;}
.submenu a:hover, .submenu a.active {color:#ccc;}
.submenu a:hover span, .submenu a.active span {background-position: bottom left}



/* --------------- PREV/NEXT */

#prevNext a {
display: block;
float: right;
height: 14px;
width: 76px;
margin-left: 5px;
}
a.prev {
background: transparent url(/images/structure/prevEvent.gif) no-repeat top left;
}
a.prev:hover {
background-color: transparent;
background-position: bottom left;
}
a.next {
background: transparent url(/images/structure/nextEvent.gif) no-repeat top left;
}
a.next:hover {
background-color: transparent;
background-position: bottom left;
}

/* ------------------------------------------------ WIDEBOX */
	
ul.wideBox {
	display: inline;
	float: left;
	width: 240px;
	margin-right: 20px;
}
ul.wideBoxFirst {
	display: inline;
	float: left;
	width: 240px;
	margin-right: 20px;
	margin-left: 20px;
}
ul.wideBox li {
	display: inline;
	float: left;
}
ul.wideBox li.image {
	width: 50px;
	margin-right: 10px;
	margin-bottom: 5px;
}
ul.wideBox li.headline {
	width: 180px;
}

div.newsBox {
	display: inline;
	float: left;
	width: 240px;
	margin-right: 20px;
}
div.newsBoxWide {
	width: 500px;
	margin: 0 20px;
}

	
/* ------------------------------------------------ INPUT */

.input100 {
border: 0;
padding: 2px 3px 4px 3px;
padding-bottom: 0;
background: transparent url(/images/structure/inputField100.gif) no-repeat top left;
color: #666;
font-size: 1em;
height: 20px;
width: 94px;
}
.input150 {
border: 0;
padding: 2px 3px 4px 3px;
padding-bottom: 0;
background: transparent url(/images/structure/inputField150.gif) no-repeat top left;
color: #666;
font-size: 1em;
height: 20px;
width: 144px;
}
.input200 {
border: 0;
padding: 2px 3px 4px 3px;
padding-bottom: 0;
background: transparent url(/images/structure/inputField200.gif) no-repeat top left;
color: #666;
font-size: 1em;
height: 20px;
width: 194px;
}
.input100:focus, .input150:focus, .input200:focus {
color: #000;
}
.submit {
background: transparent;
border: 0;
color: #fff;
cursor: pointer;
padding-top: 2px;
text-align: right;
}
.button {
width: 80px;
}
.buttonSearch {
background: transparent url(/images/structure/buttonSearch.png) no-repeat top center;
height: 20px;
width: 20px;
text-align: center;
}
.buttonSearch:hover {
background-position: bottom left;
}
.button40 {
background: transparent url(/images/structure/button40.gif) no-repeat top center;
height: 20px;
width: 40px;
margin-right: 5px;
text-align: center;
}
.button40:hover {
background-position: bottom center;
cursor: pointer;
}
.button80 {
background: transparent url(/images/structure/button80.gif) no-repeat top center;
height: 20px;
width: 80px;
margin-right: 5px;
text-align: center;
}
.button80:hover {
background-position: bottom center;
cursor: pointer;
}
.button100 {
background: transparent url(/images/structure/button100.gif) no-repeat top center;
height: 20px;
width: 100px;
margin-right: 5px;
text-align: center;
}
.button100:hover {
background-position: bottom center;
cursor: pointer;
}
.button150 {
background: transparent url(/images/structure/button150.gif) no-repeat top center;
height: 20px;
width: 150px;
text-align: center;
}
.button150:hover {
background-position: bottom center;
cursor: pointer;
}
.button210 {
background: transparent url(/images/structure/button210.gif) no-repeat top center;
height: 20px;
width: 210px;
margin-right: 5px;
text-align: center;
}
.button210:hover {
background-position: bottom center;
cursor: pointer;
}

/* ------------------------------------------------ COMMENTS */

#comments {
display: inline;
float: left;
margin: 20px 0 15px 40px;
width: 470px;
}
.comment {
position: relative;
margin-bottom: 10px;
}
.comment img {
display: inline;
float: left;
background-color: #999;
padding: 3px;
}
.comment img.admin {
background-color: #fe9500;
}
.comment .commentWrapper {
display: inline;
float: right;
width: 390px;
}
.commentContent {
background: transparent url(/images/structure/commentWrapper.png) no-repeat top right;
padding: 5px 0 15px 15px;
}
.commentBottom {
background: transparent url(/images/structure/commentBottom.png) no-repeat top right;
height: 5px;
margin: 0;
}
.signature {
position: relative;
border-top: 1px solid #999;
padding-top: 7px;
margin: 7px 15px 5px 15px;
}

#comment {
display:inline;
float: right;
margin: 20px 40px 15px 0;
width: 310px;
}
	#comment textarea {
	color: #666;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1.2em;
	letter-spacing: 0.04em;
	line-height: 1.4em;
	padding: 2px;
	width: 306px;
	height: 75px;
	}
	#comment textarea:focus {
	color: #000;
	}

/* ------------------------------------------------ CONTACT FORM */
div#contactForm {
position: relative;
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #666;
width: 470px;
}
	div#contactForm img.stamp {
	position: absolute;
	top: -25px;
	right: -5px;
	}
	div#contactForm label {
	padding-right: 10px;
	}
	div#contactForm textarea {
	color: #666;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1.2em;
	letter-spacing: 0.04em;
	line-height: 1.4em;
	padding: 2px;
	width: 366px;
	height: 200px;
	}
	div#contactForm textarea:focus {
	color: #000;
	}

/* ------------------------------------------------ ENTRY FORM */

form#entryform {
}
form#entryform textarea {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 1.2em;
letter-spacing: 0.04em;
line-height: 1.4em;
}
form#entryform input.text, form#entryform textarea {
background-color: transparent;
border: 1px solid #666;
color: #666;
font-size: 1.3em;
padding: 4px;
width: 462px;
}
form#entryform input.text:focus, form#entryform textarea:focus {
border: 1px solid transparent;
color: #eee;
padding-left: 0;
}
form#entryform textarea#field_id_65:focus {
color: #15cffe;
}

form#entryform div.dateEntry {
width: 466px;
}
form#entryform div.dateEntry p {
display: inline;
float: left;
width: 228px;
}
form#entryform div.dateEntry input {
width: 210px;
}
div.dateEntry div.calendar {
display: inline;
float: left;
width: 228px;
}

td { vertical-align: top; }

table.calendar {
margin-bottom: 5px;
font-size: 1.1em;
}
table.calendar, table.calendar td {
border: 1px solid #666;
padding: 2px;
text-align: center;
}
table.calendar td.calheading {
border: 0;
}
table.calendar td.calnavleft, table.calendar td.calnavright {
text-align: center;
color: #15cffe;
cursor: pointer;
border: 0;
}
table.calendar td.caldaycellhover {
background-color: #666;
border: 1px solid #15cffe;
cursor: pointer;
}
table.calendar td.caldayselected {
background-color: #333;
border: 1px solid #fe9500;
cursor: pointer;
}

/* ------------------------------------------------ FOOTER */

ul.logos {
	margin: 20px 20px 10px 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #666;
}
ul.logos li {
	display: inline;
	margin-right: 20px;
}
ul.footerMenu {
	margin: 20px 20px 0 20px;
}
ul.footerMenu li {
	display: inline;
	float: left;
	margin-right: 20px;
	width: 130px;
}
ul.footerMenu li.last {
	float: right;
	width: 350px;
	margin-right: 0;
}