html {
   height:100%; /* fix height to 100% for IE */
   max-height:100%; /* fix height for other browsers */
   padding:0;
   margin:0;
   border:0;
   /* hide overflow:hidden from IE5/Mac */
   /* \*/
   overflow:hidden; /*get rid of scroll bars in IE */
   /* */
   }
body {
   height:100%;
   max-height:100%;
   overflow: hidden;
   padding:0;
   margin:0;
   border:0;
   font-family:arial, sans-serif;
   color:#7F7D81;
   margin-bottom:30px;
   background:#2B3348;
}
   a.index, a.index:visited, a.index:focus {color:#788D86; text-decoration:none; font-weight:bold; font-size:16px; }
   a.index:hover {color:#B40E23;}

   a.nav, a.nav:visited, a.nav:focus {display:block; color:#788D86; text-decoration:none; font-weight:bold; font-size:16px; }
   a.nav:hover {color:#B40E23;}

   a.body, a.body:visited, a.body:focus {color:#C50627; text-decoration:none; font-size:16px; }
   a.body:hover {color:#B40E23;}

   a.valid, a.valid:visited, a.valid:focus {color:#788D86; text-decoration:none; font-size:9px; }
   a.valid:hover {color:#B40E23;}

   #themes a, #themes a:visited, #themes a:focus {display:block; color:#788D86; text-decoration:none; font-size:9px; }
   #themes a:hover {color:#B40E23; text-decoration:underline; font-size:9px; }

#preload {
   display: none;
}
#indexsitenav {
   display:none;
}
#indexnav {
   position: absolute; top: 30%; left: 37%; height: 249px; width: 248px; background: url("../pictures/sigil.gif") no-repeat; z-index: 3;
}
#indexcontent {
   display: none;
}
#leftmatte {
   position: absolute; top: 0px; left: 0px; height: 100%; width: 125px; background: #2B3348; z-index: 100;
}
#rightmatte {
   position: absolute; top: 0px; right: 18px; height: 100%; width: 107px; background: #2B3348; z-index: 100;
}  
#indexnav {
   position: absolute; top: 30%; left: 37%; height: 249px; width: 248px;  background: url("../pictures/sigil.gif") no-repeat; z-index: 3;
}
.merchlink {
   position: relative; left: -50px; top: 0px; padding: 10px; font-weight: bold; z-index: 5;
}
.rrlink {
   position: relative; right: -60px; padding: 10px; font-weight: bold; z-index: 5;
}
.artlink {
   position: relative; top: 20px; left: -20px; padding: 10px; font-weight: bold; z-index: 5;
}
.slothlink {
   position: relative; left: 45px; top: -50px; padding: 10px; font-weight: bold; z-index: 5;
}
.newslink {
   position: relative; top: 20px; right: -105px; padding: 10px; font-weight: bold; z-index: 5;
}
.dotcomicslink {
   position: relative; top: 50px; left: -100px; padding: 10px; font-weight: bold; z-index: 5;
}
.weblink {
   position: relative; top: 50px; right: -140px; padding: 10px; font-weight: bold; z-index: 5;
}
.forumlink {
   position: relative; top: 80px; left: -60px; padding: 10px; font-weight: bold; z-index: 5;
}
.designlink {
   position: relative; top: 80px; right: -180px; padding: 10px; font-weight: bold; z-index: 5;
}
.dllink {
   position: relative; top: 110px; left: -85px; padding: 10px; font-weight: bold; z-index: 5;
}
.slothmaillink {
   position: relative; top: 175px; left: -30px; padding: 10px; font-weight: bold; z-index: 5;
}
.baconlink {
   position: relative; top: 130px; left: -20px; padding: 10px; font-weight: bold; z-index: 5;
}
.linkslink {
   position: relative; top: 92px; right: -155px; padding: 10px; font-weight: bold; z-index: 5;
}
.contactlink {
   position: relative; top: 130px; right: -50px; padding: 10px; font-weight: bold; z-index: 5;
}
#bottomlogo {
   display:none;
}
#urhere {
   position: absolute;
   left: 125px;
   bottom: -1px;
   width: 50%;
   height: 11px;
   background: #2B3348;
   padding-top: 8px;
   padding-right: 0px;
   padding-bottom: 8px;
   border-top: 3px solid #2B3348;
   border-bottom: 3px solid #2B3348;
   font-size: 9px;
   font-weight: bold;
   color: #788D86;
   z-index: 12;
}
#sitenav {
   position: absolute;
   height: 250px;
   right: 15px;
   bottom: 15px;
   padding-left: 5px;
   padding-top: 30px;
   padding-right: 10px;
   padding-bottom: 50px;
   font-size: 16px;
   font-weight: bold;
   text-align: left;
   z-index: 107;
}
.indnavtop {}

