body {
font: normal 8pt/13pt verdana, arial, sans-serif;
color: #808080;
margin: 5px;  /*  top and bottom Margins */
padding: 5px;  /* Don't know? */
; background-attachment: fixed; background-color: #999; background-image: url(images/back.png); background-repeat: repeat-x; background-position: top center
}

#wrapper {
width: 632px;  /*  offset from right of screen??    */
margin: 0 auto;
text-align: left;
}

#top {
width: 632px; /* width of top.png */
height: 50px;  /* where header actually starts  below top.png */
background: url(images/top.png) no-repeat;
; clip:   rect(   )
}

#content {
width: 630px;
height: 100%;
padding: 0px 1px 0px 1px;
text-align: left;
; background-color: #000000; background-repeat: repeat-y; background-position: top center; background-image: url(/images/bg.png)}

#header {
width: 600px;  /* width of header */
height: 165px;   /* height of header (will repeat - if image too small */
background: url(images/burst1.png) no-repeat 20px 45px;
font-weight: bold;
font-size: 8pt;
padding-top: 6px; /* appears to cause repeats ? PADDING:   see W3Schools*/
padding-left: 20px;  /* don't know */
; z-index: auto; clip:            rect(   )
}

/*                    Menu                   */
#menu {
width: 130px;   /*width of menu bar graphic "off.png" where is this called?   */ 
height: 100%;
margin: 0px;
float: left;    /* it appears it will put menu either left or right */
text-align: left;
}

#menu li a {
height: 30px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 22px;
text-decoration: none;
text-align: left;  /* it appears it will put menu text either left or right */
}	
	
#menu li a:link, #menu li a:visited {
color: #FFF;
display: block;
background:  url(images/off.png);
padding: 8px 0 0 10px;
height: 22px;  /* actual height of off.png */
text-align: left;  /* it appears it will put menu text either left or right */
}
	
#menu li a:hover {
color: #09F;
background:  url(images/on.png);
padding: 8px 0 0 10px;
height: 22px;
text-align: left;
}	

ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}

#stuff {
float: right;
width: 475px;            /* affects positioning */
margin: 10px 10px 0px 4px;   /*  padding: 0px 0px 200px; */
; background-repeat: no-repeat
; clip:   rect(   )
; background-attachment: fixed
; background-position: 55% 85%
; padding: 0px 0 50px
}

#bottom {
color: #ccc;
background: #F9F9F9;
clear: both;
width: 635px;
height: 35px;
padding-left: 10px;  /* places bottom copy top from left margin */
padding-top: 15px;  /* top of bottom.png to bottom */
background: url(images/bottom.png) no-repeat;
}

#bottom a, #bottom a:visited{
color: #ccc;
}

#bottom a:hover {
color: #808080;
}