body {color:000; background-color: #FFF}
body, p {font: 11px/14px verdana, geneva, arial, helvetica, sans-serif}

h1 {font: 24px "trebuchet ms", verdana, arial, helvetica, geneva, sans-serif}
h2 {font: 20px "trebuchet ms", verdana, arial, helvetica, geneva, sans-serif}
h3 {font: 18px "trebuchet ms", verdana, arial, helvetica, geneva, sans-serif}
h4 {font: 18px "trebuchet ms", verdana, arial, helvetica, geneva, sans-serif}
h5 {font: 18px "trebuchet ms", verdana, arial, helvetica, geneva, sans-serif}
h6 {font: 18px "trebuchet ms", verdana, arial, helvetica, geneva, sans-serif}

#navcontainer
{background: #FFFFFFF;margin: 0 auto;padding: 1em 0 0 0;font-family: georgia, serif;
text-transform: lowercase;}

/* to stretch the container div to contain floated list */
#navcontainer:after
{content: ".";display: block;line-height: 1px;font-size: 1px;clear: both;}

ul#navlist
{list-style: none;padding: 0;margin: 0 auto;width: 100%;font-size: 1.2em;}

ul#navlist li
{display: block;float: left;width: 23%;margin: 0;padding: 0;}

ul#navlist li a
{display: block;width: 100%;padding: 0.5em;border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;border-style: solid;color: #33CCFF;
text-decoration: none;background: #0000FF;}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{background: #0000FF;color: #33CCFF;}

ul#navlist li a:hover, ul#navlist li#active a:hover
{color: #33CCFF;background: transparent;border-color: #aaab9c #fff #fff #ccc;}






div#main {width: 100%; float:right}





div#footer 	{border-color: gray; border-width: 2px 0px 0px 0px;
		border-style: solid; color: gray; padding: 6px 0px 10px 0px;
		display: block; float: none; clear: both;
		margin: 20px 0px 0px 0px}

li {margin-bottom: 10px}