.indnavbottom {}

#newsletter {
   position: absolute;
   right: 125px;
   top: -1px;
   width: 100%;
   background: #2B3348;
   font-size: 9px;
   margin:0px;
   padding:0px;
   height:30px;
   font-weight: bold;
   text-align: right;
   color: #7F7D81; 
   z-index: 10;
}

#content
   {display: block; height: 100%; max-height: 100%; width: 100%; overflow: auto; position: relative; z-index: 3; background-color: transparent; margin:0px; padding:0px; font-size: 14px;}

#container
   {margin-left: 180px; margin-right: 180px;}

.pad
   {position:relative; top:0px; left:10%; clear:both; display:block; height:90px; width:78%;}

#sitebg {
   position: absolute;
   right: 125px;
   top: 0px;
   height: 100%;
   max-height: 100%;
   min-height: 100%;
   z-index: 1;
   padding-top: 90px;
   background: #000 url("../pictures/macabreskull2.gif") no-repeat  60% 70%;
   width: 100%;
}
#valid { 
   position: absolute;
   right: 125px;
   bottom: -1px;
   width: 78%;
   height: 11px;
   background: #2B3348;
   padding-top: 8px;
   padding-right: 0px;
   padding-bottom: 8px;
   border-top: 3px solid #2B3348;
   border-bottom: 3px solid #2B3348;
   font-size: 9px;
   font-weight: bold;
   text-align: right;
   color: #7F7D81; 
   z-index: 10;
}
#themes {
   position: absolute;
   left: 1%;
   top: 50px;
   padding: 8px;
   font-size: 9px;
   font-weight: bold;
   text-align: left;
   color: #7F7D81; 
   z-index: 107;
   border: 1px solid #7F7D81;
}     
#slothcontent {
   display: block;
   height: 100%;
   max-height: 100%;
   width: 100%;
   font-size: 16px;
   font-family: times new roman;
   overflow: auto;
   position: relative;
   z-index: 3;
   background-color:transparent;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   padding-top: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
   font-size: 14px;
}
.slothtop {
   font-family: times new roman;
   font-size: 19px;
}
.slothheader {
   text-align: center;
   margin-top: 0; 
   margin-bottom: 0;
   font-size: 35pt;
   font-family: Arial Black;
}
.slothred {
   color: #FF0000;
}
.slothtext {
   font-family: courier new;
   font-size: 16px;
   border: 3px solid #FFFFFF;
   padding: 20px;
   margin: 25px;
}
.slothma { 
   font-family: Terminal;
   color: #00FFFF;
   font-size: 17px;
   text-decoration: underline;
}
.slothfooter {
   text-align: center;
}
.H1, h1 {
   text-align: center;
   font-size: 20px;
   font-weight: bold;
   color: #B40E23;
}
.H2, h2 {
   margin:0px;
   font-size: 15px;
   font-weight: bold;
}
.H3, h3 {
   padding: 10px;
   font-weight: bold;
}
.section {clear:both; border-top:1px solid #7F7D81; min-height:50px; margin-bottom:20px;}

.section h2 {
   display:inline; float:left; width:100px; padding:10px; margin-top:10px; margin-bottom:10px; text-align:right; border-right:30px solid #7F7D81;
}
.section p
   {line-height:1.5em; margin-left:170px;}

.pic1 {float:right; clear:both;}

.pic1 img, .pic1 a img
	{border:0px; padding: 10px;}

a img {border:0px;}

form {
   font-family: arial;
   font-weight: bold;
}
#newsletter form
   {margin:0px; padding:0px; margin-top:4px;}

.input { 
   color: #fff;
   background: #788D86;
   border: 2px solid #788D86;
}
.input:hover {
   color: #fff; 
   background: #6C6671;
   border: 2px solid #788D86;
}
.input:focus {
   color: #fff; 
   background: #6C6671;
   border: 2px solid #788D86;
}
select { 
   color: #fff;
   background: #788D86;
   border: none;
}
textarea {
   font-family: arial;
   color: #FFFFFF;
   background-color: #7BA8BB;
   border: 2px solid #FFFFFF;
}
.formarea {
   text-align: center;
}
.personal {
   text-align: right;
   float: left;
   padding-left: 20%;
}
.projectinfo {
   float: right;
   padding-right: 20%;
   text-align: left;
}
.notes {
   clear: both;
}
.choose {
   text-align: center;
}
.help {
   cursor:help;
}
.clear {clear:both;}