@charset "UTF-8";

/* CSS Document */

#jsddm li ul li {
    display:block;
    float:none;
}
#jsddm li ul {
    z-index:999;
}
#jsddm li ul li a:hover {
background:#69B345 url(../images/jsddm-bg.gif) no-repeat scroll center bottom;
}
li.sub-item-1 a {
top: 39px;
}
li.sub-item-2 a {
top:69px;
}
li.sub-item-3 a {
top:101px;
}
li.sub-item-4 a {
top:133px;
}

#jsddm li ul li a {
    -x-system-font:none;
    background:#74C64C url(../images/jsddm-bg.gif) no-repeat scroll center bottom;
    color:#FFFFFF;
    float:left;
    font-family:"Helvetica Neue",Helvetica,sans-serif;
    font-size:14px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    height:32px;
    line-height:32px;
    padding-left:12px;
    text-indent:0;
    width:250px;
}


#navbar {
    background-image: url(../images/navbar-bg.png);
    height: 39px;
    width: 100%;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #C0DCA3;
    background-repeat: repeat-x;
    overflow:visible;

}
#menu {
    height: 39px;
    width: 771px;
    background-image: url(../images/navbar.png);
    margin: 0 auto;
    padding: 0px;
    position: relative;
}

#menu ul { margin:0; padding:0; }
#menu li{
    float: left;
    text-decoration: none;
    list-style-image: none;
    list-style-type: none;
    margin:0;
    padding:0;
}
#menu li a {
    display: block;
    position: absolute;
    list-style-type: none;
    list-style-image: none;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    height: 39px;
    background-image: url(../images/navbar.png);
    text-decoration: none;
    text-indent: -9999px;
    border: none;
}

li.page-item-1 a {
    width: 61px;
    background-position: 0px 0px;
    left: 0px;
}
li.page-item-2 a {
    width: 93px;
    background-position: -63px 0px;
    left: 63px;
}
li.page-item-3 a {
    width: 105px;
    background-position: -158px 0px;
    left: 158px;
}
li.page-item-4 a {
    width: 121px;
    background-position: -265px 0px;
    left: 265px;
}
li.page-item-5 a {
    width: 117px;
    background-position: -388px 0px;
    left: 388px;
}
li.page-item-6 a {
    width: 177px;
    background-position: -507px 0px;
    left: 507px;
}
li.page-item-7 a {
    width: 89px;
    background-position: -686px 0px;
    left: 686px;
}
li.page-item-1 a:hover, #pg-home li.page-item-1 a {
    background-position: 0px -39px;
}
li.page-item-2 a:hover, #pg-about li.page-item-2 a  {
    background-position: -63px -39px;
}
li.page-item-3 a:hover, #pg-step li.page-item-3 a, #pg-prog li.page-item-3 a, #pg-pb_ath li.page-item-3 a  {
    background-position: -158px -39px;
}
li.page-item-4 a:hover, #pg-pod li.page-item-4 a  {
    background-position: -265px -39px;
}
li.page-item-5 a:hover, #pg-calc li.page-item-5 a  {
    background-position: -388px -39px;
}
li.page-item-6 a:hover, #pg-test li.page-item-6 a  {
    background-position: -507px -39px;
}
li.page-item-7 a:hover, #pg-contact li.page-item-7 a  {
    background-position: -686px -39px;
}

#sidenav {
    font-size: 1.8em;
    text-transform: uppercase;
}
#sidenav ul{
    list-style-type: none;
    list-style-position: outside;
}
#sidenav li{
    margin-bottom: 0.9em;
    font-size: 18px;
    letter-spacing: 1px;
    margin-left: 0px;
}
#sidenav li a{
}
#sidenav li a:hover{
    text-decoration: none;
}
ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    position:relative;
    background-image: url(../images/nav/3-Step-Nav-flat.png);
    background-repeat: no-repeat;
    background-position: 0px -104px;
    height: 52px;
    width: 710px;
}
ul.navigation li{
    float: left;
    text-decoration: none;
    list-style-image: none;
    list-style-type: none;
    margin: 0px;
}
ul.navigation li a{
    position:absolute;
    display: block;
    background-image: url(../images/nav/3-Step-Nav-flat.png);
    text-indent:-9999px;
}

li.nav-1 a {
    left: 25px;
    top: 0px;
    width: 220px;
    padding: 0;
    height: 52px;
    background-position: -25px -104px;
}

li.nav-1 a:hover { background-position: -25px -52px; }
li.nav-1 a.selected { background-position: -25px 0px; }
li.nav-1 a:focus {
    outline: none;
}
li.nav-2 a {
    left: 245px;
    top: 0px;
    width: 220px;
    padding: 0;
    height: 52px;
    background-position: -245px -104px;
}
li.nav-2 a:hover { background-position: -245px -52px; }
li.nav-2 a.selected { background-position: -245px 0px }
li.nav-2 a:focus {
    outline: none;
}
li.nav-3 a {
    left: 465px;
    top: 0px;
    width: 220px;
    padding: 0;
    height: 52px;
    background-position: -465px -104px;
}
li.nav-3 a:hover { background-position: -465px -52px; }
li.nav-3 a.selected { background-position: -465px 0px }
li.nav-3 a:focus {
    outline: none;
}/*

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
}

ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}*/

/*#jsddm #a-home {
    background: url('../images/a-home.png') no-repeat;
    width: 61px;
    height: 39px;
    margin: 0px;
    padding: 0px;

}
#jsddm #a-home:hover {
    background: url('../images/a-home2.png') no-repeat;
}

#jsddm #a-aboutus {
    background: url('../images/a-aboutus.png') no-repeat;
    width: 95px;
    height: 39px;
    margin: 0px;
    padding: 0px;
}
#jsddm #a-aboutus:hover {
    background: url('../images/a-aboutus2.png') no-repeat;
}

#jsddm #a-programs {
    background: url('../images/a-programs.png') no-repeat;
    width: 107px;
    height: 39px;
    margin: 0px;
    padding: 0px;
}
#jsddm #a-programs:hover {
    background: url('../images/a-programs2.png') no-repeat;
}

#jsddm #a-thebod {
    background: url('../images/a-thebod.png') no-repeat;
    width: 123px;
    height: 39px;
    margin: 0px;
    padding: 0px;
}
#jsddm #a-thebod:hover {
    background: url('../images/a-thebod2.png') no-repeat;
}

#jsddm #a-client {
    background: url('../images/a-client.png') no-repeat;
    width: 179px;
    height: 39px;
    margin: 0px;
    padding: 0px;
}
#jsddm #a-client:hover {
    background: url('../images/a-client2.png') no-repeat;
}

#jsddm #a-contact {
    background: url('../images/a-contact.png') no-repeat;
    width: 91px;
    height: 39px;
    margin: 0px;
    padding: 0px;
}
#jsddm #a-contact:hover {
    background: url('../images/a-contact2.png') no-repeat;
}*/