#nav,#nav ul {
    list-style: none outside none;
    margin: 0 0 0 0;
    padding: 0;
}
#nav {

    clear: both;
    padding: 0 0 0 0;
    position: relative;
}
#nav ul {
   background:url(../images/border2.jpg) repeat-x left 28px #f2f2f2;
	border:solid 1px #dedede;
    left: -9999px;
    overflow: hidden;
    position: absolute;
    top: -9999px;
    z-index: 2;
	padding:0 0 8px 0;
	margin:0 0 0 0;
}
#nav li {
    background:url(../images/check_box_bg.jpg) no-repeat left top;
    float: left;
    position: relative;
}
#nav li a {
    font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#5c5c5c;
    display: block;
    float: left;
	width:auto;
    padding:0 0 0 0;
    position: relative;
    text-decoration: none;
}
#nav li:hover > a {
    color: #2d6e9c;
}
#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {

	color:#2d6e9c;
    outline: 0 none;
}
#nav li:hover ul.subs {
    left: 0;
    top: 27px;
    width: 280px;

    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
#nav ul li {
    background: none;
	padding:0 0 0 12px;

}
#nav ul li a {
    float: none;
	color:#5c5c5c;
	width: 280px;
	padding:8px 0 0 18px;
}
#nav ul li:hover > a {
    background-color: #f2f2f2;
    color: #2d6e9c;
	 width: 280px;
}
#lavalamp {
    background: url('lavalamp.png') no-repeat scroll 0 0 transparent;
    height: 16px;
    left: 0px;
    position: absolute;
    top: 0px;

    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
#lavalamp:hover {
    -moz-transition-duration: 3000s;
    -ms-transition-duration: 3000s;
    -o-transition-duration: 3000s;
    -webkit-transition-duration: 3000s;
    transition-duration: 3000s;
}
#nav li:nth-child(1):hover ~ #lavalamp {
    left: 13px;
}
#nav li:nth-child(2):hover ~ #lavalamp {
    left: 90px;
}
#nav li:nth-child(3):hover ~ #lavalamp {
    left: 170px;
}
#nav li:nth-child(4):hover ~ #lavalamp {
    left: 250px;
}
#nav li:nth-child(5):hover ~ #lavalamp {
    left: 330px;
}
#nav li:nth-child(6):hover ~ #lavalamp {
    left: 410px;
}
#nav li:nth-child(7):hover ~ #lavalamp {
    left: 490px;
}
#nav li:nth-child(8):hover ~ #lavalamp {
    left: 565px;
}
.pop-icon
{
	width:auto;
	float:left;
	padding:8px 0 0 0;
	position:absolute;
}
.edit
{
	width:265px;
	float:right;
	height:26px;
	line-height:10px;
	color:#000000;
	padding:2px 0 0 0;
}
.edit a
{
	color:#000000;
	text-decoration:none;
}
.edit a:hover
{
	color:#2d6e9c;
	text-decoration:none;
}












-===========================================================

#nav2,#nav ul {
    list-style: none outside none;
    margin: 0 0 0 0;
    padding: 0;

}
#nav2 {

    clear: both;
	 margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: relative;
	z-index:5000;
}
#nav2 ul {
    background-color: #f2f2f2;
	border:solid 1px #dedede;
    left: -9999px;
    overflow: hidden;
    position: absolute;
    top: -9999px;
    z-index:5000;
	padding:0 0 7px 0;
}
#nav2 li {

    float:left;
	height:25px;
	padding:0 20px 0 0;
	background:url(../images/down-arrow.jpg) no-repeat right 7px;
    position: relative;
	cursor:pointer;
}
#nav2 li div a {
    font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#5c5c5c;
    display: block;
    float: left;
	width:auto;
    padding:8px 0 0 0;
    position: relative;
    text-decoration: none;
}
#nav2 li a img
{
	float:right;
}
#nav2 li:hover > a {
    color: #2d6e9c;
	height:35px;
	 background:url(../images/arrow2.jpg) no-repeat 81px 23px;
	 position:absolute;
	 z-index:500;
}
#nav2 li:hover, #nav a:focus, #nav a:hover, #nav a:active {

	color:#2d6e9c;
    outline: 0 none;
}
#nav2 li:hover ul.subs {
    left: 0px;
    top: 20px;
    width:150px;

    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
