@charset "UTF-8";

/*MAIN STRUCTURES*/

body {margin:0px; text-align: center; background-color: #000; font-family: Georgia, "Times New Roman", Times, serif; font-size:100.01%; color: #333;}

#wrapper {width: 800px; margin: 0px auto 0 auto; padding: 0; text-align: left;}

#masthead {width: 100%; margin: 0px;}

#nav {width: 100%; float: left; background-color: #B14035;  border-bottom: 1px solid #480003; }

#content { width:100%; clear:both; padding-top: 10px; background-color: #fffde9; margin: 0; overflow:auto; font-size: .8em; line-height: 1.5em;}   
/*overflow:auto forces #content to surround the floated divs inside of it.*/

#contentSidebar {float: left; width: 240px; margin: 0; padding: 5px 20px 20px 20px; background-color: #fffde9;}

#contentMain {float: right; width: 480px; margin: 0; padding: 5px 20px 20px 20px; background-color: #fffde9;}

#contentFullWidth {width: 760px; margin: 0; padding: 5px 20px 20px 20px; background-color: #fffde9;}

#bottomBar {clear:both;}

#footer p { color: #B14035; text-align:center; font-size: 0.7em; margin-top: 10px; letter-spacing: .1em; }


/*SECONDARY STRUCTURES*/
.eventDetail {overflow:auto; padding-top:20px; margin-top:5px; border-top: 1px dotted #480003;}

.whenAndWhere {float: left; width: 150px;}

.thumbnail {float: left; width: 90px; margin: 0 15px 0 0; text-align:center;}

.thumbnail img {border: 1px solid #333;}

.gridRow {overflow:auto; margin-top:15px; border-bottom: 1px dotted #480003;}   
/*overflow:auto forces #gridContainer to surround the floated divs inside of it. ?*/

.fourUp {float: left; width: 160px; margin: 0; padding: 15px; text-align:center;}

.fourUp img {border: none;}

.phototable p {line-height: 1.2em; margin-top:-.5em;}

/*NAV STYLES*/

#nav ul {margin: 0; padding: 0; list-style-type: none; line-height:23px; text-align:center;}

#nav li {display: inline;}

#nav a {padding: 0 23px 0 23px; font-size: .7em; color: #480003; text-decoration: none; border-right: 1px solid #480003; text-align: center;  text-transform: uppercase; letter-spacing: .1em; }

#nav a:hover, #nav a.currentPage {color: #F9D93D;}

#nav a.rightTab {border-right-style: none;}


/*TYPE STYLES*/

h1 {font-size: 1.7em; font-weight: bold; color: #480003; }

h3 {font-size: 1em; font-weight: bold; color: #480003; margin-bottom: -10px; padding:0px;}

a:link, a:visited {color: #b14035; text-decoration:none;}
a:hover, a:active {color: #C3705D; text-decoration:none;}

.thumbnail p { font-weight: bold; font-size: 0.9em; line-height: 1em; margin-top:5px;}

.thumbnail a:link, .thumbnail a:visited {color: #333; text-decoration:none;}
.thumbnail a:hover, .thumbnail a:active {color: #333; text-decoration:none;}

.fourUp p {font-weight: bold; font-size: 0.9em; line-height: 1.1em; margin-top:10px;}

a:link .fourUp, a:visited .fourUp {color: #333; text-decoration:none;}
a:hover .fourUp, a:active .fourUp {color: #C3705D; text-decoration:none;}

.whenAndWhere a:link, .whenAndWhere a:visited {color: #480003; text-decoration:underline;}
.whenAndWhere a:hover, .whenAndWhere a:active {color: #480003; text-decoration:none;}

.whenAndWhere p {margin: 0 0 10px 0; font-size: 0.8em; font-weight:bold; text-transform: uppercase; letter-spacing: .1em; font-family: Verdana, Geneva, sans-serif; line-height: 1.1em; }

.date {color: #480003; }

.description {clear:both;}

.leadInBig {font-size: 1.2em; font-weight: bold; color: #480003; }

.leadInSmall {font-weight: bold; color: #480003; }

.rule {margin: 20px 0 -10px 0; border-top: 1px dotted #480003;}


/*MISC*/
.imgWrap {float:left; border: 1px solid #333; margin: 5px 15px 0px 0;}

.clear {clear:both;}