/*Set up layout for Spot websiteVIII rev:1.iii.2008*/
body{background-color: gray;
     font-family: Arial,Verdana,sans serif;
     font-size: 90%;
     color: white;
     border-width: 0px;
     margin: 0px;
     padding: 10px
     }
a:link{color: white;}
a:visited{color:gray;}

/*Make divisions layout*/
.spotcorner{
     z-index: 1;
     position: absolute;
     top: 10px;
     left: 10px;
     width: 100px;
     height: 100px;
     background-color: white;
     border-width: 0px;
     }
.spotbanner{
     z-index: 1;
     position: absolute;
     top: 10px;
     left: 110px;
     width: 750px;
     height: 100px;
     background-color: black;
     border-width: 0px;
     }
.leftmenu{
     z-index: 0;
     position: absolute;
     top: 140px;
     left: 10px;
     width: 100px;
     height: 480px;
     background-color: black;
     border-width: 0px;
     }
.other{
     z-index: 1;
     position: absolute;
     top: 460px;
     left: 10px;
     width: 100px;
     height: 100px;
     background-color: black;
     border-width: 0px;
     }
.contact{
     z-index: 1;
     position: absolute;
     top: 560px;
     left: 10px;
     width: 100px;
     height: 40px;
     background-color: black;
     border-width: 0px;
     }
/*square resizes to width of screen minus top, left & right menu*/
.square{
     z-index: 1;
     margin-top: 130px;
     margin-left: 110px;
     margin-right: 150px;
     background-color: black;
     border-width: 0px;
     }
/*credit resizes at bottom of page, but will not adapt to scrolling, does not span center in Safari*/
.credit{
     index: 0;
     position: absolute;
     bottom: 0px;
     margin-left: 110px;
     margin-right: 150px;
     height: 20px;
     background-color: black;
     border-width: 0px;
     }
/*right menu stays at right side of page*/
.rightmenu{
     z-index: 0;
     position: absolute;
     top: 140px;

     right: 0px;
     width: 140px;
     height: 480px;
     background-color: black;
     border-width: 0px;
     font-size: 80%;
     }
/*count resizes at bottom right corner of page, but will not adapt to scrolling*/
.count{
     z-index: 0;
     position: absolute;
     bottom: 0px;
     right: 0px;
     width: 140px;
     height: 40px;
     background-color: black;
     border-width: 0px;
     font-size: 80%;
     }
     
/*Make More Info Form layout*/
table.moreinform{
     z-index: 2;
     position: absolute;
     top: 110px;
     left: 110px;
     width: 600px;
     font-family: Courier;
     font-size: 83%;
     color: white;
     background-color: black;
     }
tr{border-width: 3px;
     padding: 0px
     font-family: Courier;
     font-size: 83%;
     color: white;
     background-color: black;
     }
td{border-width: 0px;
     padding: 5px
     font-family: Courier;
     font-size: 83%;
     color: white;
     background-color: black;
     }
     
/*Make family pages layout*/
.wmcorner{
     z-index: 0;
     position: absolute;
     top: 10px;
     left: 10px;
     width: 100px;
     height: 100px;
     background-color: white;
     border-width: 0px;
     }
.wmbanner{
     z-index: 0;
     position: absolute;
     top: 10px;
     left: 110px;
     width: 750px;
     height: 100px;
     background-color:"#996633";
     border-width: 0px;
     }
.fam_menu{
     z-index: 1;
     position: absolute;
     top: 110px;
     left: 10px;
     width: 100px;
     height: 900px;
     background-color:"#996633";
     border-width: 0px;
     }
/*Make musings pages layout*/