body {
  background: white;
  margin-top: 0.2em;
  margin-left: 0.5em;
}


#container
{
	margin: 0 auto;
	width: auto;
	background: #fff;
         font-size: 12px;
         font-family:  verdana, arial, sans-serif ;
}

#header
{
	background: #0000a0;
	padding: 3em 0em 3em 0em;
}

#header h1 { margin: 0em 0em 0em 0em; font-size: 20pt; text-align: center; color: #ffffff;
}



#aside
{
         float: left;
	width: 18%;
         height: 750px;
	padding: 0em;
	margin-top: 0.5em;
	background: #0000a0;
         border: 0px solid #000;
}

#aside h3 { margin: 0; }


#content
{
         float: left;
         width: 76%;
         height: auto;
         padding-top: 1em;
         margin: 1em 1em 1em 3em;
         line-height: 1.3em;
         background: #fff;
         border: 0px solid #000;
         font-size: 13px;
         font-family:  verdana, arial, sans-serif ;
}

#content h2, h3, h4, h5, h6 { margin bottom: 0em 0em 0em 0em; color: #000082; }

#footer
{
	width: auto;
         height: 1%;
	clear: left;
	text-align: center;
	padding: 5px;
         margin-top: 0.5em;
         background: #0000a0;
         border: 0px solid #000;
         font-size: 11px;
         font-family:  verdana, arial, sans-serif ;
         color: #0000a0
}

#footer a { color: #fff; background: #0000a0; text-decoration: underline; }

 #menu {	text-align: left; width: 100%; background: #0000a0; }

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

    #menu a, #menu h2 {
      font: 13px/16px arial, helvetica, sans-serif;
      display: block;
      border: 0em 0em 0.1em 0.1em; border-style: solid; border-color: #0000a0 #0000a0
    #0000a0 #0000a0;
      margin: 0; padding: 2px 2px; }

    #menu h2 { color: #FFFF04; background: #0000a0; text-transform: none;
    font: 14px/16px arial, helvetica, sans-serif;
    }

    #menu a { color: #fff; background: #0000a0; text-decoration: underline; }

    #menu a:hover { color: #fff; background: #0000a0;  text-decoration: underline;}

 #menu li { position: relative; }

    #menu ul ul ul {position: absolute; top: 0; left: 100%; width: 100%; }

    div#menu ul ul ul, div#menu ul ul li:hover ul ul {display: none;}

    div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;}


<!--[if IE]>
    <style type="text/css" media="screen">
    #menu ul li {float: left; width: 100%;}
    </style>
    <![endif]-->

    <!--[if lt IE 7]>
    <style type="text/css" media="screen">
    body {behavior: url(csshover.htc); font-size: 100%;}
    #menu ul li a {height: 1%;}
    }
    </style>
    <![endif]-->