html, body {
  color: #888;
  background: #000 url("images/fan.png") center top repeat;
  font-family: Verdana, Arial, Helvetica, "Helvetica Neue", sans-serif;
  font-size: .95em;
  text-align: center; /* centers IE6 */
  margin: 0;
  padding: 0;
}

#wrapper { 
  margin: 0 auto; /*centers page for modern browsers such as firefox and ie7 */
  width: 980px;
  border: 1px solid #000;
  background: #fff;
  text-align: left;
  overflow: hidden;
  margin-top: 0px;
}

/* Header*/

#header {
  width: 980px;
  padding: 0px;
  height: 328px;
  margin: 0px;
  background-image: url("images/header.jpg");
  background-repeat: no-repeat;
}

/* Navbar*/

#nav {
  list-style-type: none;
  height: 95px;
  width: 980px;
  padding: 0;
  margin: 0;
  background: url("images/navbar.jpg") no-repeat;
}

#nav li a {
  height: 95px;
  outline: 0;
  display: block;
}

#nav li {
  float: left;
  list-style: none;
  display: inline;
  text-indent: -9999em;
}

li#nav_home {width: 217px;}
li#nav_events {width: 109px;}
li#nav_locations {width: 109px;}
li#nav_logo {width: 109px;}
li#nav_history {width: 109px;}
li#nav_about {width: 109px;}
li#nav_contact {width: 218px;}

/*---------------link state---------------*/
li#nav_home a {
  left: 0;
  width: 217px;
  background-position: 0 0;
}
li#nav_events a {
  left: 217px;
  width: 109px;
  background-position: -217px 0;
}
  
li#nav_locations a {
  left: 326px;
  width: 109px;
  background-position: -326px 0;
}

li#nav_logo a {
  left: 435px;
  width: 109px;
  background-position: -435px 0;
}
li#nav_history a {
  left: 544px;
  width: 109px;
  background-position: -544px 0;
}
li#nav_about a {
  left: 635px;
  width: 109px;
  background-position: -653px 0;
}
li#nav_contact a {
  left: 762px;
  width: 218px;
  background-position: -762px 0;
}
/*--------------hover state------------*/
li#nav_home a:hover {background:url("images/navbar.jpg") 0 -95px no-repeat;}
li#nav_events a:hover {background:url("images/navbar.jpg") -217px -95px no-repeat;}
li#nav_locations a:hover {background:url("images/navbar.jpg") -326px -95px no-repeat;}
li#nav_logo a:hover {background:url("images/navbar.jpg") -435px -95px no-repeat;}
li#nav_history a:hover {background:url("images/navbar.jpg") -544px -95px no-repeat;}
li#nav_about a:hover {background:url("images/navbar.jpg") -653px -95px no-repeat;}
li#nav_contact a:hover {background:url("images/navbar.jpg") -762px -95px no-repeat;}

/*----------------Current State------------*/
li#nav_home a.current {background:url("images/navbar.jpg") 0px -190px no-repeat;}
li#nav_events a.current {background:url("images/navbar.jpg") -217px -190px no-repeat;}
li#nav_locations a.current {background:url("images/navbar.jpg") -326px -190px no-repeat;}
li#nav_history a.current {background:url("images/navbar.jpg") -544px -190px no-repeat;}
li#nav_about a.current {background:url("images/navbar.jpg") -653px -190px no-repeat;}
li#nav_contact a.current {background:url("images/navbar.jpg") -762px -190px no-repeat;}

.clear {
  clear: both;
}

#col1 {
  float: left;
  width: 380px;
  background: #fff;
  color: #000;
  padding: 50px 30px 20px 75px;
}

#col2 {
  float: left;
  width: 395px;
  height: 100%;
  background: #fff;
  color: #000;
  padding: 50px 50px 30px 50px;
}

/* Headline Info */
h1 {
  color: #444;
  background-color: #fff;
  font-size: 1em;
  margin: 0;
}
h2 {
  color: #000;
  background-color: #fff;
  font-size: 1.2em;
  margin: 0 0 5px 0;
  font-weight: bold;
  clear: both;
}
h3 {
  color: #777;
  background: transparent;
  font-size: 1em;
  padding-top: 10px;
  margin: 0;
  font-weight: bold;
}
h4 {
  color: #B49C13;
  background: transparent;
  font-size: 1em;
  padding-top: 8px;
  margin: 0 0 5px 0;
}
h5 {
  color: #B49C13;
  background: transparent;
  font-size: 1.1em;
  margin: 0;
  padding: 8px 0 11px;
}

/* General Info */
p {
  padding: 0;
  color: #888;
  line-height: 1.5em;
}
.effect { /* removed top padding of history image */
  margin: 0 0 10px;
}
.special {
  font-weight: bold;
  color: #777;
  background: transparent;
  font-size: .95em;
}

