/* CSS Document */

/*
Colors
Yellow Text: #b8924d
Light Blue Text: #c5d3de
Subcontent Background: #101415
H2 Background: #333333
*/

body {
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#c5d3de;
	font-size:12px;
	background-color:#1b1c1c;
}

html, body {
	height:100%
}

a {
	color:#b8924d;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a:focus {
	outline: none;
}

h2 {
	font-size:12px;
	font-weight:bold;
	color:#b8924d;
	display:block;
	background-color:#333;
	margin-right:10px;
	padding:2px;
	text-transform:uppercase;
}

h1 {
	font-size:16px;
	font-weight:bold;
	color:#c5d3de;
	margin-top:0px;
	padding-top:0px;
}

dt {
	font-size:12px;
	font-weight:bold;
	color:#b8924d;
}

dt a:hover {
	color:#fff;
	text-decoration:none;
}

dd {
	margin-left:0px;
	padding-bottom:5px;
}

#wrapper {
	position:relative;
	width:1080px;
	height:768px;
	margin:0 auto;
	background-image:url(../images/background.jpg);
}
#welcome {
	position:absolute;
	padding:3px;
	left:100px;
	top:100px;
	width:400px;
	height:50px;
	font-size:10px;
	font-weight:bold;
}
#content1 {
	position:absolute;
	width:870px;
	height:400px;
	left:105px;
	top:185px;
	z-index:1;
}
#content2,
#content3,
#content4,
#content5,
#content6 {
	position:absolute;
	display:none;
	background-image:url(../images/box-big.jpg);
	background-repeat:no-repeat;
	padding:10px;
	width:850px;
	height:392px;
	left:105px;
	top:185px;
	z-index:0;
}

#content-admin {
	position:absolute;
	background-image:url(../images/box-big.jpg);
	background-repeat:no-repeat;
	padding:10px;
	width:850px;
	height:392px;
	left:105px;
	top:185px;
	z-index:0;
}

#subcontent {
	margin-top:20px;
	margin-left:15px;
	height:320px;
	overflow:auto;
}

#content2 #subcontent{
	margin-top:9px;
	margin-left:1px;
	//overflow:hidden;
}

.wrapper-buttons-top {
	position:absolute;
	left:675px;
	top:82px;
}

.button-top,
.button-top a:link,
.button-top a:visited {
	background-image:url(../images/button-upsidedown.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
	width:97px;
	height:19px;
	color:#c5d3de;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	line-height:20px;
	float:left;
	margin-right:2px;
	display:block;
}
.button-top a:hover {
	color:#b8924d;
	background-image:url(../images/button-upsidedown_hover.jpg);
}

.wrapper-buttons-left {
	position:absolute;
	left:116px;
	top:166px;
}

.button-left,
.button-left a:link,
.button-left a:visited {
	background-image:url(../images/button-left.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
	width:97px;
	height:19px;
	color:#c5d3de;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	line-height:18px;
	float:left;
	margin-right:2px;
	display:block;
}
.button-left a:hover {
	color:#b8924d;
	background-image:url(../images/button-left-hover.jpg);
}

.wrapper-buttons-right {
	position:absolute;
	left:775px;
	top:166px;
}

#box-special {
	position:absolute;
	padding:3px;
	left:630px;
	top:110px;
	width:334px;
	height:31px;
	overflow:hidden;
}
#box-special p {
	color:#b8924d;
	font-weight:bold;
	margin-bottom: 0px;
}
#box-special-heading {
	position:absolute;
	padding:3px;
	left:562px;
	top:110px;
	width:50px;
	background-color:#101415;
	font-weight:bold;
	border-right:#666666 1px solid;
}
#box-photo-placeholder {
	position:relative;
	background-image:url(../images/box-photo.jpg);
	background-repeat:no-repeat;
	width:420px;
	height:317px;
	padding-top:11px;
	padding-left:11px;
	float:left;
	z-index:10;
}

#box-video, #box-photo, #box-donate {
	position:absolute;
	background-repeat:no-repeat;
	width:420px;
	height:317px;
	left:0px;
	padding-top:10px;
	padding-left:20px;
	float:left;
	z-index:12;
}

