/* 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;
}
.Tamil {
 left:0px;
 top:0px;
 width:110px;
}
.home {
 left:120px;
 top:0px;
 width:40px;
}
.mayor {
 left:175px;
 top:0px;
 width:100px;
}
.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) -120px -40px no-repeat;
 border-bottom:0px;
}

.Tamil a:hover {
 background:transparent url(../images/TopNav.jpg) 0 -40px no-repeat;
 border-bottom:0px;
}

.mayor a:hover {
 background:transparent url(../images/TopNav.jpg) -175px -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) -160 -40px no-repeat;
 border-bottom:0px;
}
.Tamil-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:10px;
 top:0px;
 width:60px;
}
.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:25px;
 text-indent:-9999px;
 padding:0px;
 margin:0px 0px 0px 0px;
}
.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 -51px 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 -77px no-repeat;
 border-bottom:0;
}
.m4 a {
 width:255px;
 height:27px;
 text-indent:-9999px;
}
.m4 a:hover {
 background:transparent url(../images/left-menu.jpg) -255px -104px 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 -130px no-repeat;
 border-bottom:0;
}
.m6 a {
 width:255px;
 height:26px;
 text-indent:-9999px;
}
.m6 a:hover {
 background:transparent url(../images/left-menu.jpg) -255px -156px no-repeat;
 border-bottom:0;
}
.m7 a {
 width:255px;
 height:26px;
 text-indent:-9999px;
}
.m7 a:hover {
 background:transparent url(../images/left-menu.jpg) -255px -182px no-repeat;
 border-bottom:0;
}
.m8 a {
 width:255px;
 height:26px;
 text-indent:-9999px;
}
.m8 a:hover {
 background:transparent url(../images/left-menu.jpg) -255px -25px no-repeat;
 border-bottom:0;
}
.m9 a {
 width:255px;
 height:26px;
 text-indent:-9999px;
}
.m9 a:hover {
 background:transparent url(../images/left-menu.jpg) -255px -208px no-repeat;
 border-bottom:0;
}
.m10 a {
 width:255px;
 height:26px;
 text-indent:-9999px;
}
.m10 a:hover {
 background:transparent url(../images/left-menu.jpg) -255px -234px no-repeat;
 border-bottom:0;
}
.m11 a {
 width:255px;
 height:26px;
 text-indent:-9999px;
}
.m11 a:hover {
 background:transparent url(../images/left-menu.jpg) -255px -234px no-repeat;
 border-bottom:0;
}
.m12 a {
 width:255px;
 height:26px;
 text-indent:-9999px;
}
.m12 a:hover {
 background:transparent url(../images/left-menu.jpg) -255px -260px no-repeat;
 border-bottom:0;
}
.m13 a {
 width:255px;
 height:26px;
 text-indent:-9999px;
}
.m13 a:hover {
 background:transparent url(../images/left-menu.jpg) -255px -286px no-repeat;
 border-bottom:0;
}
.m14 a {
 width:255px;
 height:26px;
 text-indent:-9999px;
}
.m14 a:hover {
 background:transparent url(../images/left-menu.jpg) -255px -312px no-repeat;
 border-bottom:0;
}
.m15 a {
 width:255px;
 height:26px;
 text-indent:-9999px;
}
.m15 a:hover {
 background:transparent url(../images/left-menu.jpg) -255px -338px no-repeat;
 border-bottom:0;
}
.m16 a {
 width:255px;
 height:26px;
 text-indent:-9999px;
}
.m16 a:hover {
 background:transparent url(../images/left-menu.jpg) -255px -364px no-repeat;
 border-bottom:0;
}
.m17 a {
 width:255px;
 height:26px;
 text-indent:-9999px;
}
.m17 a:hover {
 background:transparent url(../images/left-menu.jpg) -255px -390px no-repeat;
 border-bottom:0;
}
.m18 a {
 width:255px;
 height:26px;
 text-indent:-9999px;
}
.m18 a:hover {
 background:transparent url(../images/left-menu.jpg) -255px -416px no-repeat;
 border-bottom:0;
}
.m19 a {
 width:255px;
 height:26px;
 text-indent:-9999px;
}
.m19 a:hover {
 background:transparent url(../images/left-menu.jpg) -255px -442px no-repeat;
 border-bottom:0;
}
/*---------- Drop down menu - About COC-----------------*/
.drop-down-menu {
 width:145px;
 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:145px;
 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:145px;
 background:url(../images/bgSubmenuOver.jpg) repeat #7B7253;
 text-indent:0px;
 padding:0px;
 text-decoration: none;
}






