body {background:#fff; margin:0;font-family:verdana;font-size:small; }

/*html>body #navcontainer { position:fixed; }*/
#navcontainer
{
position:absolute;
top:100px;
left:0;
background: #1b3f95 url(images/risearrow.gif) 0.5em 0 no-repeat;
width:139px;
margin: 0; 
padding: 0 0.4em;
font-family: verdana;
font-size: 13px;
font-weight:bold;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 90%;
padding: 0.5em;
margin:0;
border-width: 1px;
border-style: solid;
text-decoration: none;
border-color: #ccc #ccc #1b3f95 #d3d7dd;
color: #202020;
background: #99a7bf;
}

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

ul#navlist li#active a, ul#navlist li#active a:hover
{
border-color: #ccc #ccc #1b3f95 #ccc;
background: #4f70ae;
color: #ccc;
cursor:default;
}

ul#navlist li a:hover
{
background: transparent;
color: #fff;
border-color:#1b3f95;
/*border-color: #aaab9c #fff #fff #ccc;*/
/*border-color: #aaab9c #202020 #202020 #202020;*/
}

.heading
{
width: 50%;
text-align:center;
padding: 0.1em 0;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #202020;
background: #f7f2ea;
text-transform: uppercase;
margin:auto;
}

ul li {list-style-type:square;}

#header {  width:90%; padding:21px 0 23px 0; margin:0;  height:50px;}
#header h1 {  margin:0; padding:0.5em; width:100%; text-align:center; color:#fff; }
#header h1 span.highlight {color:#CDDFB9; font-size:105%;}
#leftside {position:absolute; background:#1b3f95; padding:0; margin:0;width:100%; }

#content {background:#fff;  padding:0.5em; margin: 0;}
#footer { clear:both; width:100%; font-size:x-small; padding:10px 0 15px 0; margin:0;text-align:center; background:#1b3f95; color:#fff;}
#footer a, #footer a:visited, #footer a:active {color:#fff;}
#footer a:hover { color:#ff0000; }
h1 { font-size:2em; color:#f7f2ea; }
h2 { font-size:1.1em; color:#202020;text-transform: uppercase;}
h3 { font-size: 1.1em; color:#0000ff;}
#content a { color:#0000ff; }
#content a:hover { color:#ff0000;}
#content a:visited {color:#cc0000;}

#logo { background: url(images/rise.gif) 0.4em 0.4em no-repeat; padding:0 0 0 150px; margin: 0; }
#header  { background:transparent url(images/rise_regional.gif) 40% 50% no-repeat; padding:1.9em 0; }
#bothlogos { background-color: #1b3f95; width:139px; padding-top:0.4em; }
#logodiv1 { background:#fff url(images/logo_color_139.gif) 50% 50% no-repeat; padding:3px 0; text-align:center; height:40px; margin-bottom:0.4em; }
#logodiv2 { background: #fff url(images/dwdlogo_official4.jpg) 50% 50% no-repeat; padding:3px 0;text-align:center;height:50px; margin-bottom:0.4em; }
#logodiv3 { background: #fff url(images/shifting_gears_h.jpg) 50% 50% no-repeat; padding:3px 0;text-align:center;height:50px; }

#logodiv1 a {position:absolute;width:139px;height:40px;left:0;}
#logodiv2 a {position:absolute;width:139px;height:50px;left:0;}
#logodiv3 a { position:absolute;width:139px;height:50px;left:0;}


.ctr { text-align: center;}  /*useful to center align content of a div like an image*/