#box-event {
	position:absolute;
	background-image:url(../images/box-event.jpg);
	background-repeat:no-repeat;
	width:420px;
	height:250px;
	padding-top:11px;
	padding-left:10px;
	left:457px;
	clear:right;
}
#contact, #contact2 {
	position:absolute;
	background-image:url(../images/box-event.jpg);
	background-repeat:no-repeat;
	width:420px;
	height:250px;
	padding-left:10px;
	left:457px;
	clear:right;
	z-index:4;
}
#contact #content, #contact2 #content {
	margin-top:15px;
	margin-left:11px;
	width:393px;
	height:190px;
}
#box-newsletter {
	position:absolute;
	background-image:url(../images/box-newsletter.jpg);
	background-repeat:no-repeat;
	width:415px;
	height:61px;
	padding-top:15px;
	padding-left:15px;
	top:325px;
	left:0px;
	font-size:9px;
}
#box-connected {
	position:absolute;
	background-image:url(../images/box-connected.jpg);
	background-repeat:no-repeat;
	width:420px;
	height:71px;
	padding-top:50px;
	padding-left:15px;
	top:254px;
	left:458px;
	overflow:hidden;
}
.moostick li a,
.moostick li a:visited {
	padding:1px;
	color:#b8924d;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
}
.moostick li a:hover {
	color:#c5d3de;
	cursor:pointer;
}
.moostick li img#arrow {
	margin-left:15px;
	border:none
}
.moostick li span {
	cursor:pointer;
}
#newsletter {
	float:left;
	margin-right:2px;
}
.send {
	width:75px;
	display:block;
	margin-left:15px;
	padding-top:3px;
	font-size:10px;
	cursor:pointer;
}
input,
.input {
	background-color:#666666;
	color:#c5d3de;
	font-size:9px;
	font-weight:500;
	border:none;
	padding:1px;
	padding-left:5px;
	width:150px;
}
select {
	background-color:#666666;
	color:#c5d3de;
	font-size:9px;
	font-weight:500;
	border:none;
	padding:1px;
	padding-left:5px;
}
input.checkbox {
	width:20px;
	padding:0px;
	margin:0px;
}
textarea,
#contact #message {
	background-color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	color:#c5d3de;
	font-size:11px;
	font-weight:500;
	border:none;
	padding:1px;
	padding-left:5px;
	width:275px;
	overflow:auto;
}
#formfield-left,
#formfield-right {
	position:relative;
	float:left;
	width:160px;
	font-size:10px;
	padding-top:3px;
}
#formfield-right {
	clear:right;
}
form {
	margin:0px;
	margin-top:2px;
}

/*Calendar Pop-up area */
#overlay {
	display:none;
	position:absolute;
	z-index:100;
	margin:0px;
	height:100%;
	width:100%;
	background-color:#000000;
	filter: alpha(opacity=50); /* internet explorer */
	-khtml-opacity: 0.5;      /* khtml, old safari */
	-moz-opacity: 0.5;       /* mozilla, netscape */
	opacity: 0.5;           /* fx, safari, opera */
}
.cal-popup-wrapper {
	display:none;
	position:absolute;
	z-index:100;
	margin:0px;
	height:100%;
	width:100%;
}
#content-wrapper {
	position:relative;
	border:10px #999999 solid;
	margin:0px auto;
	margin-top:100px;
	width:500px;
	height:200px;
	padding:20px;
	background:black;
	text-align:left;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	z-index:101;
	display:table;
}
#footer {
	position:absolute;
	top:640px;
	left:50%;
	margin-left:-450px;
	width:900px;
	text-align:right;
}
#footer img {
	border:none;
}
#close {
	position:absolute;
	margin-left:230px;
	display:block;
	color:#b8924d;
	font-weight:bold;
	text-decoration:none;
}
#date {
	font-size:11px; 
	color:#FFF; 
	font-weight:bold;
}
#loc {
	background:#333333;
	color:#b8924d;
	padding:3px;
	margin-bottom:5px; 
}
#event {
	float:left;
	margin-right:2px;
}
#button-admin {
	border:1px solid #333;
	padding:1px;
	padding-left:2px;
	padding-right:2px;
	text-transform:uppercase;
	text-align:center;
	font-size:10px;
	display:block;
	cursor:pointer;
}
#button-admin a {
	color:#c5d3de;
}
#button-admin a:hover {
	display:block;
	text-decoration:none;
}

#message {
	background-color:#333333;
	color:#fff;
	border:solid 1px #CCCCCC;
	padding:8px;
	font-weight:bold;
	width:96%;
}

#accordion .ui-state-active {
	color: #b8924d;
	background: #101415 url(../images/arrow.jpg) no-repeat 75px;
}
#accordion .ui-state-default {		
	color:#c5d3de;
	background: #333333;
	background-image:none;
}

.cycle {
	padding:3px;
	margin:0;
}
.cycle li {
	margin:0;
	width:100%
}
.cycle img {
	border:none;
}