* {
	margin: 0;
	border: 0;
	padding: 0;
}
html, body {
	background-color: black;
	background-repeat: repeat;
	height: 100%;
	max-height: 100%;
        font-family:helvetica;
        font-size:13px;
	padding-left: 5vw;
	padding-right: 5vw;
}

div {
	margin:0px;
	padding:0px;
}
img {
	width:100%
}
h3 {
	font-family: helvetica;  font-size: 28px; color: #330000;
}

.heading {
	font-family: helvetica; font-size: 20px; color: #197560;
}

a {font-size:13px;font-weight:bold;}
a:link {color: #ff6500;}
a:hover {color: #ffffff;}
a:visited {color: #197560;}
a:active {color: #197560;}

.inner_main {
	background-color: #cccccc;
}

.outer {
        background-color: #cccccc;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background: url(raw_images/sidebar_left.jpg) repeat-y left top;
}

.inner {
        background-color: #cccccc;
	background: transparent url(raw_images/sidebar_right.jpg) repeat-y right top;
	width: 1126px;
	max-width: 1126px;
	min-width: 1126px;
	padding: 0px;
	#left: 85;
	left: 0;
}

.maincontent {
	background-color: #cccccc;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	padding-left: 0px;
	padding-top: 0px;
	overflow: auto;
	overflow-X: hidden;
	width: 1126px;
	left: 0;
	max-width: 950px;
	min-width: 950px;
}

.wrapper {
        background-color: #cccccc;
	min-width: 1126px;
	max-width: 1126px;
	width.expression(document.body.cliendWidth < 1126 ? "1126px": document.body.clientWidth > 1126 ? "1126px" : auto);
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -225px;
	position: static;
}

.push {
	clear: both;
	height: 5px;
}

.footer {
	clear: both;
	display: inline;
	background-image: url(raw_images/footer.jpg);
	overflow: hidden;
	min-width: 960px;
	max-width: 1126px;
	width: 1126px;
	height: 225px;
	margin-left: auto;
	margin-right: auto;
	float: left;
	font-family: verdana; font-size: 12px; color: #ffffff;
}

.taint {
	display: inline;
	background-image: url(raw_images/taint.png);
	overflow: hidden;
	width: 1126px;
	height: 83px;
	text-align: center;
	color: #330000;
}

.nav {
	width: 1126px; 
	height: 83px;
	background: url(raw_images/srlmenu.png) no-repeat;
	position: relative;
	display: flex;
	justify-content: space-between; 
	align-items: center;
}

.nav li, .nav div {
	display: inline;
}

.nav li a:link, .nav li a:visited,
.nav div a:link, .nav div a:visited {
	position: absolute;
	top: 0;
	height: 83px;
	overflow: hidden;
	text-indent: -9000px;
	z-index: 10;
}

.nav .about a:link, .nav .about a:visited {
	left: 0; width: 253px;		
}
.nav .about a:hover, .nav .about a:focus, .nav .about a:active {
	background: url(raw_images/srlmenu.png) no-repeat -0px -83px;
}
.current-about .about a:link, .current-about .about a:visited {
	background: url(raw_images/srlmenu.png) no-repeat -0px -83px;
	cursor: default;
}
.nav-about, .nav-about-click {
	position: absolute;
	top: 0;
	left: 0px;
	width: 252px;
	height: 83px;
	background: url(raw_images/srlmenu.png) no-repeat -0px -83px;
}

.nav .shows a:link, .nav .shows a:visited {
	left: 253px; width: 96px;
}
.nav .shows a:hover, .nav .shows a:focus, .nav .shows a:active {
	background: url(raw_images/srlmenu.png) 
	-253px -83px no-repeat;
}
.current-shows .shows a:link, .current-shows .shows a:visited{
	background: url(raw_images/srlmenu.png) no-repeat -253px -83px;
	cursor: default;	
}
.nav-shows, .nav-shows-click {
	position: absolute;
	top: 0;
	left: 253px;
	height: 83px;
	background: url(raw_images/srlmenu.png) no-repeat -253px -83px;
}

.nav .mach a:link, .nav .mach a:visited {
	left: 349px; width: 109px;
}
.nav .mach a:hover, .nav .mach a:focus, .nav .mach a:active {
	background: url(raw_images/srlmenu.png) 
	-349px -83px no-repeat;
}
.current-mach .mach a:link, .current-mach .mach a:visited{
	background: url(raw_images/srlmenu.png) no-repeat -349px -83px;
	cursor: default;	
}
.nav-mach, .nav-mach-click {
	position: absolute;
	top: 0;
	left: 349px;
	height: 83px;
	background: url(raw_images/srlmenu.png) no-repeat -349px -83px;
}

.nav .archive a:link, .nav .archive a:visited {
	left: 459px; width: 92px;
}
.nav .archive a:hover, .nav .archive a:focus, .nav .archive a:active {
	background: url(raw_images/srlmenu.png) 
	-459px -83px no-repeat;
}
.current-archive .archive a:link, .current-archive .archive a:visited{
	background: url(raw_images/srlmenu.png) no-repeat -459px -83px;
	cursor: default;	
}
.nav-archive, .nav-archive-click {
	position: absolute;
	top: 0;
	left: 459px;
	height: 83px;
	background: url(raw_images/srlmenu.png) no-repeat -459px -83px;
}

.nav .store a:link, .nav .store a:visited {
	left: 552px; width: 108px;
}
.nav .store a:hover, .nav .store a:focus, .nav .store a:active {
	background: url(raw_images/srlmenu.png) 
	-552px -83px no-repeat;
}
.current-store .store a:link, .current-store .store a:visited{
	background: url(raw_images/srlmenu.png) no-repeat -552px -83px;
	cursor: default;	
}
.nav-store, .nav-store-click {
	position: absolute;
	top: 0;
	left: 552px;
	height: 83px;
	background: url(raw_images/srlmenu.png) no-repeat -552px -83px;
}

.nav .part a:link, .nav .part a:visited {
	left: 659px; width: 105px;
}
.nav .part a:hover, .nav .part a:focus, .nav .part a:active {
	background: url(raw_images/srlmenu.png) 
	-659px -83px no-repeat;
}
.current-part .part a:link, .current-part .part a:visited{
	background: url(raw_images/srlmenu.png) no-repeat -659px -83px;
	cursor: default;	
}
.nav-part, .nav-part-click {
	position: absolute;
	top: 0;
	left: 659px;
	height: 83px;
	background: url(raw_images/srlmenu.png) no-repeat -659px -83px;
}

.nav .press a:link, .nav .press a:visited {
	left: 764px; width: 94px;
}
.nav .press a:hover, .nav .press a:focus, .nav .press a:active {
	background: url(raw_images/srlmenu.png) 
	-764px -83px no-repeat;
}
.current-press .press a:link, .current-press .press a:visited{
	background: url(raw_images/srlmenu.png) no-repeat -764px -83px;
	cursor: default;	
}
.nav-press, .nav-press-click {
	position: absolute;
	top: 0;
	left: 764px;
	height: 83px;
	background: url(raw_images/srlmenu.png) no-repeat -764px -83px;
}

.nav .rnd a:link, .nav .rnd a:visited {
	left: 859px; width: 109px;
}
.nav .rnd a:hover, .nav .rnd a:focus, .nav .rnd a:active {
	background: url(raw_images/srlmenu.png) 
	-859px -83px no-repeat;
}
.current-rnd .rnd a:link, .current-rnd .rnd a:visited{
	background: url(raw_images/srlmenu.png) no-repeat -859px -83px;
	cursor: default;	
}
.nav-rnd, .nav-rnd-click {
	position: absolute;
	top: 0;
	left: 859px;
	height: 83px;
	background: url(raw_images/srlmenu.png) no-repeat -859px -83px;
}

#srlnav {
	width: 1126px; height: 83px;
	background: url(raw_images/srlmenu.png);
	margin: 0 auto; padding: 0;
	position: relative; 
}
#srlnav li {
	margin: 0; padding: 0; list-style: none;
	position: absolute; top: 0;
}
#srlnav li, #srlnav a {
	height: 83px; display: block;
}

.about,   #about { width: 242px; height: 83px; }
.shows,   #shows { width: 116px; height: 83px;}
.mach,    #mach { width: 105px; height: 83px;}
.archive, #archive { width: 103px; height: 83px;}
.store,   #store { width: 103px; height: 83px;}
.part,    #part { width: 123px; height: 83px;}
.press,   #press { width: 94px; height: 83px;}
.rnd,     #rnd { width: 286px; height: 83px;}

#about a:hover {
	background: transparent url(raw_images/srlmenu.png)
	0 -83px no-repeat; 
}
#shows a:hover {
	background: transparent url(raw_images/srlmenu.png)
	-253px -83px no-repeat;
}
#mach a:hover {
	background: transparent url(raw_images/srlmenu.png)
	-349px -83px no-repeat; 
}
#archive a:hover {
	background: transparent url(raw_images/srlmenu.png)
	-459px -83px no-repeat;
}
#store a:hover {
	background: transparent url(raw_images/srlmenu.png)
	-764px -83px no-repeat; 
}
#part a:hover {
	background: transparent url(raw_images/srlmenu.png)
	-764px -83px no-repeat;
}
#press a:hover {
	background: transparent url(raw_images/srlmenu.png)
	-764px -83px no-repeat; 
}
#rnd a:hover {
	background: transparent url(raw_images/srlmenu.png)
	-859px -83px no-repeat;
}

