#navcontainer {
	position: relative;
	top: 0px;
	left: 0px;
	background: #063760;
	padding:0px;
	margin: -3px 0 0 0;
	font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: auto;
}

#navcontainer2 {
	position: relative;
	top: 0px;
	left: 0px;
	background: #063760;
	padding:10px 0 0 0;
	margin: -3px 0 0 0;
	font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: auto;
}

#navlist {
        list-style: none outside none;
        margin: 0;
        padding: 20px 0 0 0;
}

@media all {
        #navlist {
                text-align: center
        }
}

#navlist li {
        bottom: 11px;
        display: inline;
        line-height: 1.2em;
        margin: 0;
        padding: 0;
        position: relative;
}

html>body #navlist li {
        background: #000;
        margin: 0 3px 0 0;
        padding: 4px 0px 4px 0;
}

#navlist a, #navlist a:link, #navlist a:visited {
        background: #900;
        border: 1px solid #FFF;
        bottom: 2px;
        color: #FFF;
        cursor: pointer;
        display: inline;
        height: 1em;
        margin: 0;
        padding: 3px 5px 3px 5px;
        position: relative;
        right: 2px;
        text-decoration: none;
}

#navlist a:hover {
        background: #C00;
        bottom: 1px;
        color: #FFF;
        position: relative;
        right: 1px;
}

#navlist a:active {
        background: #999;
        bottom: 0px;
        color: #FFF;
        position: relative;
        right: 0px;
}

#navlist li#active {
        background: #369;
        bottom: 13px;
        display: inline;
        margin: 0 3px 0 0;
        padding: 0;
        position: relative;
}

html>body #navlist li#active {
        background: #000;
        margin: 0 4px 0 4px;
}

#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover {
        background: #369;
        border-bottom: none;
        border-left: 1px solid #9CC;
        border-right: 1px solid #9CC;
        border-top: 1px solid #9CC;
        bottom: 0;
        color: #FFF;
        cursor: text;
        margin: 0;
        padding: 2px 5px 0 5px;
        position: relative;
        right: 0;
}

/* ------ this is the beginning of the navigation on the bottom of the page -------*/


#navlist2 {
        list-style: none outside none;
        margin: 0;
        padding: 20px 0 0 0;
}

@media all {
        #navlist2 {
                text-align: center
        }
}

#navlist2 li {
        bottom: 11px;
        display: inline;
        line-height: 1.2em;
        margin: 0;
        padding: 0;
        position: relative;
}

html>body #navlist2 li {
        margin: 0 0px 0 0;
        padding: 0px 0px 0px 0;
}

#navlist2 a, #navlist2 a:link, #navlist2 a:visited {
        background: #900;
        border: 1px solid #FFF;
        bottom: 2px;
        color: #FFF;
        cursor: pointer;
        display: inline;
        height: 1em;
        margin: 0;
        padding: 3px 5px 3px 5px;
        position: relative;
        right: 2px;
        text-decoration: none;
}

#navlist2 a:hover {
        background: #C00;
        bottom: 1px;
        color: #FFF;
        position: relative;
        right: 1px;
}

#navlist2 a:active {
        background: #999;
        bottom: 0px;
        color: #FFF;
        position: relative;
        right: 0px;
}

#navlist2 li#active {
        background: #369;
        bottom: 13px;
        display: inline;
        margin: 0 3px 0 0;
        padding: 0;
        position: relative;
}

html>body #navlist2 li#active {
        background: #000;
        margin: 0 4px 0 4px;
}

#navlist2 #active a, #navlist2 #active a:link, #navlist2 #active a:visited, #navlist2 #active a:hover {
        background: #369;
        border-bottom: none;
        border-left: 1px solid #9CC;
        border-right: 1px solid #9CC;
        border-top: 1px solid #9CC;
        bottom: 0;
        color: #FFF;
        cursor: text;
        margin: 0;
        padding: 2px 5px 0 5px;
        position: relative;
        right: 0;
}