* { padding: 0; margin: 0; }

body {
	background: #656363 url('themes/metal/metalbg.jpg') repeat-x;
	background-attachment: fixed;
	font: 0.9em 'Trebuchet MS', Verdana, Arial, Helvetica, San-serif;
	color: white;
	}

p{ padding: 10px; }

ul {padding: 0 0 30px 30px;}

a:link {color: #ff9;}
a:hover {color:#fc0;}
a:visited {color:#9cc;}

.cta {
	color: #ff9900;
	font:12pt bolder 'Trebuchet MS', Verdana, Arial, Helvetica, San-serif;
	text-align: center;
}

#left img{padding:0 0 10px 10px; background-color: black; }

#left li{background-color: black; }
.imgWrap {float:right; margin: 0 0 10px 10px;}

#desc {
font-weight: bold;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, San-serif;
color:#09f;
}

#content { 
 margin: 0 auto;
 width:816px;
 background: #ccc url('themes/metal/metal-sidebg.gif') repeat-y;
}

#main{padding:10px;} 

#main h2 {
color: #66cc33;
border-bottom: 1px solid #663300;
margin: 10px;
padding:10px;

}

#main h2 .subhead{color:#0099ff;}
										
#header {
 color: #333;
 width: 816px;
 float: left;
 min-height: 223px; height: 223px; max-height: 223px;
 background: url('themes/metal/metal-banner.jpg') no-repeat;
}
			
#header #logo {
 position: absolute;
 top: 20px; left: 260px;
 color: transparent;
 border: 0;
 margin: 0;
}
			
#topnav {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  top: 154px; left: 40px;
  color: #663300;
}
			
#topnav li {
 margin: 0; padding-left:22px;  padding-right:10px;
 display: inline;
 font-size: 1em;
 font-weight: bold;
 font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, San-serif;
}

#topnav a {
color: black;
text-decoration: none;
}

#topnav a:hover {
color: #cc0000; 
text-decoration: underline;}

#footer { 
 width: 816px;
 height: 80px;
 clear: both;
 color: #333;
 background: url('themes/metal/metal-footer.jpg') no-repeat;
}

#left {
 float: left;
 color: #ccc;
 width: 500px;
 display: inline;
 padding-left: 20px;
 padding-top: 5px;
 margin-right:40px;
}
			

			#rightnav {
				background: transparent url('themes/metal/chains.jpg') no-repeat bottom;
				padding:30px 0 130px 20px;
				width: 190px;
				float: left;
			}
			
			#rightnav h2 {
				font-size: 1em;
				color: #66cc33;
				padding: 10px 0 4px 0;
				border-bottom: 1px solid #663300;
				margin: 0;
				text-decoration: none;
			}

			#rightnav h2 a {
				text-decoration: none;
				color: #66cc33;
			}
			#rightnav h2 a:hover {
				text-decoration: underline;
				color: #cc0000;
			}

			#rightnav ul.nav {
				list-style: none;
				display: block;
				margin: 0;
				padding: 0;
			}
			
			#rightnav ul.nav li {
				margin: 0;
			}
			
			#rightnav ul.nav a {
				text-decoration: none;
				color: #0099ff;
				font: 0.8em 'Trebuchet MS', Verdana, Arial, Helvetica, San-serif;
			}
			#rightnav ul.nav a:hover {
				text-decoration: underline;
				color: #cc0000;
			}

			#stylesheets {
				display: block;
				list-style: none;
				margin: 0;
				padding: 0;
				position: absolute;
				top: 210px; right: 240px;
				color: #66cc33;
				font: 0.8em 'Trebuchet MS', Verdana, Arial, Helvetica, San-serif;
			}
			
			#stylesheets li {
				margin: 0; padding: 0 1em;
				display: inline;
			}

			#stylesheets li span {
				cursor: pointer;
			}

			#stylesheets li + li {
				border-left: 1px solid #630;
			}