#srlbox {
	width: 800px;
	height: 400px;
	border-style:solid;
	border-width:1px;
	border-color: #330000;
}

#leftcol {
	padding: 0; padding-left: 22px; padding-top: 10px; float: left; top: 0;
}

#rightcol {
	padding: 0; padding-top: 10px; float: right; top: 0; overflow-X: hidden;
}

#topcol {
	padding: 0;  float: top; left: 0;
}

#botcol {
	padding: 0; float: bottom; left: 0;
}

<!-- drop down menu -->
#hmenu, #hmenu ul {
	padding: 0; margin: 0; 
	list-style: none; 
	line-height: 1;
}
#hmenu a {
	display: block;
	width: 300px;
	font-family: "Courier";
	font-size: 14px;
	text-decoration: none;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	background: #330000;
}
#hmenu li {
	list-style: none;
	float: left; width: 300px;
}
#hmenu li ul {
	position: absolute;
	background: #330000;
	width: 20em; left: -999em;
}
#hmenu lu ul ul {
	margin: -1em 0 0 20em;
}
#hmenu li: hover ul ul, #hmenu li.sfhover ul ul {
	left: -999em;
}
#hmenu li:hover ul, #hmenu li li:hover ul, #hmenu li.sfhover ul, #hmenu li li.sfhover ul {
	left: auto;
}

