body, html {
 padding : 0px;
 margin : 0px;
 height : 100%;
 background-color:#111144;
 color: #DDDDDD;
} 

#welcome {
 background-color:#999;
 width:150px;
 height:90%;
 float:left;
}

#main {
 position:absolute;
 left: 170px;
 top: 110px;
}

#navtop-wrapper {
width:150px;
margin:0 auto;
padding:15px 0;
background:#0482FC;
position: absolute;
left: 150px;
top: 0px;
height: 100px;
width: 1400px;
}

ul#navtop {
 font-family: Verdana;
 font-size:14px;
 list-style:none;
 margin:0 auto;
 padding:15px;
 overflow: auto;
}

ul#navtop li {
display:inline;
}

ul#navtop li a {
text-decoration:none;
display: block;
padding:5px 21px;
background:#0033FF; 
color:#eee;
float:left;
text-align:center;
border-top:2px solid #0066FF;
border-right:2px solid #0000CC;
border-bottom:2px solid #0000CC;
border-left:2px solid #0066FF;
}

ul#navtop li a:hover {
background:#0099FF;
color:#000;
border-top:2px solid #0066FF;
border-right:2px solid #00CCFF;
border-bottom:2px solid #00CCFF;
border-left:2px solid #0066FF;
}

#navleft-wrapper {
width:150px;
margin:0 auto;
padding:20px 15px;
background:#0482FC;
position: absolute;
left: 0px;
top: 100px;
height: 600px;
width: 150px;
}

ul2#navleft {
 font-family: Verdana;
 font-size:14px;
 list-style:none;
 margin:0 auto;
 padding:15px;
 overflow: auto;
}

ul2#navleft li {
display:inline;
}

ul2#navleft li a {
text-decoration:none;
display: block;
padding:5px 21px;
background:#0033FF; 
color:#eee;
float:left;
text-align:center;
border-top:2px solid #0066FF;
border-right:2px solid #0000CC;
border-bottom:2px solid #0000CC;
border-left:2px solid #0066FF;
}

ul2#navleft li a:hover {
background:#0099FF;
color:#000;
border-top:2px solid #0066FF;
border-right:2px solid #00CCFF;
border-bottom:2px solid #00CCFF;
border-left:2px solid #0066FF;
}