/* CSS Document */

html {  background: #000 url(../layoutimages/background.jpg) repeat-x; }

body {
font-size:62.5%;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0px;
text-align:center;
margin:0px 0px;
}

/*Global*/

a { color:#FF3366; }
a:hover { color:#0066FF; }

/*layout*/

#wrapper {
width:930px;
padding:0;
margin:0px auto;

}

#header { width:930px; margin:0px 0px; padding:0;  background: url(../layoutimages/headback.jpg) no-repeat; }

#logo { float:right; z-index:100; margin:0px 23px 0 0 ; width:357px; height:160px; }

#advert {
width:500px;
height:150px;
margin:40px 0 0px 30px;
float:left;
}

#advert img {padding:1px; border:1px solid #333;}

#leftColumn {
	float:left;
	width :220px;
	margin:0;
	padding:10px 0px;
	color:#fff;
		font-size:90%;
}


#leftColumn dt {
	padding:2px 0;
	margin:0;
	
}

#leftColumn dd {
	margin:0;
	padding:2px 0;
}

#rightColumn {
	float:right;
	width:150px;
	margin:0;
	padding:10px;
	color:#fff;
}

#rightColumn a img { border:2px solid #333 ; padding:1px; margin-bottom:5px; }

#centerColumn {
	margin: 0px 180px 0 240px;
	color:#fff;
}



/*navigation*/
#navigation {
width:870px;
height:58px;
margin:15px 30px 5px 30px;
padding:0;

z-index:10;
}

#navigation dl { padding:20px 0; text-align:left; z-index:11px; }
#navigation dd { display:inline; margin:0 0 0 0; padding:0; }
#navigation dd a { font-size:12px;  color:#fff;  padding:0px 5px; text-decoration:none; border-right:1px solid #fff; }
#navigation dd a:hover { color:#ff3366;  }

/* images */

.left { float:left; margin:0px 10px 10px 0px; padding:1px; border:1px solid #ccc; }
.right { float:right; margin:0px 0px 10px 10px; padding:1px; border:1px solid #ccc; }
.centerimage img { padding:1px; border:1px solid #ccc; text-align:center; margin:0px 100px;}

/*Content Area*/

#contentArea {
width:930px;
margin:0px;
padding:0px;
}

#bodyBlock {
width:870px;

padding:10px 30px;
margin:0px;
text-align:left;
overflow:hidden;
font-size:1.2em;
line-height:1.3em;
}

#main {
width:600px;
margin:0px 0 0 240px;
padding:10px;

color:#fff;
}

/*** headers ***/

.latestNews { background: url(../layoutimages/latestNews.jpg) no-repeat; padding:27px 5px 10px 5px; }
.newsletter { background: url(../layoutimages/maillist.jpg) no-repeat; padding-top:22px; }
.events { background: url(../layoutimages/events_side.jpg) no-repeat; padding-top:22px; }
.venue { background: url(../layoutimages/venue_side.jpg) no-repeat; padding-top:22px; }
.gallery { background: url(../layoutimages/gallery_Side.jpg) no-repeat; padding-top:22px; }
.community { background: url(../layoutimages/community_side.jpg) no-repeat; padding-top:22px; }


.newsletter .shortTxt { border:1px solid #ffcccc; width:210px; font-size:10px; }
.newsletter p {padding :22px 5px 1px 5px;} 
.newsletter .joinBtn { text-align:right; border:1px solid #ccc; background-color:#000; padding:5px; color:#fff; text-align:center; }

/*** Tables ***/

#main a img { border:1px solid #fff; }
#main table { border-collapse:collapse; }
#main table tr td { margin:0px; padding:5px; width:560px; }
#main table tr td a img { border:none; }
#main table tr td.dj, #main table tr td.button { width:130px; }

#contact { width:500px; }

#full {
margin:0px 0px ;
padding:5px 0px;
}

/* H tags */

h1 { font-size:1.6em; color:#0066CC; }
h2 {font-size:1.4em; color:#fff; background-color:#0066CC; margin:0; padding:5px;}

/* Side Area*/
#side {
float:left;
width:220px;
padding:20px 0 0 0;
color:#fff;

}

#side ul {
	width:220px;
margin:0px 0px;
padding:35px 0 0 0px ;
}

#side li {
margin:0px;
border-bottom:1px dotted #333;
list-style:none;
font-size:90%;
}

#side li a { display:block; text-decoration:none; padding:5px;}
#side li a:hover { background-color:#333;  color:#fff; }

#side a img {border:2px solid #333; padding:1px;}

/* Events Page*/

.eventTitle {font-size:1.4em; color:#fff; background-color:#0066CC; margin:0; padding:5px;}
.eventListing { margin:0px; padding:10px 5px ; border-bottom:1px dotted #ccc; }
.eventListing p { margin:0; padding:5px 0; }


/*Footer Area */

#footer { 
height:50px;
width:930px;
text-align:center;
}

#footer p { text-align:center; }

#footerlogos { float:right; margin:10px 10px; }
#footerlogos a img { border:none; float:left; height:30px; width:120px; margin-left:5px; padding:0; }

#footertext {
color:#333;
font-size:1.1em;
margin:20px 10px;
padding:0;
}

#footertext a { color:#333; }
#footertext a:hover { color:#ff3366; }

/* Home Page  */

#bottom { margin:10px 0 0 0; }

#nextEvent { float:left; width:210px; margin:5px; }
#nextEvent a img { padding:1px; border:1px solid #ccc; }
#main Text { margin:0px 0px 0px 220px; }

.clear { clear:both; }

.box { float:left; width:230px; margin-right:40px;  border-right:1px solid #ccc; padding:0px 10px;}
.newsBox { float:left; width:460px;  }

/* Input Form */

#contact { margin:0px 5px; }


.input { border:1px solid #ccc; }

.message { border:1px solid #ff3366; padding:5px; text-align:center; font-weight:bold; color:#ff3366; background-color:#ffcccc;}
.subInfo { font-size:90%; font-style:italic; }

/* Gallery Styling*/
#thumbs ul { margin:0; padding:0; list-style:none; }
#thumbs li { float:left; margin:10px 10px 0px 0px; }


/* sIFR section */

/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	margin: 0;
	visibility: visible !important;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	position: absolute;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
	display: none !important;
}
/* sIFR headings */

.sIFR-hasFlash h1 span {
	font-size: 32px;
	visibility: hidden;
}