//* General
-------------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
.clear:after {
    clear: both; 
    content: "."; 
    display: block; 
    height: 0; 
    visibility: hidden;
}
.clear { display: inline-block; }
/* Hides from IE-mac \*/
* html .clear { height: 1%; }
.clear { display: block; }
/* End hide from IE-mac */
h1, h2, h3, h4, p, ol, ul, li {padding: 0; margin: 0;}
/*html>body {font-size:12px}*/
body {
	color: #fff;
	font: 80%/170% 'LiberationSansRegular', Helvetica, Arial, sans-serif;
	background: #dc900c url(../images/bg.jpg) repeat-x top left;
	letter-spacing:0.01em;
	margin: 0; padding: 0;
}

/* General Typography and Headings
-------------------------------------------------------------------------------------- */

p { margin-bottom: 11px;}
h2 {font: normal 200%/110% 'WCROUGHTRADBETABold', Helvetica, Arial, sans-serif;margin-bottom: 10px; color: #000;}
h3{font-size: 125%;}
h4{font-size: 120%;}
h3, h4{ color: #000; margin: 0 0 4px 0; font-family: 'LiberationSansBold', Helvetica, Arial, sans-serif;}
a img {border: none; }
a, .green, .ditto_info {color: #00540a; text-decoration: none;}
a:hover {color: #000;}
a img {border: none;}

/* Structure
-------------------------------------------------------------------------------------- */
#wrapper { width: 960px; margin: 0 auto; }
#container {margin: 18px 0;}
#content {width: 650px; float: right;}
#content-newsletter {width: 960px; margin: 20px 0;}
#sidebar {width: 265px; float: left;}
.box-318-l {width: 310px; float: left; margin: 28px 0 0 0; padding: 0;}
.box-318-r {width: 310px; float: right; margin: 28px 0 0 0; padding: 0;}
.box-318-l h2.heading-small, .box-318-r h2.heading-small {background: url(../images/header-bg-310.gif) no-repeat 0px 0px; padding: 5px; height: 49px; width: 310px;}

#content h2.heading-big {background: url(../images/header-bg-650.gif) no-repeat 0px 0px; padding: 5px; height: 49px; width: 650px;}
#content-newsletter h2.heading-big {background: url(../images/header-bg-650.gif) no-repeat 0px 0px; padding: 5px; height: 49px; width: 960px;}
/* Various Classes
-------------------------------------------------------------------------------------- */
.divider, #content hr, #sidebar hr {background: url(../images/divider.gif) repeat-x center; padding: 0 0 10px 0; height: 2px; width: 100%; border: none; }
.banner {margin:0 0 5px;}
#content ol {margin:10px 30px;}
img.justifyleft {float: left; margin: 10px 10px 10px 0; border: 4px solid #c38000;}
img.justifyright {float: right; margin: 10px 0px 10px 10px;border: 4px solid #c38000;}
.box205 {width: 205px; float:left; margin: 0 14px 0 0; text-align: center;background-color: #000}
.box205-last {float: right; width: 205px;text-align: center;background-color: #000}
.box205 h2, .box205-last h2 {color: #fff; font-size: 150%; background-color: #000; padding: 5px 0px; margin: 0px;}
.box205 a, .box205-last a {color: #fff;}
.box205 a:hover, .box205-last a:hover {color: #00540a;}
#sidebar h2.heading-smaller {background: url(../images/header-bg-310.gif) no-repeat 0px 0px; padding: 5px; height: 37px; width: 255px; margin: 0;}
.newsletter-bg {background: #9c6c07;}

/* Header
-------------------------------------------------------------------------------------- */
#header {
	height: 240px;
	width: 960px;
	margin: 0 auto;
}
#header h1 {
	background: url(../images/logo.png) no-repeat top left;
	float: left;
	height: 222px;
	width: 286px;
	margin: 18px 0 0 0;
}
#header h1 a {
	display: block;
	height: 222px;
	overflow: hidden;
	width: 286px;
	}
#header h1 a span {
	cursor: pointer;
	display: block;
	margin-left: 1000px;
}
#header .box-286 {width: 286px; float: right; margin-left: 46px;}
#header .box-286 ul.tickets-outer {list-style: none; width: 286px; height: 172px;}
#header .box-286 ul.tickets-outer li.tickets  a {width: 286px; height: 172px; background:url(../images/btn-tickets.png) no-repeat 0px 0px;
display: block; text-indent: -9999px;}
#header .box-286 ul.tickets-outer li.tickets a:hover {background-position: 0px -172px;}
#header .box-286 ul {list-style: none; width: 286px; height: 44px;}
#header .box-286 ul li.rss, #header .box-286 ul li.facebook, #header .box-286 ul li.twitter {float: right; display: inline;}
#header .box-286 ul li.rss a, #header .box-286 ul li.facebook a, #header .box-286 ul li.twitter a {width: 44px; height: 44px; text-indent: -9999px; display: block; margin: 0 10px;}
#header .box-286 ul li.rss a {background:url(../images/btn-rss.gif) no-repeat 0px 0px; }
#header .box-286 ul li.facebook a {background:url(../images/btn-facebook.gif) no-repeat 0px 0px;}
#header .box-286 ul li.twitter a {background:url(../images/btn-twit.gif) no-repeat 0px 0px;}
#header .box-286 ul li.rss a:hover, #header .box-286 ul li.facebook a:hover, #header .box-286 ul li.twitter a:hover {background-position: 0px -44px;} 
#header .box-286-dates {margin-top: 97px;}
/* News
-------------------------------------------------------------------------------------- */
.news h3 {margin: 0;font-weight: bold;}
.news p.small {margin: 0 0 4px 0; padding: 0; text-size: 70%; color: black; line-height: 11px;}
.news p {margin: 0;}
.news a {font-weight: bold;}

/* Navigation
-------------------------------------------------------------------------------------- */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/css3-ie-dropdown.html
Copyright (c) 2005-2010 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu-container { width: 960px; background: url(../images/menu-bg.gif) no-repeat; margin-bottom: 9px; font-size:95%;}
.menu {padding:0; margin:0; list-style:none; height:51px;}
.menu .subHolder {position:absolute; left:-9999px;}
.menu ul {padding:5px 0; margin:0; list-style:none; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#20000000', EndColorStr='#A0000000');}
.menu li {float:left;}
.menu li a {color:#fff; line-height: 41px; display:block; float:left; padding:0 10px; text-transform: uppercase; text-decoration:none;}
.menu li:hover {position:relative;}
.menu li a:hover {color:#000; white-space:nowrap; position:relative; text-decoration:none;}
.menu li a.active, .menu li a.active .subholder {color: #000;}
.menu li:hover > a {color:#000;}
.menu :hover .subHolder {left:0; top:30px; z-index: 10000;}

.menu .subShadow {float:left;}
.menu .subColor {position:relative; display:block; margin-left:4px; margin-top:5px; height:100%;
-moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
}
.menu .col2 {background:#b5a30d;
background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.7)));
background-image: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7));
}
.menu ul li {float:none;}
.menu ul li a {white-space:nowrap; line-height:20px; padding:0 30px 0 10px; float:none;}
.menu table {border-collapse:collapse; width:0; margin:0 0 -1px 0;}

	
/* Footer
-------------------------------------------------------------------------------------- */
#footer { width: 960px; margin: 0 auto; padding: 48px 0 0 0; background: url(../images/footer-bg.gif) no-repeat 0 28px; clear: both;}
#footer ul {list-style: none;}
#footer ul li {display: inline; margin-right: 10px;}
#footer .footer-left {float: left; width: 750px;}
#footer .footer-right {float: right; text-align: right;}
#footer img {border: 1px solid #000;}
/* Forms 
------------------------------------------------------------------------------- */
form {
	width: 400px;
	text-align: left;
	clear: both;
	padding-bottom: 20px;
	border: none;
}
form.full { width: 100%; }
form.side {width: 260px; padding: 0 5px;}
form.side input {display: inline; width: 150px;}
form.side input.submit {width: 80px;}
form .submit {
background: #00540A;
border:1px solid #000000;
color:#FFFFFF;
cursor:pointer;
padding: 2px;
font-size: 12px;
vertical-align:top;
width:80px;
margin:0 0 0 5px;
	}
fieldset {
    border: none;
	margin:0;
padding:0;
}
fieldset p {margin: 0;}
legend {
	display: none;
}
form h3 {
	clear: both;
	padding: 15px 0 5px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
}
form p {margin: 0;}
form p.submit-paragraph {margin-left: 150px;}
form p.vericode-stuff {margin-left: 150px;}
form label {
	display: block;
	clear: both;
	width: 100px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0; margin: 0;
}
form input {
	display: block;
	margin: 0 0 10px 0;
}
form select {
	display: block;
	margin: 0 0 10px 0;
}
form label {
	float: left;
	clear: left;
	width: 150px;
	margin: 0;
	line-height: 1.5em;
}

/* style the form elements to look similar across browsers ... emulates Safari */
form label input,
form textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;
    background: #fff url(images/input-bg.gif) repeat-x top left;
}
form input.checkbox,
form select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;    
}
form textarea {
	margin-top: 3px;
	height: 120px;
	display: block;
}

form label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}
form input.button {
    clear: left;
}
.formMargin {margin-left: 150px;}

/* Gallery
------------------------------------------------------------------------------- */
ul.thumbs li {width: 110px; height: 110px; overflow: hidden;}

.ditto_summaryPost {padding: 0;}
.ditto_summaryPost h3 {margin: 0; text-transform: uppercase;}
ul.reflect_archive {margin: 0px 8px;}
li.reflect_month {list-style:none;}