html, body {
        background: #22c;
        color: #111;
        margin: 0;
        padding: 0;
        }
body {
        text-align: center; /* IE quirks auto margins workaround */
        font: 80%/160% 'bitstream vera sans', 'lucida grande', verdana, sans-serif;
        font-size: medium;
        padding: 5px;
        }
html>body { font-size: 12px; } /* for modern browsers that can resize px */

#wrap {
        width: 800px;
        margin: 10px auto; /* auto centers the div */
        padding: 10px;
        text-align: left; /* after centering #wrap above for IE we return to normal alignment */
        border: 1px solid #888;
        overflow: hidden;
        background-color: #eee;
        }

#header {
        height: 150px;
        width: 800px;
        overflow: hidden;
        background: transparent url(logo4.gif) no-repeat;
        }

#maincontent {
        width: 595px;
        margin: 10px 0 10px 10px;
        float: left;
        text-align: left;
        }

#insidecontent p a:link, p a:active, p a:visited{ 
        text-decoration: none;
        }

#sidebar {
        width: 180px;
        float: right;
        text-align: left;
        margin-top: 30px;
        }

p.summary {
        padding-left: 20px;
        }

#mainmenu {
        background-color: #ccf;
        }

#subjectmenu {
        background-color: #ccf;
        }

#links {
        background-color: #ccf;
        }

.evenrow { background-color: #eee; }
.oddrow { background-color: #ccf; }

input.menuitem{
                color:#111;
                background-color:#aaf;
                width: 180px;
                font-family:'trebuchet ms',helvetica,sans-serif;
                font-size:84%;
                font-weight:bold;
                border:1px solid;
                border-top-color:#fff;
                border-left-color:#fff;
                border-right-color:#444;
                border-bottom-color:#444;
                }
 input.menuitemhov{
                color:#000;
                background-color:#eee;
                }
/*      Header image and link    */

#header h1 {
        font-size: 3em;
        line-height: 1em;
        text-align: center;
        margin: 10px;
        padding: 10px;
        color: #ddf;
        }

#header h1 a {
        text-indent: -9999px;
        display: block;
        width: 800px;
        height: 150px;
        }

#footer p {
        bottom: 10px;
        text-align: center;
        font-style: italic;
        font-size: small;
        }

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
        text-decoration: none;
        text-align: right;
        }

#usermessage { background-color: #66f; color: #fff; width: 500px; border: 1px solid #000; float: center; margin: 5px; padding: 5px; text-align: center;}
#alertmsg { background-color: #22d; color: #fff; width: 560px; border: 1px solid #fff; float: center; margin: 5px; padding: 5px; text-align: center;}
#alertmsg a { color: #f44; }

/*      General styling         */

h2 {
        font: normal 2em/120%;
        margin-bottom: .2em;
        color: #222;
        }

h3 {
        font: bold 1.5em/120%;
        margin-bottom: 0em;
        }

h4 {
        font-size: 1.1em;
        }

h5 {
        font-size: 1em;
        }

address {
        font-style: italic;
        }

blockquote {
        margin: 0;
        padding: 1px 0 1px 20px;
        }
blockquote p {
        margin: .7em 0;
        }

#bottomnav {
        text-decoration: none;
        padding-top: 5px;
        }

#subpages {
        width: 260px;
        float: left;
        margin-left: 10px;
        }

#subpages a {
       padding: 4px;
       margin: 2px;
}

#peerpages {
       width: 260px;
       float: right;
       margin-right: 10px;
       }
#peerpages a { 
       padding: 4px;
       margin: 2px;
       }

input.search{
       width: 180px;
}