html {height: 100.02%}

body {font: small/1.5 "trebuchet ms", verdana, arial, sans-serif;margin: 0;padding: 0;border: 0;background: #fff;color:#036;border-top: 10px solid #F7F7AF;border-bottom: 5px solid #F7F7AF}

h1{font: bold 220% georgia, serif;padding:0;margin:0}
h2{font: 210% georgia, serif;padding:0;margin:0}

p {margin: 5px 10px;}

a {text-decoration: none; color: #61780c; font-weight: bold;}

a:hover {text-decoration: none; background: #0A2972; color: #fff;}

#content dd a {font-size: 140%}

div#top {width: 770px; margin: 20px auto 20px;background: #fff url(../i/logo.gif) top right no-repeat; padding: 20px 0 0}

div#midtop {height: 2em;width: 600px;padding:0.5em 0 1em 0;text-align:left}
div#midtop h1 {padding-bottom: 21px}

div#wrapper {width: 770px; margin: 0 auto;}

div#nav {float: right; width: 250px; margin-left: 10px; background: #fff url(../i/mic.jpg) top right no-repeat; padding-top: 250px}

div#content {float:left;width:509px;background:#fff url(../i/lg_1a.jpg) top left no-repeat;border-right:1px solid #ccc;margin-top:0.25em}

#footer {clear: both;font-size: 80%;min-height: 65px;border-top: 1px solid #bebebf;background: #fff url(../i/lg_smg.gif) top right no-repeat;}

#nav ul {list-style: none; padding: 0; margin: 0}

#nav li {margin: 0; padding: 3px;}

#nav a {font-size:110%;display: block;margin: 0 1px 0 0;padding: 3px 10px;color: #61780c;border: 1px solid #ccc;text-decoration: none;background: #FDFCE7;}

#nav a:hover {border: 1px solid #036;text-decoration: none;background:#036;color:#fff}

#content .gutter {padding: 0 10px 0 0;}
#nav .gutter {padding: 5px;}
#footer .gutter {padding: 5px 10px 0 0;}

img {display: block; margin-left: auto; margin-right: auto;} /* centres images */

#content dl {background: url(../i/bg_ltor.jpg) top left repeat-y;float: left;margin:12px 4px;padding: 5px;display: inline; /* for IE */}

#content dl.alt {background: url(../i/bg_rtol.jpg) top right repeat-y;}

#content dt {font-size: 120%;float: right;width: 235px;margin: 0;padding: 0;}
#content dd {margin: 0 0 0 245px;}
#content dl dd.img {margin: 5px;}
#content dd.img img {float: left;margin: 0 8px 0 0;padding: 4px;border: 1px solid #660;background: #fff;}

/* force images right */

#content .alt dt {float: left;}
#content .alt dd {margin: 0 245px 0 0;}
#content .alt dd.img img {float: right;margin: 0 0 0 8px;}

/* end force images right */


p.rss {clear:left;margin-top: 5px;padding-top:50px; background: url(../i/feed.png) 0 10px no-repeat;}

dd.credentials {font: 90% "trebuchet ms", verdana, arial, sans-serif; padding: 30px  0 10px}