body {
    font: 12px/1.2 Verdana, Arial, Helvetica, sans-serif;
    background:#ddd;
    margin:0px;
}

a, a:visited {
    text-decoration:none;
    font-weight:bold;
    color:#090;
}
a:hover {
    color:#0f0;
}

/* all layout stuff stolen from http://glish.com/css/ */
#content {
    margin-right:10%;
    margin-left:10%;
    margin-top:5%;
    padding-bottom:10px;
    padding-left:10px;
    background:#fff;
    border:1px solid #000;
    text-align:left;
    min-width:500px;
}

#menufooter  {
    margin-bottom:20px;
}

#menusitelinks {
    font-size:12px;
}

.menus {
    border-left:1px solid #000; 
    border-bottom:1px solid #000;
    border-top:1px solid #000;
    border-right:10px solid #000;
    background:#fff;
    color:#000;
    padding:10px;
    margin-bottom:10px;
    text-align:left;
    font-size:10px;
}

#menu {
    width:240px;
    padding:0px;
    margin-left:20px;
    margin-right:-3px;
    float:right;
    /* IE5x hack:  Read more at http://www.glish.com/css/hacks.asp */
    voice-family: "\"}\"";
    voice-family: inherit;
}

html>body #menu {
    margin-right:-6px;
}

p,h1,h2 {
    margin-top:0px;
    margin-bottom:10px;padding:0px 20px 0px 20px;
}

h2 {
    font-size:16px;
    padding-top:0px;
    margin-bottom:0px;
}

#title h1 {
    font-size:18px;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    border-right:10px solid #000;
    border-left:10px solid #000;
    margin-top:10px;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
}

#title {
    padding:0px;
    margin-right:-6px;
    margin-left:-6px;
    width:100%; /* I have to specify a width for IE5 PC, or else it ignores the
    top-margin of the H1 element therein. But 100% is different in browsers
    without IE5x PC's broken box model, so I have to use the CSS2 selector
    trick to set the width to auto for those browsers */
    voice-family: "\"}\"";
    voice-family: inherit;
    width:auto;
    }

html>body #title {
    width:auto;
}