#nav-bg {
    background: url(../images/nav_bg.gif) top left no-repeat;
    padding: 0 3px;
}

#nav {
    margin: 0;
    padding: 0;
    width: 727px;
}

#nav:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    height: 100%;
}

#nav li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}
#nav a {
    float: left;
    display: block;
    text-decoration: none;
    text-indent: -9999px;
    height: 31px;
    overflow: hidden;
}

#nav a#home {
    background: url(../images/nav_home.gif) no-repeat left top;
    width: 135px;
}
#nav a#about {
    background: url(../images/nav_about.gif) top left no-repeat;
    width: 152px;
}
#nav a#services {
    background: url(../images/nav_services.gif) top left no-repeat;
    width: 150px;
}
#nav a#resources {
    background: url(../images/nav_resources.gif) top left no-repeat;
    width: 145px;
}
#nav a#contact {
    background: url(../images/nav_contact.gif) top left no-repeat;
    width: 145px;
}

#nav a:hover#home, body#home-on a#home {
    background: url(../images/nav_home.gif) bottom left no-repeat;
}
#nav a:hover#about, body#about-on a#about {
    background: url(../images/nav_about.gif) bottom left no-repeat;
}
#nav a:hover#services, body#services-on a#services {
    background: url(../images/nav_services.gif) bottom left no-repeat;
}
#nav a:hover#resources, body#resources-on a#resources {
    background: url(../images/nav_resources.gif) bottom left no-repeat;
}
#nav a:hover#contact, body#contact-on a#contact {
    background: url(../images/nav_contact.gif) bottom left no-repeat;
}
submenu { color: #ffffff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.submenu a { color: #ffffff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
.submenu a:hover { color: #d00602; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
#submenu_off { visibility: visible; position: absolute; top: 60px; left: 0; width: 100%; height: 100px; }
#submenu_container { text-align: center; visibility: visible; position: relative; top: 0; left: 0; width: 727px; height: 1px; }

#submenu1 { background-image: url(../images/subnav_bkg2.gif); background-repeat: no-repeat; background-position: 0 bottom; visibility: hidden; position: absolute; top: 0; left: 17px; width: 700px; height: 25px; padding-top: 5px; padding-left: 8px; }
#submenu1 li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding-top: 0;
	padding-right: 12px;
	padding-bottom: 0;
	padding-left: 12px;
}
#submenu1 ul { text-indent: -1em; list-style: none; margin-left: 0; padding-left: 1em; }

#submenu2 { background-image: url(../images/subnav_bkg2.gif); background-repeat: no-repeat; background-position: 0 bottom; visibility: hidden; position: absolute; top: 0; left: 17px; width: 700px; height: 25px; padding-top: 5px; padding-left: 8px; }
#submenu2 li { list-style-type: none; display: inline; margin: 0; padding: 0 20px; }
#submenu2 ul {list-style: none; margin-left: 0; padding-left: 1em; text-indent: -1em;}

#submenu3 { background-image: url(../images/subnav_bkg2.gif); background-repeat: no-repeat; background-position: 0 bottom; visibility: hidden; position: absolute; top: 0; left: 17px; width: 700px; height: 25px; padding-top: 5px; padding-left: 8px; }
#submenu3 li { list-style-type: none; display: inline; margin: 0; padding: 0 20px; }
#submenu3 ul {list-style: none; margin-left: 0; padding-left: 1em; text-indent: -1em;}

#submenu4 { background-image: url(../images/subnav_bkg2.gif); background-repeat: no-repeat; background-position: 0 bottom; visibility: hidden; position: absolute; top: 0; left: 17px; width: 700px; height: 25px; padding-top: 5px; padding-left: 8px; }
#submenu4 li { list-style-type: none; display: inline; margin: 0; padding: 0 20px; }
#submenu4 ul {list-style: none; margin-left: 0; padding-left: 1em; text-indent: -1em;}

/*********************************
* Subnav
*********************************/

#subnav { width: 244px; margin: 20px 0 30px; }

#subnav li { list-style-type: none; }
#subnav a { display: block; text-decoration: none; text-indent: -9999px; width: 244px; height: 31px; overflow: hidden; }
