body  {
margin: 0;
font-size: 100.1%;
text-align: center;                  /* IE hack: IE doesn't honor auto margins within container to center the div object */
}                                    /* so "text-align: center" is used since IE misunderstands it and centers everything */

#container { 
width: 880px;                        /* set width of element container */
margin: 0 auto;                      /* set top/bottom margins to 0 and left/right margins to automatic */
background: #FFFFBB;
text-align: left;                    /* reset the alignment from the above IE hack */
}

/* header stuff */
#header { 
height: 86px;
width: 880px;
background: #5987b7;
} 
#hlogo {
float: right;
font-size: 0;                         /* IE hack: stupid IE inserts a line break after an image, a method to */
}                                     /*          suppress that feature is to reduce the font-size to zero   */
 
#htext { 
color: #FFFFFF;
padding: 10px 0px 0px 15px;       /* top right bottom left */
font-size: 1.82em; 
font-family: arial, sans-serif;
font-weight: normal;
} 
#htext1 { 
font-weight: bold;
} 
/* ------------ */

/* sidebar stuff */
#sidebar {
float: left;
width: 160px;
padding: 10px 30px 10px 30px;
margin: 0;
text-align: center;
}

#sidebar a {
text-decoration: none; 
font-family: serif;
font-size: 0.88em;
}

#sidebar a:link, a:visited{
color: #000;
}

* html sidebar a:hover {
color: #3b7687;
}

#sidebar a:hover{
color: #3b7687;
}

/* ------------------ */

#content { 
margin: 0 0 0 220px;
padding: 10px 20px 10px 20px;  /* top right bottom left */
color: #444444;
background: #FFFFDD;
font-family: "New York", arial, sans-serif;
font-size: 0.88em; 
line-height: 1.32em;
text-align: justify;
} 

#content a {
color: #3b7687; 
text-decoration: none;
}

/*
sources:
http://de.html.net/tutorials/css/
http://alvit.de/css-showcase/css-navigation-techniques-showcase.php
*/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {
z-index:1000;    /* layer position in z-direction */
font-size:90%;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type: none;  /* set list style type to use no bullet points */
width: 170px;           /* style: width of the navigation buttons */
}

/* hack for IE5.5 */
* html .menu ul {
margin-left:-16px;
margin-left: 0;
}

/* position relative so that you can position the sub levels */
.menu li {
position:relative;
background:#C7CE9C;    /* background color of the navigation buttons */
height:33px;           /* height of the navigation buttons */
}

/* a Star Plus HTML hack for IE7 */
* + html .menu li {
float: left;
}

/* get rid of the table */
.menu table {
position:absolute; 
border-collapse:collapse;
top:0; 
left:0; 
z-index:100;
font-size:1em;
}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:32px;             /* style: height of the navigation buttons */
line-height:32px;        /* style: height of the navigation buttons */
width:169px;             /* style: width  of the navigation buttons */
text-indent:5px;
border:1px solid #fff;
border-width:0 1px 1px 0;
}

/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {
background:#949e7c;
width:170px;
width:169px;
color: #fff;
}

/* style the link hover */
* html .menu a:hover {
color:#fff; 
background:#949e7c;
}

.menu li a:hover{
background:#949e7c;
color: #fff;
}

.menu a:link, a:visited{
color: #000;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:170px; 
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
}