body {background-color: black; color: white; font-size: 14px; font-family: "Arial"; margin: 0; width: 100%; height: 100%;}
h1 {text-transform: uppercase; font-family: Arial; font-size: 14pt; color: white; display: inline;}
h2 {font-family: Arial; display: inline; font-size: 14px; color: #e7e3aa; letter-spacing: 1px;}
h3 {font-family: Arial; display: inline; font-size: 14px; color: #aac67c;;}
a {text-decoration: none; color: #535b38;}
a .green:hover, a .lightGrey:hover, a:hover {color: white;}
a img {border: 2px solid #535b38;}

.darker {color: #404d2b;}
.smaller {font-size: 80%;}
.green {color: #8ea43e;}
.lightGrey {color: #d5d5d5;}
.just {text-align: justify;}

#topContainer {position: absolute; width: 778px; margin-left: 50%; left: -389px; top: 20px;}
#container {position: relative; width: 778px; padding: 0px; overflow: visible; }
#containerBot {position: relative; width: 778px; height: 31px; margin-left: 50%; left: -389px;}

#banner {position: relative; width: 778px; height: 190px; top: 0px;}
#bannerPic {position: absolute; z-index:2;}
#player {position: absolute; top: 5px; z-index: 4;}

#nav {position: absolute; width: 350px; font-size: 12px; color: #3f4732; height: 17px; top: 139px; left: 20px; text-align: center; font-size: 9pt; word-spacing: 0em; letter-spacing: 1px; z-index: 2;}
#nav a {color: #3f4732; text-decoration: none;}
#nav a:hover {color: #202606;}

#contentPane {position: relative; background-color: #0e1406; overflow: hidden; padding: 0px; width: 100%; border: 0px solid orange; border-collapse: collapse;} 
#contentPane td {padding: 14px; vertical-align: top;}
.main {color: white; font-size: 14px;}
#main1 {width: 430px;}
#main2 {width: 547px;}
#main3 {}

.extra1 {width: 140px; border-left: 2px solid #111808; text-align: center; color:  #c1ccae; font-size: 8pt;}
.extra1 div {position: relative; margin-bottom: 10px;}
.extra1 hr {margin-top: 15px; margin-bottom: 15px; background-color: #353923; border: 1px solid #111808;}
.extra1 input {width: 120px;}
.extra2 {position: relative; padding: 15px; float: left; width: 312px; border-left: 2px solid #111808; text-align: left; color:  #c1ccae; font-size: 9pt;}
.extra2 div {margin-bottom: 10px;}
.extra2 hr {margin-top: 15px; margin-bottom: 15px; background-color: #353923; border: 1px solid #111808;}

#credits {position: relative; width: 802px; margin-left: 50%; left: -401px; margin-top: 20px; text-align: center; color: #222; font-size: 8pt;}

#scrollTour .darker a {text-decoration: none; color: #999;}
#scrollTour .lighter a {text-decoration: none; color: white;}
.showDiv {position: absolute; width: 140px; display: none; background-color: #0e1406; visibility: hidden; text-align: left;}
.showDiv h2 {font-size: 11pt;}
.showDiv span {text-align: justify; font-size: 12px;}
.showDiv table {text-align: center; font-size: 14pt; margin-top: 10px; margin-bottom: 10px;width: 100%;}
.showDiv table .smaller {font-size: 50%;}

.bioMembers img{border: 1px solid #535b38;}

.mediaBox {position: relative; border: 5px solid #353923; float: left; margin-left: 7px; margin-top: 5px; width: 112px; height: 127px; color: white; font-size: 11px; text-align: center;}
.mediaBox img {border: 0;border-bottom: 5px solid #353923;}
.mediaBox a {color: white; text-decoration: none;}
.mediaContainer {width: 95%; overflow: hidden; margin-top: 10px;}

#galleryDivBack {position: fixed; z-index: 3; top: 0; width: 100%; height: 100%; background-color: black; visibility: hidden; display: none;}
#galleryDiv {position: fixed; z-index: 4; width: 100%; height: 100%; visibility: hidden; line-height: 11px;}
#galleryDiv a {text-decoration: none; color: black;}
#galleryDiv a:hover {color: #999;}
#galleryDiv .posTable {width: 100%; height: 100%}
#galleryDiv .mainTable {background-color: white; width: 600px; height: 470px; color: black;}
.galleryButton {display: inline; margin-left: 10px;}