/* List Styles */
.genlist {
  list-style-type: none;
  font-size: .95em;
  text-align: left;
  margin: 4px 0px;
  padding: 0px 0px 12px;
  line-height: 140%;
  color: #888;
}
.genlist2 {
  list-style-type: none;
  font-size: .95em;
  text-align: left;
  margin: 4px 0px;
  padding: 0px 0px 12px;
  line-height: 160%;
  color: #444;
}
.genlist li {
  padding-top: 1px;
}
.genbull {
  font-size: .98em;
  line-height: 150%;
  color: #888;
  margin: 0 0 10px;
  padding-left: 15px;
}
.genbull li {
  list-style-position: outside;
  list-style-image: url("images/bullet.png");
  padding: 0px 7px 2px 0px;
  margin-left: 0;
}

.genbull2 {
  font-size: .98em;
  line-height: 200%;
  color: #888;
  margin: 0 0 10px;
  padding-left: 15px;
}
.genbull2 li {
  list-style-position: outside;
  list-style-image: url("images/bullet.png");
  padding: 0px 7px 2px 0px;
}
.lispace {
  margin-bottom: 5px;
}

/* Gallery Page */
.gallery_1 {
    padding: 0 50px 10px 75px;
    margin: 0;
}
.gallery {
    padding: 6px;
    border: none;
    background-color: #CFCFCF;
    outline: none;
    float: left;
    margin: -10px 15px 0 0;
}

#gallery {
	width:800px;
	height:610px;
	margin:0 auto;
	position:relative;
	background:#fff;
}

/* Gallery Page */
#gallery #slides {position:absolute; right:60px; top:0; height:630px; width:100px; overflow:hidden; text-align:center; z-index:500;}
#gallery #slides div {width:100px; height:630px; position:relative; padding-top:10px;}
#gallery #slides div ul {padding:0; margin:0; list-style:none; width:100px; height:630px;}
#gallery #slides div ul li {float:left; padding:5px 0; width:100px; height:75px;}
#gallery #slides div ul li a {display:block; width:100px; height:75px; float:left;}
#gallery #slides div ul li a b {display:none;}
#gallery #slides div ul li a.previous {background: url("images/up.png") no-repeat center center;}
#gallery #slides div ul li a.next {background: url("images/down.png") no-repeat center center;}

#gallery #slides div ul li a img {display:block; width:100px; height:75px; border:0;}
#gallery #slides div ul li img.blank {margin:0 auto; padding-top:25px;}
#gallery #slides div ul li a:focus {outline:0;}


#gallery #fullsize {position:absolute; left:-60px; top:0; height:610px; width:800px; overflow:hidden; text-align:center; z-index:200;}

#gallery #fullsize div {width:800px; height:750px; padding-top:70px; position:relative;}
#gallery #fullsize div img {clear:both; display:block; margin:0 auto; border:1px solid #bbb; width:550px; height:400px; position:relative; background:#fff; padding:10px; top: 27px;}
#gallery #fullsize div h3 {padding:45px 0 0 0; margin:0; font-size:18px;}
#gallery #fullsize div p {padding:4px 135px; margin:0; font-size:12px; line-height:18px;}

/* Go to Top of Page */
.arrow {
  background-image: url("images/arrow.png");
  display: block;
  height: 20px;
  width: 97px;
  padding: 0 0 0 5px;
  margin-left: 815px;
  background-repeat: no-repeat;
  font-size: .85em;
  font-weight: bold;
  color: #901124;
  text-decoration: none;
}
.top {
  text-align: right;
  padding: 10px 50px 10px 0px;
  margin-bottom: 10px;
}
/* More Arrow */
.more {
  background-image: url("images/arrow.png");
  display: block;
  height: 20px;
  width: 400px;
  padding: 0 0 0 25px;
  background-repeat: no-repeat;
  font-size: .85em;
  font-weight: bold;
  color: #444;
  text-decoration: none;
}
.more a:hover {
  color: #777;
  text-decoration: none;
}

/* Go to Back */
.arrow2 {
  background-image: url("images/arrow.png");
  display: block;
  height: 20px;
  width: 125px;
  padding: 0 0 0 25px;
  margin-left: 140px;
  background-repeat: no-repeat;
  font-size: .85em;
  font-weight: bold;
  color: #444;
  text-decoration: none;
  text-align: left;
}
.arrow3 {
  background-image: url("images/arrow.png");
  display: block;
  height: 20px;
  width: 125px;
  padding: 0 0 0 25px;
  margin-left: 75px;
  background-repeat: no-repeat;
  font-size: .85em;
  font-weight: bold;
  color: #444;
  text-decoration: none;
}
.back {
  text-align: left;
  padding: 0px 0px 10px 0px;
  margin-bottom: 25px;
}
/* Footer */

.footer {
  width: 980px;
  height: 290px;
  clear: both;
  color: #fff;
  margin: 0 auto;
  margin-bottom: 50px;
  background: #000 url("images/footer.jpg") no-repeat center;
}