#nav2 ul li {
    background: none;
	padding:0 0 0 12px;

}
#nav2 ul li a {
    float: none;
	color:#5c5c5c;
	width:100px;
}
#nav2 ul li:hover > a {
    background-color: #f2f2f2;
    color: #2d6e9c;
	width:100px;
}
#lavalamp {
    background: url('lavalamp.png') no-repeat scroll 0 0 transparent;
    height: 16px;
    left: 0px;
    position: absolute;
    top: 0px;


    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
#lavalamp:hover {
    -moz-transition-duration: 3000s;
    -ms-transition-duration: 3000s;
    -o-transition-duration: 3000s;
    -webkit-transition-duration: 3000s;
    transition-duration: 3000s;
}
#nav li:nth-child(1):hover ~ #lavalamp {
    left: 13px;
}
#nav li:nth-child(2):hover ~ #lavalamp {
    left: 90px;
}
#nav li:nth-child(3):hover ~ #lavalamp {
    left: 170px;
}
#nav li:nth-child(4):hover ~ #lavalamp {
    left: 250px;
}
#nav li:nth-child(5):hover ~ #lavalamp {
    left: 330px;
}
#nav li:nth-child(6):hover ~ #lavalamp {
    left: 410px;
}
#nav li:nth-child(7):hover ~ #lavalamp {
    left: 490px;
}
#nav li:nth-child(8):hover ~ #lavalamp {
    left: 565px;
}
.pop-icon2
{
	width:auto;
	float:left;
	padding:8px 6px 0 0;
}
.edit2
{
	width:244px;
	float:left;
	height:28px;
	line-height:10px;
	color:#000000;
	border-bottom: 1px solid #dddddd;
	padding:4px 0 0 0;
}
.edit2 a
{
	color:#000000;
	text-decoration:none;
}
.edit2 a:hover
{
	color:#2d6e9c;
	text-decoration:none;
}







-===========================================================

#nav3,#nav ul {
    list-style: none outside none;
    margin: 0 0 0 0;
    padding: 0;
}
#nav3 {
    background: url('menu_bg.png') no-repeat scroll 0 0 transparent;
    clear: both;
	 margin: -43px 0 0 0;
    padding: 0 0 0 0;
    position: relative;
    width: 25px;
}
#nav3 ul {
    background-color: #f2f2f2;
	border:solid 1px #dedede;
    left: -9999px;
    overflow: hidden;
    position: absolute;
    top: -9999px;
    z-index: 2;
	padding:5px 0 0 0;
}
#nav3 li {

    float: left;
	height:25px;
	padding:0 0 0 0;
	width:130px;
    position: relative;
}
#nav3 li a {
    font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#5c5c5c;
    display: block;
    float: left;
    padding:0 0 0 0;
    position: relative;
    text-decoration: none;
}
#nav3 li a img
{
	float:right;
}
#nav3 li:hover > a {
    color: #2d6e9c;
	height:35px;

	 position:absolute;
	 z-index:500;
}
#nav3 li:hover, #nav a:focus, #nav a:hover, #nav a:active {

	color:#2d6e9c;
    outline: 0 none;
}
#nav3 li:hover ul.subs {
    left: 0px;
    top: 27px;
    width: auto;

    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
#nav3 ul li {
    background: none;
	padding:4px 0 0 0;
}
#nav3 ul li a {
    float: none;
	color:#5c5c5c;
}
#nav3 ul li:hover > a {
    background-color: #f2f2f2;
    color: #2d6e9c;
}
#lavalamp {
    background: url('lavalamp.png') no-repeat scroll 0 0 transparent;
    height: 16px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 64px;

    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