.drop-down-sub-menu a:hover {
 width:200px;
 background:url(../images1/bgSubmenuOver.jpg) repeat #7B7253;
 text-indent:0px;
 padding:0px;
 text-decoration: none;
}


.drop-down-sub-menu1 a {
 width:145px;
 background-color:#bbaf84;
 background:url(../images1/bgSubmenu.jpg) repeat #9D9169;
 text-indent:0px;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}
.drop-down-sub-menu1 a:hover {
 width:160px;
 background:url(../images1/bgSubmenuOver.jpg) repeat #7B7253;
 text-indent:0px;
 padding:0px;
 text-decoration: none;
}

.drop-down-menu2 a {
 width:145px;
 background-color:#bbaf84;
 background:url(../images1/bgSubmenu.jpg) repeat #9D9169;
 text-indent:0px;
 margin:-10px -10px -10px -10px;
 padding:-10px -10px -10px -10px;
}
.drop-down-menu2 a:hover {
 width:145px;
 background:url(../images1/bgSubmenuOver.jpg) repeat #7B7253;
 text-indent:0px;
 padding:-10px;
 text-decoration: none;
}




.drop-down-sub-menuT1 a {
 width:145px;
 background-color:#bbaf84;
 background:url(../Tamil/images/bgSubmenu.jpg) repeat #9D9169;
 text-indent:0px;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}
.drop-down-sub-menuT1 a:hover {
 width:145px;
 background:url(../Tamil/images/bgSubmenuOver.jpg) repeat #7B7253;
 text-indent:0px;
 padding:0px;
 text-decoration: none;
}



.lefMenu a {
 width:255px;
 height:25px;
 color:#7E5712; 
 padding:0px;
 margin:0px 0px 0px 0px;
 font-family:Tahoma, "Times New Roman", Times, serif;
 font-size:14px;
 font-weight:600;
 text-decoration: none;
 border-bottom: 1px solid #B4A97C;

}
.lefMenu a:hover {
 border-bottom:0;
 font-family:Tahoma, "Times New Roman", Times, serif;
 font-size:14px;
 font-weight:600;
 text-decoration: none;
 color:#0F3D54; 
 border-bottom: 1px solid #B4A97C;  
}

.contentLeftMenuTop {
 width:255px;
 padding:15px 0px 0px 0px;
 margin:0px;
}

#navigation-leftMenu {
 /*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;
}

.drop-down-newMenu {
 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-newMenu1 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;
 font-family:Tahoma, "Times New Roman", Times, serif; 
 font-family:9px;
 color:#666666;/*	padding:0px;	*/
}
.drop-down-newMenu1 a:hover {
 width:141px;
 background:url(../images/bgSubmenuOver.jpg) repeat #7B7253;
 text-indent:0px;
 padding:0px;
 text-decoration: none;
 }
 
 .drop-down-menu2 a {
 width:141px;
 background-color:#bbaf84;
 background:url(../images1/bgSubmenu.jpg) repeat #9D9169;
 text-indent:0px;
 margin:-10px -10px -10px -10px;
 padding:-10px -10px -10px -10px;
}
.drop-down-menu2 a:hover {
 width:141px;
 background:url(../images1/bgSubmenuOver.jpg) repeat #7B7253;
 text-indent:0px;
 padding:-10px;
 text-decoration: none;
}

.drop-down-menuT1 a {
 width:241px;
 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-menuT1 a:hover {
 width:241px;
 background:url(../images/bgSubmenuOver.jpg) repeat #7B7253;
 text-indent:0px;
 padding:0px;
 text-decoration: none;
}


