body {
   font-family: arial, sans-serif;
   color: #000;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   background-color: #ccc;
   overflow: hidden;
}
   a.index:link {color: #7BA8BB; text-decoration: none; font-weight: bold; font-size: 16px; }
   a.index:visited {color: #7BA8BB; text-decoration: none; font-weight: bold; font-size: 16px; }
   a.index:active {color: #7BA8BB; text-decoration: none; font-weight: bold; font-size: 16px; }
   a.index:hover {color: #006087; text-decoration: none; font-weight: bold; font-size: 16px; }

a.nav:link {
   color: #000;
   background: #ccc; 
   text-decoration: none; 
   font-size: 12px; 
   padding: 10px;  
   border-top: 1px solid #fff;
   border-left: 1px solid #fff; 
   border-right: 1px solid #fff;
   border-bottom: 1px solid #fff;
   margin-left: -5px;  
}
a.nav:visited {
   color: #000; 
   background: #ccc; 
   text-decoration: none; 
   font-size: 12px;
   padding: 10px;  
   border-top: 1px solid #fff;
   border-left: 1px solid #fff; 
   border-right: 1px solid #fff;
   border-bottom: 1px solid #fff;
   margin-left: -5px;   
}
a.nav:active {
   color: #000;
   background: #ccc;
   text-decoration: none; 
   font-size: 12px;
   padding: 10px;  
   border-top: 1px solid #fff;
   border-left: 1px solid #fff; 
   border-right: 1px solid #fff;
   border-bottom: 1px solid #fff;
   margin-left: -5px;
}
a.nav:hover {
   color: #fff;
   background: #ccc;  
   text-decoration: none; 
   font-size: 12px;
   padding: 10px;  
   border-top: 1px solid #fff;
   border-left: 1px solid #fff; 
   border-right: 1px solid #fff;
   border-bottom: 1px solid #fff;
   margin-left: -5px;   
}
a.active:link, a.active:visited, a.active:focus {
   background: #fff;
   color: #ccc;
   padding: 10px;
   font-size: 12px;
   border-top: 1px solid #fff;
   border-left: 1px solid #fff; 
   border-right: 1px solid #fff;
   border-bottom: 1px solid #fff; 
   text-decoration: none;
   margin-left: -5px;  
}
a.active:hover {
   background: #fff;
   color: #000;
   padding: 10px;
   font-size: 12px;
   border-top: 1px solid #fff;
   border-left: 1px solid #fff; 
   border-right: 1px solid #fff;
   border-bottom: 1px solid #fff; 
   text-decoration: none;
   margin-left: -5px;  
}     
   a.body:link {color: #000; text-decoration: underline; font-size: 16px; }
   a.body:visited {color: #000; text-decoration: underline; font-size: 16px; }
   a.body:active {color: #000; text-decoration: underline; font-size: 16px; }
   a.body:hover {color: #000; text-decoration: none; font-size: 16px; } 
   
   a.valid:link {color: #000; text-decoration: none; font-size: 9px; }
   a.valid:visited {color: #000; text-decoration: none; font-size: 9px; }
   a.valid:active {color: #000; text-decoration: none; font-size: 9px; }
   a.valid:hover {color: #000; text-decoration: underline; font-size: 9px; }
   
   #themes a:link {color: #000; text-decoration: none; font-size: 9px; }
   #themes a:visited {color: #000; text-decoration: none; font-size: 9px; }
   #themes a:active {color: #000; text-decoration: none; font-size: 9px; }
   #themes a:hover {color: #000; text-decoration: underline; font-size: 9px; }
   #themes a, #themes a:link, #themes a:visited, #themes a:hover {display:block; }

#indlogo {
   margin: auto;
   margin-top: 20%;
   height: 93px;
   width: 621px;
   background: url("../pictures/vyngraylogo.gif") no-repeat;
}
#indexcontent {
   position: absolute;
   top: 51px;
   left: 100px;
   right: 100px;
   bottom: 51px;  
   background-color: #fff;
   overflow: auto;
   padding-bottom: 150px;
   font-size: 14px;
} 
#preload {
   display: none;
}
#indexnav { 
   display: none;
}
.merchlink {
   display: none;
}
.rrlink {
   display: none;
}
.artlink {
   display: none;
}
.slothlink {
   display: none;
}
.newslink { 
   display: none;
} 
.dotcomicslink { 
   display: none;
}

.weblink {
   display: none;
}
.forumlink {
   display: none;
}
.designlink {
   display: none;
}
.dllink {
   display: none;
}
.slothmaillink {
   display: none;
}
.baconlink {
   display: none;
}
.linkslink {
   display: none;
}
.contactlink {
   display: none;
}
#bottomlogo {
   display: none;
}
#urhere {
   position: absolute;
   top: 51px;
   left: 100px;
   right: 100px;
   background-color: #fff;
   font-size: 11px;
   padding: 13px;
   font-weight: bold;
}
#sitenav {
}
.indnavtop {
   position: absolute;
   right: 100px;
   top: 23px;
}
.indnavbottom {
   position: absolute;
   left: 105px;
   bottom: 25px;
}
#newsletter {
   position: absolute;
   bottom: 51px;
   left: 100px;
   right: 100px;
   text-align: right;
   background: #fff;
   font-size: 9px;
   font-weight: bold;
   color: #000; 
}
#content {
   position: absolute;
   top: 91px;
   left: 100px;
   right: 100px;
   bottom: 91px;  
   background-color: #fff;
   overflow: auto; 
   padding-top: 40px;
/*   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;*/
   font-size: 14px;
} 
#valid { 
   position: absolute;
   bottom: 51px;
   left: 100px; 
   height: 11px;
   background: #fff;
   padding-top: 8px;
   padding-left: 10px;
   padding-bottom: 8px;
   border-top: 3px solid #fff;
   border-left: 3px solid #fff;
   border-bottom: 3px solid #fff;
   font-size: 9px;
   font-weight: bold;
   text-align: left;
   color: #000; 
}
#themes {
   position: absolute;
   top: 51px;
   left: 15px;
   bottom: 15px;
   display: block;
   width: 70px;
   font-size: 9px;
   background: #ccc;
   border-top: 1px solid #fff;
   border-left: 1px solid #fff;
   border-right: 1px solid #fff;
   border-bottom: 1px solid #fff;
   padding: 10px; 
   text-align: right;
} 
#rightmatte {
   position: absolute;
   top: 15px;
   right: 15px;
   bottom: 51px;
   width: 70px;
   background: #ccc;
   border-top: 1px solid #fff;
   border-left: 1px solid #fff;
   border-right: 1px solid #fff;
   border-bottom: 1px solid #fff;
   padding: 10px; 
}
.tlc { 
   position: absolute;
   top: 15px;
   left: 15px;
   width: 25px; 
}
.lbox1 {
   float: left;
   width: 10px;
   height: 10px;
   background: #fff;
}
.lbox2 {  
   float: left;
   width: 8px;
   height: 8px;
   background: #ccc;
   border: 1px solid #fff;
   margin-left: 5px;
} 
.lbox3 {
   float: left;
   width: 8px;
   height: 8px;
   background: #ccc;
   border: 1px solid #fff;
   margin-top: 5px;
}
.brc { 
   position: absolute;
   right: 15px;
   bottom: 15px;
   width: 25px;
}
.rbox1 { 
   float: right; 
   width: 8px;
   height: 8px;
   background: #ccc;
   border: 1px solid #fff;
   margin-bottom: 5px;
   margin-left: 20px;
} 
.rbox2 {

   float: right;
   width: 10px;
   height: 10px;
   background: #fff;
}
.rbox3 {
   float: right;
   width: 8px;
   height: 8px;
   background: #ccc;
   border: 1px solid #fff;
   margin-right: 5px;
}     
#slothcontent {
   position: absolute;
   top: 91px;
   left: 100px;
   right: 100px;
   bottom: 91px;  
   color: #000;
   font-family: times new roman;
   font-size: 16px;
   background-color: #fff;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   overflow: auto;
   font-size: 14px;
   padding: 20px;
}
.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 #ccc;
   padding: 20px;
   margin: 25px;
}
.slothma { 
   font-family: Terminal;
   color: #00FFFF;
   font-size: 17px;
   text-decoration: underline;
}
.slothfooter {
   text-align: center;
}
.pad {
   display: none;
}
p {
   padding-left: 50px;
   padding-bottom: 15px;
}
.H1, h1 {
   text-align: center;
   font-size: 20px;
   font-weight: bold;
   margin-top: -40px;
   padding-bottom: 20px;
}
.H2, h2 {
   padding: 10px;
   margin: 10px;
   margin-bottom: -25px;
   border-top: 1px dotted #ccc;
   font-size: 15px;
   font-weight: bold;
}
.box {
   position: relative;
   top: -15px;
   padding: 5px;
   background: #ccc;
   color: #fff;
}
.H3, h3 {
   padding: 10px;
   font-weight: bold;
}
.pic1 {
   padding-left: 10%;
   padding-bottom: 20px;
   margin-top: 20px;
   margin-left: 20px;
   margin-right: 20px;
   margin-bottom: 20px;
}
.pic1 img, .pic1 a img, a img
	{border:0px;}

.desktops {
   padding: 30px;
   background-color: #7BA8BB;
}
.waperbg {
   width: 100%;
   height: 100%;
   background-color: #7BA8BB;
}
form {
   margin: 10px;
   font-family: arial;
   font-weight: bold;
} 
.formarea {
   margin: auto;
   padding: 40px;
   width: 550px;
}
.input { 
   color: #fff;
   background-color: #ccc;
   border: 1px solid #ccc;
}
.input:hover {
   color: #000; 
   background: #fff;
   border: 1px solid #ccc;
}
.input:focus {
   color: #000; 
   background: #fff;
   border: 1px solid #ccc;
}
select { 
   color: #fff;
   background-color: #ccc;
   border: 2px solid #fff;
}
textarea {  
   font-family: arial;
   color: #fff;
   background-color: #ccc;
   border: 2px solid #fff;
}
.personal {
   float: left;
}
.projectinfo {
   float: left;
   padding-left: 180px;
   text-align: right;
} 
.notes {
   clear: both;
}  
.choose {
   text-align: center;
}
.help {
   cursor:help;
}
br.hide {display:none;}