body
{
background-color: #ffbb00;
color: #0d0dcc;
}

/*These entries position and describe the main structural elements*/

#content
{
border-style: none;
position: absolute;
margin-top: 7em;
margin-left: 7em;
width: 41em;
background-color: #ffDD00;
}

#navbar
{
border-style: none;
position: absolute;
margin-top: 7em;
margin-left: 0;
width: 7em;
height: auto;
background-color: #ffbb00;
}

#logoframe
{
border-style: none;
position: absolute;
margin-top: 0;
margin-left: 0;
height: 7em;
width: 7em;
background-color: #444444;
}

#logoframe a:link, #logoframe a:visited, 
#logoframe a:hover, #logoframe a:active
{
color: #ffffff;
font-size: 0.75em;
}

#banner
{
border-style: none;
position: absolute;
margin-top: 0;
margin-left: 7em;
height: 7em;
width: 41em;
background-color: #ff9900;
}

div.header
{
position: relative;
font-size: 2.5em;
margin-left: 1em;
margin-top: 1em;
}

#footer
{
border-style: none;
background-color: #ffcc00;
}

/*These entries control the appearance of images*/

img.logo
{
border-style: none;
position: relative;
margin-top: 1em;
margin-left: 0.25em;
height: 4.5em;
width: 6.5em;
}

img.imvalid
{
border-style: none;
width: 6em;
height: 2em;
}

img.imhit
{
border-style: none;
width: 3em;
height: 1em;
}

/*This entry suppresses content not needed on computer screens*/

.skip
{
display: none;
}

/*These entries control the appearance of content elements*/

p
{
margin-left: 1em;
margin-right: 1em;
text-align: center;
}

ul
{
margin-top: 0.5em;
}

ul.secnav
{
font-size: 0.75em;
}

.table
{
margin-left: auto;
margin-right: auto;
}

hr.half
{
width: 50%;
}

hr.fourth
{
width: 25%;
}

h1, h2, h3, h4
{
text-align: center;
}