﻿/* CSS Document */

/*===============================================================================================================================
															main-MENU
================================================================================================================================ */

#main-menu {
 width:511px;
 height:40px;
 margin:0px;
 padding:0px;
 float:left;
 background:url(../images/TopNav.jpg) no-repeat top;
}
#main-menu ul {
 width:511px;
 height:40x;
 background:url(../images/TopNav.jpg) no-repeat;
 position:relative;
 margin:0px;
 padding:0px;
}
#main-menu ul li {
 margin:0px;
 padding:0px;
 position:absolute;
 top:0px;
}
#main-menu ul li, #main-menu a {
 display:block;
 height:40px;
 border-bottom:0px;
}
#main-menu ul li a {
 text-indent:-9999px;
 text-decoration:none;
 padding:0px;
}
.home {
 left:0px;
 top:0px;
 width:54px;
}
.mayor {
 left:54px;
 top:0px;
 width:110px;
}
.town {
 left:164px;
 top:0px;
 width:111px;
}
.small {
 left:275px;
 top:0px;
 width:106px;
}
.links {
 left:381px;
 top:0px;
 width:57px;
}
.feedback {
 left:438px;
 top:0px;
 width:73px;
}
.home a:hover {
 background:transparent url(../images/TopNav.jpg) 0 -40px no-repeat;
 border-bottom:0px;
}
.mayor a:hover {
 background:transparent url(../images/TopNav.jpg) -54px -40px no-repeat;
 border-bottom:0px;
}
.town a:hover {
 background:transparent url(../images/TopNav.jpg) -164px -40px no-repeat;
 border-bottom:0px;
}
.small a:hover {
 background:transparent url(../images/TopNav.jpg) -275px -40px no-repeat;
 border-bottom:0px;
}
.links a:hover {
 background:transparent url(../images/TopNav.jpg) -381px -40px no-repeat;
 border-bottom:0px;
}
.feedback a:hover {
 background:transparent url(../images/TopNav.jpg) -438px -40px no-repeat;
 border-bottom:0px;
}
.home-active {
 background:transparent url(../images/TopNav.jpg) 0 -40px no-repeat;
 border-bottom:0px;
 left:0px;
 top:0px;
 width:54px;
}
.mayor-active {
 background:transparent url(../images/TopNav.jpg) -54px -40px no-repeat;
 border-bottom:0px;
 left:54px;
 top:0px;
 width:110px;
}
.town-active {
 background:transparent url(../images/TopNav.jpg) -164px -40px no-repeat;
 border-bottom:0px;
 left:164px;
 top:0px;
 width:111px;
}
.small-active {
 background:transparent url(../images/TopNav.jpg) -275px -40px no-repeat;
 border-bottom:0px;
 left:275px;
 top:0px;
 width:106px;
}
.links-active {
 background:transparent url(../images/TopNav.jpg) -381px -40px no-repeat;
 border-bottom:0px;
 left:381px;
 top:0px;
 width:57px;
}
.feedback-active {
 background:transparent url(../images/TopNav.jpg) -438px -40px no-repeat;
 border-bottom:0px;
 left:438px;
 top:0px;
 width:73px;
}
/* ---------------- Main menu --------------------------*/
#navigation-left1 {
 background-image:url(../images/left-menu.jpg);
 width:255px;
 height:395px;
 background-repeat: no-repeat;
 background-attachment: scroll;
 background-position: left top;
 margin:0px;
 padding:0px 0px 0px 0px;
 font-family:Tahoma, "Times New Roman", Times, serif;
 font-size:11px;
 text-align:left;
}
#navigation-left {
 background-image:url(../images/left-menu.jpg);
 width:255px;
 height:369px;
 background-repeat: no-repeat;
 background-attachment: scroll;
 background-position: left top;
 margin:0px;
 padding:0px 0px 0px 0px;
 font-family:Tahoma, "Times New Roman", Times, serif;
 font-size:11px;
 text-align:left;
}
#nav-left, #nav-left ul {
 width:255px;
 list-style: none;
 padding:0px 0px 0px 0px;
 margin:0px;
 color:#000000;
}
#nav-left a {
 display: block;
 text-decoration: none;
 padding:0px;
}
#nav-left li {
 float: left;
 padding: 0;
}
#nav-left li ul {
 position:absolute;
 left: -999em;
 height: auto;
 padding: 0px 0px 0px 0px;
 width:155px;
 margin:-26px 0px 0px 175px;
}
#nav-left li ul li ul {
 position:absolute;
 left: -999em;
 height: auto;
 padding: 0px 0px 0px 0px;
 width:155px;
 margin:-26px 0px 0px 155px;
}
#nav-left li li {
 text-indent:0px;
 padding:0px 0px 0px 0px 0px;
 margin:0px;
}
#nav-left li ul a {
 color:#FFFFFF;
 line-height:24px;
 text-decoration:none;
 padding:2px 0px 0px 10px;
 margin:0px;
}
#nav-left li ul a:hover {
 text-decoration:underline;
 text-indent:0px;
 padding:2px 0px 0px 10px;
 margin:0px;
 text-decoration: none;
}
#nav-left li ul ul {
 margin:0px;
 padding:0px;
}
#nav-left li:hover ul ul, #nav-left li:hover ul ul ul, #nav-left li.sfhover ul ul, #nav-left li.sfhover ul ul ul { left: -999em; }
#nav-left li:hover ul, #nav-left li li:hover ul, #nav-left li li li:hover ul, #nav-left li.sfhover ul, #nav-left li li.sfhover ul, #nav-left li li li.sfhover ul { left: auto; }
#nav-left li:hover, #nav-left li.sfhover { background: none; }
.m1 a {
 width:255px;
 height:26px;
 text-indent:-9999px;
}
.m1 a:hover {
 background:transparent url(../images/left-menu.jpg) -255px -0px no-repeat;
 border-bottom:0;
}
.m2 a {
 width:255px;
 height:26px;
 text-indent:-9999px;
}
.m2 a:hover {
 background:transparent url(../images/left-menu.jpg) -255px -26px no-repeat;
 border-bottom:0;
}
.m3 a {
 width:255px;
 height:26px;
 text-indent:-9999px;
}
.m3 a:hover {
 background:transparent url(../images/left-menu.jpg) -255px -52px no-repeat;
 border-bottom:0;
}
.m4 a {
 width:255px;
 height:26px;
 text-indent:-9999px;
}
.m4 a:hover {
 background:transparent url(../images/left-menu.jpg) -255px -78px no-repeat;
 border-bottom:0;
}
.m5 a {
 width:255px;
 height:26px;
 text-indent:-9999px;
}
.m5 a:hover {
 background:transparent url(../images/left-menu.jpg) -255px -104px no-repeat;
 border-bottom:0;
}
.m6 a {
 width:255px;
 height:28px;
 text-indent:-9999px;
}
.m6 a:hover {
 background:transparent url(../images/left-menu.jpg) -255px -130px no-repeat;
 border-bottom:0;
}
.m7 a {
 width:255px;
 height:28px;
 text-indent:-9999px;
}
.m7 a:hover {
 background:transparent url(../images/left-menu.jpg) -255px -158px no-repeat;
 border-bottom:0;
}
.m8 a {
 width:255px;
 height:31px;
 text-indent:-9999px;
}
.m8 a:hover {
 background:transparent url(../images/left-menu.jpg) -255px -186px no-repeat;
 border-bottom:0;
}
.m9 a {
 width:255px;
 height:31px;
 text-indent:-9999px;
}
.m9 a:hover {
 background:transparent url(../images/left-menu.jpg) -255px -217px no-repeat;
 border-bottom:0;
}
.m10 a {
 width:255px;
 height:31px;
 text-indent:-9999px;
}
.m10 a:hover {
 background:transparent url(../images/left-menu.jpg) -255px -248px no-repeat;
 border-bottom:0;
}
/*---------- Drop down menu - About COC-----------------*/
.drop-down-menu {
 width:141px;
 margin:0px 0px 0px 0px;
 padding:0px;
 font-family:Tahoma, "Times New Roman", Times, serif;
 font-family:9px;
 color:#666666;/*	padding:0px;	*/
}
.drop-down-menu1 a {
 width:141px;
 background-color:#bbaf84;
 background:url(../images/bgSubmenu.jpg) repeat #9D9169;
 text-indent:0px;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}
.drop-down-menu1 a:hover {
 width:141px;
 background:url(../images/bgSubmenuOver.jpg) repeat #7B7253;
 text-indent:0px;
 padding:0px;
 text-decoration: none;
}
