#drawers {
   width: 245px;
   overflow: hidden;
   margin: 0;
   float: left;
}
a {
   outline: none;
}

a.drawer-handle {
   display: block;
   font-weight: bold;
   font-size: 1em;
   color: #ece4ce;
   height: 40px;
   text-indent: 12px;
   line-height: 29px;
   cursor: pointer;
}
.open {
	display:none;
}

/* SUBNAVIGATION JQUERY DRAWERS */
a#civilengineering, h3#civilengineering {background: url(../images/nav_civilengineering.png) no-repeat;width:245px;height:40px;margin:0;padding:0;}
a#environmental, h3#environmental {background: url(../images/nav_environmental.png) no-repeat;width:245px;height:40px;margin:0;padding:0;}
a#transportation, h3#transportation {background: url(../images/nav_transportation.png) no-repeat;width:245px;height:40px;margin:0;padding:0;}
a#planning, h3#planning {background: url(../images/nav_planning.png) no-repeat;width:245px;height:40px;margin:0;padding:0;}
a#municipal, h3#municipal {background: url(../images/nav_municipalservices.png) no-repeat;width:245px;height:40px;margin:0;padding:0;}
a#development, h3#development {background: url(../images/nav_developmentconsultation.png) no-repeat;width:245px;height:40px;margin:0;padding:0;}
a#surveying {background: url(../images/nav_surveying.png) no-repeat;}

#accordion h3 a:hover {
	background-color: none;
}

#accordion {
	padding: 0;
	margin: 0;
}

.drawerbox{
	padding: 0;
	background: url(../images/subnavbg.png) repeat-y;
	background-color: #000000;
	color: #77D7D4;
	overflow: hidden;
}

.drawerinner{
   	background: url(../images/subnavbg.png) repeat-y;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
}

.drawerinner ul {
	padding: 10px 0 0 10px;
	margin: 0 13px 10px 13px;
	line-height: 11px;
	font-size: 11px;
	font-weight: bold;
	list-style-type: none;
}

.drawerinner ul li {
	padding: 5px 0 5px 0;
	margin: 0 0 0 0;
}

.drawerinner a {
	text-decoration: none;
	color: #77D7D4;	
}
.drawerinner a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}