/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	background: #333 url('/images/backgrounds/3431806721_5b70eed656_b.jpg') 50% 0% no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#wrapper {
	color: #333;
	background: #fff;
	width: 780px;
	padding: 6px;
	margin: 20px auto;
}

#hdr {
 background: #528B27 url('./images/hdr-bg.jpg') repeat-x;
 border-bottom: 3px solid #264816;
 padding: 5px 10px;
}

#menu-top {
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	background: #666 url('./images/bg-menu.jpg') top repeat-x;
	border: 1px solid #fff;
	border-right: none;
	border-left: none;
	padding: 10px 10px;
}
#menu-top a {
 padding: 10px 10px;
}
#menu-top a:link, #menu-top a:active, #menu-top a:visited {
 color: #fff;
 text-decoration: none;
}
#menu-top a:hover {
 color: #333;
 /*background: #CCFF99 url('./images/bg-menu-2.gif') bottom repeat-x;*/
 background: #CCFF99;
}

#menu-top .active {
	background: #999966;
}

#slideshow {
 background: #333;
 overflow: hidden;
}

#slideshowControl {
 font-size: 10px;
 color: #666;
 background: #333;
 padding: 2px 4px;
}
#slideshowControl a {
 color: #999;
 text-decoration: none;
}
#slideshowControl a:hover {
 color: #fff;
}

object, img, embed {
 vertical-align: bottom;
}

#content-wrapper {
 background: #424242 url('./images/bg-content.gif') repeat-y;
 height: 1%;
 margin-top: 8px;
}

#sidebar {
 font-size: 12px;
 color: #ccc;
 background: #424242;
 width: 230px;
 /*border-left: 3px solid #CFCFCF;*/
 padding: 0 4px 4px 0;
 float: right;
}

/*
#sidebar .box {
 background: #424242;
 padding: 8px 8px 8px 8px;
 margin-bottom: 8px;
}
*/
#sidebar .box {
 background: #424242;
 border: 1px dotted #999;
 padding: 8px 8px 8px 8px;
 margin: 10px 0 1px 0;
}

#sidebar .box h3 {
 margin-top: 0;
}

#sidebar .box ul {
	margin-top: 3px;
	margin-bottom: 3px;
	padding-top: 0;
	padding-bottom: 0;
}

#directions {
 font-size: 12px;
 background: #fff;
}

#content-main {
 color: #555;
 /*background: #A9A9A9;*/
 width: 515px;
 padding: 10px;
 float: left;
}

#footer {
 font-size: 10px;
 text-align: center;
 color: #ccc;
 background: #2E2E2E url('./images/footer-bg.jpg') repeat-x;
 padding: 16px;
 margin-top: 8px;
}

img {
 border: none;
 vertical-align: bottom;
}

.clr { clear: both; }


div.pagination {
 font-size: 12px;
 font-weight: bold;
 text-align: center;
 color: #333;
 background: #c0c0c0;
 border: 1px dotted #333;
 padding: 4px;
}
div.pagination span {
 padding-right: 18px;
}

#title {
	color: #fff;
	background: #5B4767;
	border: 1px dotted #8B6E9B;
	margin-bottom: 4px;
}
#title h1 {
	font-size: 16px;
	color: #fff;
	padding: 6px 10px;
	margin: 0;
}

.listing, .details {
 background: #eee;
 border: 1px dotted #666;
 padding: 1px 3px;
 margin: 3px 0;
}

.listing .title,
.listing .caption,
.details .title
{ color: #e5e5e5; background: #c0c0c0 url('./images/bg-menu.jpg'); padding: 5px; margin: 3px 0; }

.listing .caption
{ background: none; }

.listing h1, .details h1
{ font-size: 15px; display: inline; padding: 0; margin: 0 10px 0 0; }

#listings.events .listing
{ background: #4466a5; position: relative; float: left; width: 152px; height: 208px; overflow: hidden; padding: 4px; margin: 3px; }

#listings.events .listing .image img
{ width: 152px; height: 100px; }

#listings.events .listing .dates
{ position: absolute; bottom: 5px; left: 5px; padding: 0; margin: 2px 0; }

.details .title h1 {
 font-size: 18px;
 /*float: left;*/
}
#listings h1 a:link,
#listings h1 a:active,
#listings h1 a:visited
{ color: #fff; text-decoration: none; }

#listings h1 a:hover, .details a:hover
{ color: #a8a8a8; }

#content-main a:link,
#content-main a:active,
#content-main a:visited
{ color: #8D8C21; text-decoration: underline; }

#content-main a:hover {
	color: #006633;
	text-decoration: none;
}

.listing .title span,
.listing .caption span,
.details .title span
{ font-size: 12px; }

.details.event .title span
{ color: #666; }

.details .content {
 padding: 0 6px;
}
.details .content img {
 border: 2px solid #fff;
}
.listing img {
 margin: 0 5px 5px 0;
 float: left;
}
.listing span.text {
 font-size: 11px;
}
.details .text {
 font-size: 14px;
}

/* Google Maps */

#directions {
 border: none;
 margin: 6px 0;
}

/* Headings */

h3 { font-size: 14px; }

/* Links */

a:link, a:active, a:visited {
 color: #99FFCC;
 text-decoration: none;
}

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

/* Form Input */

form {
 padding: 0;
 margin: 0;
}

input {
	padding: 1px 3px;
}

select, label, button {
	cursor: pointer;
}


hr
{
	line-height: 0;
	clear: both;
	height: 0;
	border: none;
	padding: 0;
	margin: 0;
}


.nobr {
	white-space: nowrap;
}