#lavalamp:hover {
    -moz-transition-duration: 3000s;
    -ms-transition-duration: 3000s;
    -o-transition-duration: 3000s;
    -webkit-transition-duration: 3000s;
    transition-duration: 3000s;
}
#nav li:nth-child(1):hover ~ #lavalamp {
    left: 13px;
}
#nav li:nth-child(2):hover ~ #lavalamp {
    left: 90px;
}
#nav li:nth-child(3):hover ~ #lavalamp {
    left: 170px;
}
#nav li:nth-child(4):hover ~ #lavalamp {
    left: 250px;
}
#nav li:nth-child(5):hover ~ #lavalamp {
    left: 330px;
}
#nav li:nth-child(6):hover ~ #lavalamp {
    left: 410px;
}
#nav li:nth-child(7):hover ~ #lavalamp {
    left: 490px;
}
#nav li:nth-child(8):hover ~ #lavalamp {
    left: 565px;
}
.pop-icon3
{
	width:auto;
	float:left;
	padding:0 6px 0 13px;
}
.edit3
{
	width:130px;
	float:left;
	height:28px;
	line-height:10px;
	color:#000000;
	border-bottom: 1px solid #dddddd;
	padding:0 0 8px 0;
}
.edit3 a
{
	color:#000000;
	text-decoration:none;
}
.edit3 a:hover
{
	color:#2d6e9c;
	text-decoration:none;
}



-===========================================================

#nav4,#nav ul {
    list-style: none outside none;
    margin: 0 0 0 0;
    padding: 0;
	position:relative
}
#nav4 {
    background:url(../images/down-arrow.jpg) no-repeat right 10px #fff;
    clear: both;
	border-top:solid 1px #eaeaea;
	border-left:solid 1px #eaeaea;
	border-right:solid 1px #eaeaea;
	margin: 0 0 0 0;
    padding: 4px 20px 0 10px;
    position: absolute;
    width: auto;
	float:left;
	cursor:pointer;
}
#nav4 ul {
    background-color: #fff;

	border-left:solid 1px #dedede;
	border-right:solid 1px #dedede;
	border-bottom:solid 1px #dedede;
    left: -9999px;
    overflow: hidden;
    position: absolute;
    top: -9999px;
    z-index: 2;
	padding:5px 0 0 0;
	cursor:pointer;
	margin:0 0 0 3px;
}
#nav4 li {


	height:20px;

	padding:0 0 0 0;
	width:auto;
    position: relative;
}
#nav4 li a {
    font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#5c5c5c;
    display: block;
    float: left;
    padding:0 0 0 0;
    position: relative;
    text-decoration: none;
}
#nav4 li a img
{
	float:left;
}
#nav4 li:hover > a {
    color: #2d6e9c;
	height:35px;
	padding:0 0 0 0;

	 position:absolute;
	 z-index:500;
}
#nav4 li:hover, #nav a:focus, #nav a:hover, #nav a:active {

	color:#2d6e9c;
    outline: 0 none;
}
#nav4 li:hover ul.subs {
    left: 0px;
    top: 20px;
    width: 200px;

    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
#nav4 ul li {
    background: none;
	padding:3px 0 0 14px;
}
#nav4 ul li a {
    float: none;
	color:#5c5c5c;
}
#nav4 ul li:hover > a {
    background-color: #f2f2f2;
    color: #2d6e9c;
}
#lavalamp {
    background: url('lavalamp.png') no-repeat scroll 0 0 transparent;
    height: 16px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: auto;

    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
#lavalamp:hover {
    -moz-transition-duration: 3000s;
    -ms-transition-duration: 3000s;
    -o-transition-duration: 3000s;
    -webkit-transition-duration: 3000s;
    transition-duration: 3000s;
}
#nav li:nth-child(1):hover ~ #lavalamp {
    left: 13px;
}
#nav li:nth-child(2):hover ~ #lavalamp {
    left: 90px;
}
#nav li:nth-child(3):hover ~ #lavalamp {
    left: 170px;
}
#nav li:nth-child(4):hover ~ #lavalamp {
    left: 250px;
}
#nav li:nth-child(5):hover ~ #lavalamp {
    left: 330px;
}
#nav li:nth-child(6):hover ~ #lavalamp {
    left: 410px;
}
#nav li:nth-child(7):hover ~ #lavalamp {
    left: 490px;
}
#nav li:nth-child(8):hover ~ #lavalamp {
    left: 565px;
}
.down_arrow
{
	width:auto;
	float:left;
	padding:0 0 0 0;
}

