*{margin:0;padding:0;border:0;}

body {
background-color: #000;
/*text-align: center; the trick in combo with setting back to left the next level down doesn't work?*/
}
p {
margin-top: .3em;
margin-bottom: .3em;
text-align: left;
}
p.c {
text-align: center;
}

h1, h2, h3 {
margin-top: 15px;
text-align: left;
}

:link {
color: #804000;
}
:visited {
color: #0000FF;
}
:active {
color: #FF0000;
}
a:hover {
color: #000080;
}

#wholeBodyArea {
background-image: url(bluegridbkgr.gif);
margin: 4px;
padding: 6px;
/*z-index: 100; $$IE*/
}
#stdhead, #mainhead {
width: 98%;
margin-left: auto;
margin-right: auto;
}
#stdhead > td, #stdhead td td td {
width: 32px;
}
#stdhead td  td {
text-align: center;
}
#stdhead td img {
float: left;
}
#stdhead td td td div {
float: right;
}


.texttitle {
text-align: center;
font-size: 1.5em;
font-weight: bold;
}

table#allbody {
/*width: 100%;*/
margin: 0px; 
padding: 0px; /* gives padding for F,O,N but not IE*/
border: 0px; /* at 4px given a black border for IE but not Firefox, Opera, or Netscape*/
border-color: transparent;
border-style: solid;
table-layout: auto;
position: static;
}
table.allBodyTD {
padding: 4px;
}

table.boxes {
width: 100%;
border: 3px;
border-style: ridge;
border-color: silver;
padding: 6px;
table-layout: auto;
border-collapse: collapse;
}

table.boxes td.boxCell {
width: 33%;
vertical-align: middle;
border-width: 3px;
border-style: ridge;
border-color: silver;
padding: 3px;
}

#menu {
position: fixed; /*IE6 sets to absolute in the IE special code*/
top: 0;
left: 0;
z-index: 300;
}

#Pusher {
/*z-index: 100; /* same level as #wholeBodyArea */
}

#menu, #Pusher {
height: auto;
width: 100%;
background-color: #000;
/*float:left;*/
}

/*<!-- NOTICE: font changes made here must be made in the IE style code in the page too -->*/
#menu a, #Pusher a {
display:block;/*$$IE removal fixes IE7 big bottom menu "padding" below menu list items but makes IE6 dropdowns cover menu*/
font-weight: bold;
font-size: 1.2em;
font-family: arial,helvetica,sans-serif;
background:#000;
text-decoration:none;
}

#menu a, #menu a:visited {
color:#FFF;
}

#menu a:hover {
color: #FF0;
background:#000;
}

#menu a:active {
color:#060;
background:#000;
}

#menu ul {
list-style:none;
margin:0;
padding:0;
/*float:left; JW 11/11/06 comment out*/
/*width:9em; JW 11/11/06 comment out*/
width: 100%; /* JW 11/11/06 added */
}

#menu li {
position:relative;
}

#menu ul ul {
position:absolute;
z-index:500;
top:auto;
display:none;
}

#menu ul ul ul {
top:0;
left:100%;
}

div#menu li:hover{
cursor:pointer;
/*z-index:100;$$IE*/
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;
left: 0;
}

/*  mine below ---------------------------------------------------*/
table {

}

#Pusher {
/*position: relative;
top: 0;
left: 0; these three lines were no help*/
/*visibility: visible;$$IE*/
}
table.menuTable {
width: 100%;
border-width: 4px;
border-style: ridge;
border-color: #BBB;
background-color: #000000;
border-collapse: collapse;
table-layout: auto;
}

ul.innerBlock {
/*position: relative;*/
/*width: 15em;*/
/*display: block;*/
}
ul.innerBlock li {
/*displaly: block;*/
/*width: 15em;*/
}
ul.innerBlock li a {
display: block;
/*width: 15em; Set in an inline style by the menu generator*/
text-align: left;
white-space: nowrap;
/*border-width: 4px;*/
border-top-width: 0;
border-right-width: 4px;
border-bottom-width: 4px;
border-left-width: 4px;
border-style: ridge;
border-color: #BBB;
}

ul.innerBlock li a:first-child, .liFirstClass {
border-top-width: 4px;
}
/*ul.innerBlock > li a {
displaly: block;
}*/

table.innerTable {
border-width: 4px;
border-style: ridge;
border-color: #BBB;
background-color: #000000;
border-collapse: collapse;
table-layout: auto;
}

td.menuBarCell {
text-align: center;
border-width: 4px;
border-style: ridge;
border-color: #BBB;
}
td.innerCell {
text-align: left;
border-width: 4px;
border-style: ridge;
border-color: #BBB;
}
td.innerCell a {
padding-left: 5px;
padding-right: 5px;
}

input.text, textarea {
border-width: 3px;
border-style: inset;
/*border-color: silver;*/
border-left-color: gray;
border-right-color: silver;
border-top-color: gray;
border-bottom-color: silver;
}
input.submit, input.reset {
border-width: 2px;
border-style: outset;
border-left-color: silver;
border-right-color: gray;
border-top-color: silver;
border-bottom-color: gray;
}

/*input[type="text"], .text, button {
border-width: 3px;
border-style: inset;
border-color: silver;
}

input[type="submit"], input[type="reset"], .submit, .reset, submit, button {
border-width: 3px;
border-style: outset;
border-left-color: silver;
border-right-color: silver;
border-top-color: silver;
border-bottom-color: silver;
}*/

/*td.levelThree {
position: relative;
right: -100%;
text-align: left;
top: 12px;
}*/

p#copyright {
margin-bottom: 6px;
text-align: center;
}

h3.clubpg {
text-align: center;
}
/*  mine above ---------------------------------------------------*/
