/* CSS Document */

#header-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 309px;
background: url("image/header-image.gif") no-repeat;
}

#nonFooter {
position: relative;
text-align: left;
min-height: 100%;
top: 0;
left: 0;
width: 980px;
margin: 0 auto;
padding: 0;
}

#body {
	position: relative;
	text-align: left;
	min-height: 100%;
	top: 0;
	left: 0;
	width: 980px;
	height:auto;
	margin: 0 auto;
	padding: 0;
}
#logo {
  position: relative;
  margin: 0 auto;
  width: 391px;
  height: 193px;
}


html, body {
height: 100%;
width: 100%;
margin: 0;
text-align: center;
padding: 0;
background: url("image/header-bg.gif") repeat-x #202328;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #cdcdcd;
line-height: 1.6em;
}


#title {
  position:relative;
  
}
h1, h2, h3 {
   font-family: Helvetica, Arial, Verdana, sans-serif;
   font-weight: bold;
   letter-spacing: -.05em;
   margin: 0;
   padding: 0;
   line-height: 1em;
}

h1 {
padding: 0 0 10px 0;
margin: 0;
font-size: 1.8em;
color: #FF0000;
}

h4 {
padding: 0 0 10px 0;
margin: 0;
font-size: 1.8em;
color: #abd52d;
}

.style1 {
	color: #FFFF00;
	font-weight: bold;
}
.style2 {color: #FFFF00}

#footer {
position: relative;
clear: both;
margin-top: 0;
bottom:0;
width: 100%;
height: 180px;
background: url("image/footer-bg.gif") repeat-x left top;
}

#footer p {
  margin: 150px auto 0 auto;
  color: #bae730;

}
    /* menu \*/
    #menu {
    width: 100%;    
    line-height:normal;
    height: 40px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
      
      }
    #menu ul {
       float: right; 
        margin: 0;
        padding:0;
        list-style:none;
      }
    #menu li {
      float: left;
      display:inline;
      margin:0;
      padding:0;
      }
    #menu a {
      
      display:block;
      background:url("../images/menu-divider.gif") no-repeat left top;
      padding: 9px 20px 10px 20px;
      color:#FFF;
      text-decoration: none;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menu a span {float:none;}
    /* End IE5-Mac hack */
    #menu a:hover span {

      }
    #menu a:hover {
      background: url("image/menu-hover.gif") no-repeat left top;
      }

        #menu a.current {
          background: url("image/menu-selected.gif") no-repeat left top;
        }

   /* menu \*/