﻿/* main nav */

div#nav ul, div#nav li {
   margin: 0px;
   padding: 0px;
}


div#nav {
    width: 780px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    font-family: Arial, sans-serif;
    font-size: 62.5%;
}

div#nav ul {
/*    overflow: hidden;
    height: 1%;*/
    padding: 0px;
}

div#nav ul li {
    list-style-type: none;
    float: left;
    border-right: 1px solid #fff;
	border-right-color: #999;
    padding: 3px 0px 3px 0px;
}

div#nav ul li a:link, div#nav ul li a:visited {
	color: #000000;
	text-decoration: none;
	padding: 3px 16px 3px 16px;
	font-weight: bold;
	font-size: 12px;
	background: url('../../images/sidemidlime.jpg') repeat-x left top;
	background-color: #2677D9;
	height: 51px;
	font-family: Arial, Helvetica, sans-serif;
}

div#nav ul li a:active, div#nav ul li a:hover {
    background-color: #839E2E;
}

div#nav ul li a:link.last, div#nav ul li a:visited.last,
div#nav ul li a:active.last, div#nav ul li a:hover.last {
    padding: 3px 18px 3px 18px;
}

/* sub menus */

div#nav #main-nav li:hover .sub-nav, div#nav #main-nav li.over .sub-nav {
    display: block;
}

div#nav .sub-nav {
	background-color: #CCFF99; /*    padding: 10px;
    overflow: hidden;
    height: 1%;*/;
	border: 3px solid #839E2E;
	display: none;
	top: 20px;
	left: 0px;
	z-index: 1000;
}

div#nav .sub-nav ul {
    float: left;
    padding: 10px;
}

div#nav .sub-nav ul li {
    list-style-type: none;
    float: none;
    border-right: 0px;
}

div#nav .sub-nav ul li a:link, div#nav .sub-nav ul li a:visited {
    font-weight: normal;
    font-size: 1.1em;
    background: none;
    text-decoration: none;
    color: #000;
}

div#nav .sub-nav ul li a:active, div#nav .sub-nav ul li a:hover {
    text-decoration: underline;
    color: #242F72
}

div#nav .sub-nav ul li.head {
    padding: 5px 0px 5px 0px;
    margin-bottom: 5px;
}

div#nav .sub-nav ul li a:link.head, div#nav .sub-nav ul li a:visited.head,
div#nav .sub-nav ul li a:active.head, div#nav .sub-nav ul li a:hover.head {
	border: 1px solid #666666;
	background-color: #BFC1C0;
}

/* second sub nav */

div#nav li:hover .second-sub-nav, div#nav li.over .second-sub-nav {
    display: block;
}

div#nav .second-sub-nav {
	/*    overflow: hidden;
    height: 1%;*/
    padding: 0px;
	display: none;
	top: 20px;
	left: 0px;
	z-index: 900;
}

div#nav .second-sub-nav ul li {
    list-style-type: none;
    float: left;
    border-right: 1px solid #fff;
    padding: 3px 0px 3px 0px;
}


div#nav .second-sub-nav ul li a:link, div#nav .second-sub-nav ul li a:visited {
	color: #fff;
	background-color: #003399;
	text-decoration: none;
	padding: 3px 27px 3px 28px;
	font-weight: bold;
	font-size: 12px;
}

div#nav .second-sub-nav ul li a:active, div#nav .second-sub-nav ul li a:hover {
    background-color: #839E2E;
}

/* sub menu two */
div#nav .second-sub-nav li:hover .sub-nav-two, div#nav .second-sub-nav li.over .sub-nav-two {
    display: block;
}

div#nav .second-sub-nav .sub-nav-two {
	background-color: #CCFF99;
/*    overflow: hidden;
    height: 1%;*/
	border: 3px solid #839E2E;
	display: none;
	top: 20px;
	z-index: 800;
}

div#nav .second-sub-nav .sub-nav-two ul {
    float: left;
    padding: 5px;
    width: 170px;
}

div#nav .second-sub-nav .sub-nav-two ul li {
    list-style-type: none;
    float: none;
    border-right: 0px;
}

div#nav .second-sub-nav .sub-nav-two ul li a:link, div#nav .second-sub-nav .sub-nav-two ul li a:visited {
    font-weight: normal;
    font-size: 1.1em;
    background: none;
    text-decoration: none;
    color: #000;
    padding: 0px 0px 0px 20px;
}

div#nav .second-sub-nav .sub-nav-two ul li a:active, div#nav .second-sub-nav .sub-nav-two ul li a:hover {
    text-decoration: underline;
}

div#nav .sub-nav-two ul li.head {
    padding: 10px 0px 5px 10px;
    margin-bottom: 5px;
}

div#nav .second-sub-nav .sub-nav-two ul li a:link.head, div#nav .second-sub-nav .sub-nav-two ul li a:visited.head,
div#nav .second-sub-nav .sub-nav-two ul li a:active.head, div#nav .second-sub-nav .sub-nav-two ul li a:hover.head {
	border: 1px solid #666666;
	background-color: #BFC1C0;
	padding: 3px 27px 3px 28px;
}

/* misc */

div#nav .shade1 {
	background: none repeat-x left
bottom;
	background-color: #CCFF99;
}
div#nav .shade2 {
	background: none repeat-x left
bottom;
	background-color: #CCFF99;
}

div#nav .sub-nav, div#nav .second-sub-nav {
    position: absolute;
    left: auto;
}

div#nav .sub-nav-two {
    position: absolute;
    left: auto;
}

div#nav .two-col {
    width: 360px;
    left: 0px;
}

div#nav .two-col ul {
    height: 410px;
}

div#nav .three-col {
    width: 540px;
    left: 0px;
}

div#nav .three-col ul {
    height: 440px;
}

div#nav .arrow {
    background: url('../Images/arrow.gif') no-repeat;
    width: 7px;
    height: 4px;
    position: absolute;
    top: 9px;
    margin-left: 3px;
}

div#nav .tab1 {
    left: 0px;
}

div#nav .tab1 ul {
    height: 350px;
}

div#nav .tab2 {
    left: 99px;
}

div#nav .tab3 {
    left: 173px;
}

div#nav .tab4 {
	left: 173px;
}

div#nav .tab4 ul {
    height: 200px;
}

div#nav .tab5 {
    left: 173px;
}

div#nav .tab5 ul {
    height: 300px;
}

div#nav .tab6 {
    left: 170px;
}

div#nav .tab6 ul {
    height: 335px;
}

div#nav .tab7 {
    left: 596px;
}

div#nav .tab8 {
    left: 592px;
}

div#nav .tab9 {
    left: 299px;
}

div#nav .tab9 ul {
    height: 270px;
}
div#nav .four-col {
	width: 720px;
	left: 0px;
}

