/* CSS Document */

html, body, #wrapper {
min-height: 100%; /*Sets the min height to the height of the viewport.*/
width: 100%;
height: 100%; /*Effectively, this is min height for IE5+/Win, since IE wrongly expands
an element to enclose its content. This mis-behavior screws up modern browsers*/
}

html>body, html>body #wrapper {
height: auto; /*this undoes the IE hack, hiding it from IE using the child selector*/
}

body {
margin: 0; 
font-family:Tahoma;
font-size:14px;
color:#993366;
background-image:url(bg3.jpg);
background-repeat:repeat-y
}

#wrapper {
position: absolute;
top: 0;
left: 0;
}

#footer {
position: absolute;
bottom: 0;
height:125px;
background-image:url(footer-bg.jpg);
background-repeat:no-repeat;
width: 100%;
text-align: center;
}

#main {
margin-bottom: 3em; /*Modify value as needed for footer height.*/
height: auto;
}

h1, h2, h3, h4, h5, h6 {
font-size:18px;
color:#003399;
padding: 0;
margin: 0;
}

div.logo {position:absolute;
top:0px;
left:0px;
}

div.topnav {
position:absolute;
top:115px;
left:198px;
height:33px;
width: 767px;
}

div.nav {
position:absolute;
top:173px;
left:0px;
width:224px;
height:290px;
background-image: url(nav-bg.jpg);
background-repeat:no-repeat
}

div.content {
text-align:left;
position:absolute;
top:195px;
left:246px;
width:700px;
float:left;
border: 2px; 
border-color: #999999;
}