html, body {background: #999999; margin: 0 0 0 0; padding: 0; font-size: 0.9em; font-family: Trebuchet MS; font-color: #333333;} 

:link { color: rgb(0, 0, 153) }  /* for unvisited links */
  :visited { color: rgb(153, 0, 153) } /* for visited links */
  a:active { color: rgb(255, 0, 102) } /* when link is clicked */
  a:hover { color: rgb(0, 96, 255) } /* when mouse is over link */


#leftad
{
width: 160px;
position: absolute;
left: 10px;
top: 10px;
}

#rightad
{
width: 300px;
position: absolute;
left: 952px;
top: 10px;
}


#layout {background: #ffffff; width: 59em; position: absolute; left: 180px; top: 10px;}

#header {background: url(header.jpg); background-repeat: no-repeat; height: 9em;}
#header #logo {font-size: 3em; color: #ffffff; padding: 2em 0 0 1.5em;}
#header #logo1 {font-size: 1.2em; font-weight: bold; color: #CC0066; padding: 3em 0 0 5em;}

#main {float: right; width: 44em; border-left: 1px solid #B9DBC9; margin-top: 4em;}
#main p {text-align: justify; padding: 0 3em 0 3em;}
#main h1 {font: 1.2em Trebuchet MS; padding: 0 0 0 2.5em; font-weight: bold; color: #333333;}
#main h2 {padding: 1em 0 0 2.6em; font: 1.1em Trebuchet MS; font-weight: bold; color: #333333;}
#main h3 {padding: 1em 0 0 3em; font: 1em Trebuchet MS; font-weight: bold; color: #333333;}

#menu {float: left; width: 10em; margin: 0; padding: 3em 0 0 1em; list-style-type: none;}
#menu ul {margin: 0; padding: 0;}
#menu li.sub {font-weight: bold; background: url(pil.gif); background-repeat: no-repeat; background-position: 12px 14px; padding-left: 15px;}
#menu li.subsub {background: url(pil.gif); background-repeat: no-repeat; background-position: 25px 14px; padding-left: 30px;}
#menu li a {display: block; text-decoration: none; height: 1em; padding: 0.5em;}
#menu li a:hover {text-decoration: underline;}

ul.list {margin-right: 3em;}
ul.list li {padding-bottom: 1em;}

#footer {clear: both; text-align: center; padding-top: 2em;}