* {
 margin: 0;
 padding: 0;
 margin-left: auto;/****  This and the next line centers the page in the browser  ****/
 margin-right: auto;
}

/****  This is the main font style for body and nav  ****/
/****  was:  background: #000 url('/img/background.jpg') repeat top left;  ****/
body {
 font-size: 10px;
 font-family: Arial, Verdana, Tacoma, Comic Sans MS;
}


/****   width = width of header area  ****/
#header  { 
width: 850px; 
height: 100%;
}

/****   nav menu  ****/
#menu {
 padding-top: 0px;
 margin-left: 0px;
 width: 140px;
 float: left;
}

/****   break - this is the vertical double line to the right of the nav area  ****/
#break {
 padding-top: 0px;
 margin-left: 0px;
 border-left-style: dashed;
 border-left-width: thin;
 border-left-color: gold;
 padding-left: 2px;
 color:#FFF
}

/****   width = width of large area  ****/
#wrapper  { 
width: 100%; 
height: 100%;
padding-top: 0px;
padding-left: 0px;      /****   this moves the whole page left or right  ****/
}

#content {
 margin-left: 5px;     /****   how far from left is text under menu  ****/
 padding-top: 0px;
 margin-bottom:	2px;
}

#footer {
 margin-top: 10px;
 height: 90px;
 top: 10px;
}

#content1 {
 margin-left: 85px;
 _padding: 0;
}

* .boxed-table {           /****   I use this to achieve a box around main table, but turn off the border in the table tag which leaves the cells borderless  ****/
  border: 1px solid gold;
}