<!-- vertical menu -->
/* Begin CSS Popout Menu */

##vmenu{
position:absolute;
top:0.5em;
left:0.5em;
z-index:2;
width:20px;
padding-bottom:12em; /* To allow room for bottom dropdown */
}

#vmenu a, #vmenu h2{
background: #330000;
color: #ff6500;
font-family: courier;
display:block;
border-width:1px;
border-style:solid;
border-color:#cccccc;
white-space:nowrap;
margin:0;
padding: 1px 3px;
}

#vmenu h2{
	text-transform:uppercase;
}

#vmenu a{
	text-decoration:none;
}

#vmenu a:hover{
color:#a00;
background:#ddd;
}

#vmenu a:active{
color:#060;
background:#ccc;
}

#vmenu ul{
list-style:none;
margin:0;
padding:0;
width:100%;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#vmenu li, div#vmenu li:hover{
position:relative;
}

div#vmenu li ul{
position:absolute;
top:0;
left:100.1%;
display:none;
}

div#vmenu ul ul,
div#vmenu ul ul ul,
div#vmenu ul li:hover ul ul,
div#vmenu ul li:hover ul ul ul
{display:none;}

div#vmenu ul li:hover ul,
div#vmenu ul ul li:hover ul,
div#vmenu ul ul ul li:hover ul
{display:block;}

/* End non-anchor hover selectors */

/* Styling for Expand */

<!--#vmenu a.x, #vmenu a.x:visited{
background:#eee url(/css/images/expand3.gif) no-repeat bottom right;
}-->

#vmenu a.x:hover{
background:#ddd;
}

#vmenu a.x:active{
color:#060;
background:#fff;
}

/* Begin Content Area */

#content{margin:0 0 0 10px;padding:0.5em;border:1px solid #000;}
#content a:link{color:#a00;}
#content a:visited{color:#a00;}
#content a:hover{color:#a00;background:#eee;}
#content a:active{color:#060;background:#ddd;}
#content h1, #content h2{font:bold courier;margin:0;padding:0;}
#content img{border:none;}
#content p{font:normal 0.8em/1.5em courier;margin:1.0em;}
#content ul, #content ul ul{font:normal courier;margin:0;}
#content ul li{font:normal courier;margin:0;}
#content ul ul li{font:normal  courier;margin:0;}
#content .fr{float:right;margin:0;}
#content .mod{font:normal .6em courier;margin:.25em;}

/* End Content Area */

<!-- accordion menu -->
.AccordionTitle, .AccordionContent, .AccordionContainer
{
  position:relative;
  width:100px;
}

.AccordionTitle
{
  height:20px;
  overflow:hidden;
  cursor:pointer;
  font-family:courier;
  font-size: 16px;
  font-weight: bold;
  background-color:black;
  display:block;
  -moz-user-select:none;
}

.AccordionContent
{
  font-family: courier;
  font-size: 13px;
  height:0px;
  overflow:hidden;
  display:none;
}

.AccordionContainer
{
  /*	
  border-top: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  border-left: solid 2px #cccccc;
  border-right: solid 2px #cccccc;
  */
}

/*
 ***********************************
 mod:petchey */

#site_title {
  font-size: 42px;
  line-height: 1.31em;
  font-weight: bold;
  color: #111111; 
  font-family: Georgia, "Times New Roman", Times, serif;
  margin-left: 178px;
}
#site_title a {
  color: #111111; 
}
#site_title a:hover {
  color: #1f84dd; 
}
#site_title + #site_tagline {
  margin-top: 0px;
}

#site_tagline {
    font-size: 16px;
    color: #888888;
    line-height: 1.5em;i
    margin-top: 0px;
    margin-left: 177px;
    font-family: "Times New Roman";
    font-weight: bold;
}