/* NAVIGATION SECTION */
#navigation{
    height:53px;
	z-index:100000;
}
#navigation li 
{
	display: inline;
}
#navigation li dl.dropdown dt a{
    height:25px;
    display:inline;
    float: left;
    text-indent:-9999px;
}

/* Navigation Sprite */
#navigation li.experience dt a:link, #navigation li.experience dt a:visited{
    background: url(../images/navigation_sprite.png) left top no-repeat;
    width:123px;
    height:53px;
}
#navigation li.experience dt a:hover{
    background: url(../images/navigation_sprite.png) no-repeat;
    width:123px;
    height:53px;
}

#navigation li.gettingaround dt a:link, #navigation li.gettingaround dt a:visited{
    background: url(../images/navigation_sprite.png) -123px top no-repeat;
    width:123px;
    height:53px;
}
#navigation li.gettingaround dt a:hover{
    background: url(../images/navigation_sprite.png)-123px top no-repeat;
    width:123px;
    height:53px;
}

#navigation li.stayconnected dt a:link, #navigation li.stayconnected dt a:visited{
    background: url(../images/navigation_sprite.png) -246px top no-repeat;
    width:123px;
    height:53px;
}
#navigation li.stayconnected dt a:hover{
    background: url(../images/navigation_sprite.png)-246px top no-repeat;
    width:123px;
    height:53px;
}

#navigation li.livingdowntown dt a:link, #navigation li.livingdowntown dt a:visited{
    background: url(../images/navigation_sprite.png) -369px top no-repeat;
    width:123px;
    height:53px;
}
#navigation li.livingdowntown dt a:hover{
    background: url(../images/navigation_sprite.png)-369px top no-repeat;
    width:123px;
    height:53px;
}

#navigation li.cleangreensafe dt a:link, #navigation li.cleangreensafe dt a:visited{
    background: url(../images/navigation_sprite.png) -492px top no-repeat;
    width:123px;
    height:53px;
}
#navigation li.cleangreensafe dt a:hover{
    background: url(../images/navigation_sprite.png)-492px top no-repeat;
    width:123px;
    height:53px;
}

#navigation li.doingbusinessdowntown dt a:link, #navigation li.doingbusinessdowntown dt a:visited{
    background: url(../images/navigation_sprite.png) -615px top no-repeat;
    width:123px;
    height:53px;
}
#navigation li.doingbusinessdowntown dt a:hover{
    background: url(../images/navigation_sprite.png)-615px top no-repeat;
    width:123px;
    height:53px;
}

#navigation li.planningdevelopment dt a:link, #navigation li.planningdevelopment dt a:visited{
    background: url(../images/navigation_sprite.png) -738px top no-repeat;
    width:123px;
    height:53px;
}
#navigation li.planningdevelopment dt a:hover{
    background: url(../images/navigation_sprite.png)-738px top no-repeat;
    width:123px;
    height:53px;
}

#navigation li.aboutccc dt a:link, #navigation li.aboutccc dt a:visited{
    background: url(../images/navigation_sprite.png) -861px top no-repeat;
    width:123px;
    height:53px;
}
#navigation li.aboutccc dt a:hover{
    background: url(../images/navigation_sprite.png)-861px top no-repeat;
    width:123px;
    height:53px;
}

/* NAVIGATION DROPDOWNS */
#navigation .submenu{
    display:none;
}
#navigation ul:hover .submenu{
    display:block;
    position:absolute;
}
/************************/


.dropdown {
	float:left;
	margin:0;
	padding:0;
}
.dropdown dt {
	cursor:pointer;
}
.dropdown dt:hover {
}
.dropdown dd {
	position:absolute;
	overflow:hidden;
	display:none;
	background:#CCCCCC;
	opacity:0;
	margin-top:53px;
	z-index: 100;
}
.dropdown ul {
	list-style:none;
	border-top:none;
}
.dropdown li {
	display:inline;
	line-height: 20px;
}
.dropdown a, .dropdown a:active, .dropdown a:visited {
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	background:#6d6d6d;
}
.dropdown a:hover {
	background:#000000;
	color:#FFFFFF;
}
.dropdown .underline {
}
.dropdown ul li a {
	padding-left: 5px;
	padding-right: 5px;
}