/* CSS Document */
.mid {}

.nav-path-wrap {width:100%;}
.nav-path-wrap li ul a {width:100%; overflow:visible;}

.left_menu {margin-top:0; position:relative; z-index:0;}
.page_banner {margin:0 0 0; position:relative; z-index:-10;}
.home_page .mid {margin-top:-21px; padding:0;}
/*issues on sliedshow*/
.page_banner {margin-top:-5px}
.main_slide {overflow:hidden;}
.main_slide ul.rs_slide_tabs {bottom:3px;}
ul.rs_slide {overflow:hidden; list-style-position:inside}
.rs_slide_tabs {width:120px}

.main_slide ul.rs_slide_tabs li {display: inline-block;*display: inline;zoom: 1;}

/*issues on slideshow */
.want_to_title{line-height: 52px}
.want_to_list {margin-top:0;}

/* Thanh.Bui Edit August 26th 2013 */
.online_service {width: 100%; height: auto}
.my_community img {width:80%}
.home_feature {height:397px;}
/* Thanh.Bui Edit August 26th 2013 */

.home_page .brown_bgr {position:relative; z-index:-1;}
.sf-menu {position:relative; z-index:9999!important; background:none; }

.main_slide {position:relative}
h3.block_title{position:static}
.nav-path-wrap {position:relative; z-index:999!important; width: 16.5em}
.nav-path-wrap ul {position:relative}
.sf-menu li:hover .nav-path-wrap, .sf-menu li.sfHover .nav-path-wrap {top:2.68em;}

.nav-path-wrap ul {}
.nav-path-wrap ul li {clear:left; display:inline-block; width:100%;}

li#council .nav-path-wrap {min-width:16em; left:-87px; z-index:1000;}
li#community .nav-path-wrap {min-width:16em; left:-203px;}
li#environment .nav-path-wrap {left:-80px; min-width:16em; left:-352px;}
li#development .nav-path-wrap {left:-170px; min-width:16em; left:-525px;}
li#library .nav-path-wrap {left:-190px; min-width:16em; left:-697px;}
li#recreation .nav-path-wrap {left:-427px; min-width:16em; left:-805px;}


.col-fifth-12 {*width:191px;}
.col-4fifth-12 {*width:767px;}

.community-list {width:100%}
.community-list .thumbnnail{padding:8px}


/*Added 29 August 2016 */

.nav-path-wrap {
    border-bottom-width: 6px;
    border-bottom-style: solid;
}

#iwcheader {
    border-bottom: 1px solid #ccc;
}

.standard_page .main_body {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}
 
.header {
    height: 251px !important;
}

.head_links {
    background: rgb(34, 34, 34);
}

#fontsize {
    background: rgb(34, 34, 34);
}

.search {
   background: rgb(238, 238, 238);
}

div.heroimage div {
    background: rgb(34, 34, 34);
}

.online_service IMG, .my_community IMG {
    width: 95% !important;
}

#iwcheader ul li {
    display: inline !important;
    padding-left: 6px !important;
}
.layout-bg {
    background: rgb(255, 255, 255) url("/Static/images/brown_ldr.gif") repeat-x scroll left 279px !important;
}

.sf-menu LI A.first-level {
    height: 100%;
}

.col-third-16 {
    width: 33% !important;
}

.landinglinks h2 {
    background: rgb(238, 238, 238);
}

.left_menu SPAN.indicator {
    padding-top: 0px !important;
}

.left_menu SPAN.non-indicator {
    padding-top: 0px !important;
}