html {
height: 100%;
}


body {
height: 100%;
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 150%;
font-size: 11px; 
color: #333333;
background-color: #cccccc;
background-image: url('../images/back_11_2.jpg');
background-position: top left;
background-repeat: repeat-x;
}

h1 {
height: 100%;
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 120%;
font-size: 22px; 
color: #ffffff;
}

h2 {
height: 100%;
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 150%;
font-size: 12px; 
color: #ffffff;
}

h3 {
height: 100%;
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 150%;
font-size: 9px; 
color: #ffffff;
}

h4 {
height: 100%;
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 150%;
font-size: 11px; 
color: #ffffff;
}

h5 {
height: 100%;
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 100%;
font-size: 50px; 
color: #F0000;
}

#topwrap {
height: 100%;
width: 100%;
margin: 0px;
padding: 0px;
background-image: url('../images/back15.png');
background-position: center top;
background-repeat: no-repeat;

}

#wrapper {
width: 900px;
margin: 0px auto;
}
#header {
width: 900px;
height: 160px;
background-color: #000000;
}

#navbar {
z-index: 100;
width: 900px;
height: 30px;
}

#content {
width: 900px;
padding: 0px 0px 0px 0px;
}
#footer {
width: 900px;
text-align: center;
padding: 20px 0px;
}

/* drop nav definitions */
#nav, #nav ul { /* all lists */
z-index: 100;
padding: 0px;
margin: 0px auto;
list-style: none;
line-height: 30px;
width: 900px;
text-align: center;
}

#nav a {
z-index: 100;
display: block;
width: 150px;
height: 30px;
line-height: 30px;
text-decoration: none;
color: #ffffff;
}

#nav li ul li a {
z-index: 100;
width: 140px;
padding-left: 10px;
text-indent: 0px;
text-align: left;
}

#nav li ul li a:hover {
z-index: 100;
background-color: #ffffff;
color: #333333;
}

#nav li { /* all list items */
z-index: 100;
float: left;
width: 150px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
z-index: 100;
position: absolute;
background: #6699CC;
width: 150px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li {
z-index: 100;
height: 30px;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
z-index: 100;
left: auto;
}