body {
width:98%;
font-family: sans-serif;
text-align:center;
}

.container
{
width: 750px;
margin: 0 auto;
background-color: #fff;
color: #333;
border: 1px solid gray;
line-height: 140%;
text-align:left;
}

#bannerBody {
background-image:url(/ui/background07.jpg);
background-repeat: repeat-x;
}

#banner
{
padding: .5em;
background-color: gold;
border-bottom: 1px solid gray;
margin: 0 auto;
}

#banner img
{
display:inline;
}

#banner h1
{
display:inline;
vertical-align:top;
padding: 0;
color:saddlebrown;
border:0px solid red;
}

#menuBar
{
clear: both;
}

#leftNav
{
float: left;
width:180px;
margin: 5px;
padding: 5px;
background-color: #f8f8f8;
}

#rightNav
{
float: right;
width: 120px;
margin: 5px;
padding: 5px;
background-color: #f8f8f8;
}

h2 {
color:saddlebrown;
margin-top:20px;
}

#contentCenter
{
border:1px solid goldenRod;
border-left: 1px solid goldenRod;
border-right: 1px solid goldenRod;
margin-left: 200px;
margin-right: 140px; 
padding: 1em;
background-color: #fffff7;
/*max-width: 36em;*/
}

#contentOnly
{
border:1px solid goldenRod;
border-left: 1px solid goldenRod;
border-right: 1px solid goldenRod;
padding: 1em;
background-color: #fffff7;
/*max-width: 36em;*/
}

#contentRight
{
border:1px solid gray;
border-left: 1px solid gray;
border-right: 1px solid gray;
margin-left: 200px;
xmargin-right: 140px;
padding: 1em;
background-color: #fffff7;
/*max-width: 36em;*/
}

#topMenu
{
font-size:0.9em;
clear: both;
margin: 0;
padding: 1px;
color: #333;
background-color: gold;
border-top: 1px solid goldenRod;
}

#topMenu ul
{
padding: 0px 3px;
margin: 0;
text-decoration: none;
}

#topMenu li 
{
display: inline;
padding: 0px 3px;
margin: 0;
text-decoration: none;
font-weight:none;
border-right: 2px solid goldenRod;
}


#topMenu a
{
padding: 0px 3px;
margin: 0;
text-decoration: none;
}

#topMenu a:link
{
color: saddlebrown;
text-decoration: none;
}

#topMenu a:visited 
{
color: saddlebrown;
}

#topMenu a:hover 
{
color: #fffff7;
text-decoration: underline;
}

#topMenu a:active 
{
color: saddlebrown;
}


<!--#leftnav p, #rightnav p { margin: 0 0 1em 0; } -->

<!-- #content h2 { margin: 0 0 .5em 0; } -->

#copyright p
{
font-size:.7em;
color: goldenRod;
text-align:center;
margin:10px
}

.imgBoxRight 
{
float:right;
margin:5px;
padding:2px;
border:3px groove #aaf;
}

.imgBoxLeft
{
float:left;
margin:5px;
padding:2px;
border:3px groove #aaf;
}

.box
{
margin:10px;
border: 2px solid gold;
padding:5px;
}

.box2
{
margin:10px;
border-top: 1px solid goldenrod;
border-left: 1px solid goldenrod;
border-right: 2px solid darkgoldenrod;
border-bottom: 2px solid darkgoldenrod;
padding:5px;	
}

.centered
{
text-align:center;
margin:auto;
}

.indented 
{
margin:5 50;
}

.indentedMedium 
{
margin:5 100;
}

.indentedLarge 
{
margin:5 150;
}

.fillTitle 
{
color:saddlebrown;
text-align:center;
font-weight:bold;
/*font-size:1.2em;*/
padding:4px;
margin:5 10;
background-color: gold;
}

.fillHeading 
{
color:#ffd;
text-align:center;
font-weight:bold;
/*font-size:1.2em;*/
padding:4px;
margin:5 10;
background-color: goldenrod;
}

.navLink h3  
{
padding:2px;
font-size:1.0em;
text-align:center;
color: goldenrod;
}

.navBox 
{
border: 2px solid gold;
margin:5px 1px;
padding:2px;
font-size:0.8em;
text-align:center;
}

.navBox h1
{
color:#000;
text-align:center;
font-weight:bold;
font-size:1.2em;
padding:2px;
margin-top:0px;
background-color: gold;
}

.navBox h2
{
color:#ffd;
text-align:center;
font-size:1.0em;
font-weight:bold;
background-color: darkgoldenRod;
margin:5px;
}

.navBox ul
{
list-style: none;
margin:0;
border:0px solid red; 
}

.navBox li 
{
list-style: none;
margin:0;
border:0px solid red; 
}

.navBox p
{
margin:0;
border:0px solid red; 
font-size:0.9em;
font-weight:normal;
line-height:110%;
}


.navBox a:link
{
color:#000;
text-decoration: none;
}

.navBox a:visited 
{
color:#000;
text-decoration: none;
}

.navBox a:hover 
{
color: saddlebrown;
text-decoration: none;
}

.navBox a:active 
{
color: saddlebrown;
}

.noteBox
{
background-color:#ffd;
padding:10px;
border:1px solid saddlebrown;
font-size:0.8em;
font-weight:bold;
line-height:120%;
}

.errBox
{
background-color:#fdd;
padding:10px;
border:1px solid #f66;
font-size:0.8em;
font-weight:bold;
line-height:120%;
}

/*
xa:link, :visited, :active
{
color: saddlebrown;
font-weight:bold;
text-decoration: none;
}

xa:hover
{
color: darkgoldenrod;
text-decoration: underline;
}
*/

hr 
{
width:90%;
}


.highlight 
{
color: saddlebrown;
font-weight:bold;
}

a.pageNav
{
font-size:0.8em;
color:#77f;
}

a.navLink:link
{
color: saddlebrown;
text-decoration: none;
}

a.navLink:visited 
{
color: saddlebrown;
}

a.navLink:hover 
{
color: darkgoldenrod;
text-decoration: underline;
}

a.navLink:active 
{
color: saddlebrown;
}
table 
{
border:none;
padding:2px;
}

td 
{
vertical-align:top; 
padding:10px;
}