﻿.megamenu{
position: absolute;
display: none;
left: 0;
top: 0;
background: white;
/*border: 1px solid #f06b24;
border-width: 5px 1px;*/
padding: 10px;
font: normal 12px Verdana;
z-index: 100;

}


.megamenu .column{
float: left;
width: 180px; /*width of each menu column*/
margin-right: 5px;
}

.megamenu .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.megamenu .column ul li{
padding-bottom: 5px;
}

.megamenu .column h3{
background: #e0e0e0;
font: bold 13px Arial;
margin: 0 0 5px 0;
}

.megamenu .column ul li a{
text-decoration: none;
}

.megamenu .column ul li a:hover{
color: red;
}

.megamenuResident{
position: absolute;
display: none;
left: 0;
top: 0;
background-image:url('images/megamenu_live.gif');
background-repeat:no-repeat;
/*border: 1px solid #f06b24;
border-width: 5px 1px;*/
padding: 10px;
font: normal 12px Verdana;
z-index: 100;
width:492px;
height:288px;
font-weight:bold;
}

.megamenuResident .columnResident{
float: left;
width: 180px; /*width of each menu column*/
margin-right: 5px;
padding-left:120px;

}

.megamenuResident .columnResident ul{
margin: 0;
padding: 0;
list-style-type: none;
background-color:transparent;
}

.megamenuResident .columnResident ul li{
padding-bottom: 5px;
background-color:transparent;
}

.megamenuResident .columnResident h3{
background: #e0e0e0;
font: bold 13px Arial;
margin: 0 0 5px 0;
}

.megamenuResident .columnResident ul li a{
text-decoration: none;
background-color:transparent;
}

.megamenuResident .columnResident ul li a:hover{
color: red;
background-color:transparent;
}


.megamenuBusiness{
position: absolute;
display: none;
left: 0;
top: 0;
background-image:url('images/megamenu_work.gif');
background-repeat:no-repeat;
/*border: 1px solid #f06b24;
border-width: 5px 1px;*/
padding: 10px;
font: normal 12px Verdana;
z-index: 100;
width:492px;
height:288px;
font-weight:bold;
}

.megamenuBusiness .columnBusiness{
float: left;
width: 180px; /*width of each menu column*/
margin-right: 5px;
padding-left:120px;
}

.megamenuBusiness .columnBusiness ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.megamenuBusiness .columnBusiness ul li{
padding-bottom: 5px;
}

.megamenuBusiness .columnBusiness h3{
background: #e0e0e0;
font: bold 13px Arial;
margin: 0 0 5px 0;
}

.megamenuBusiness .columnBusiness ul li a{
text-decoration: none;
}

.megamenuBusiness .columnBusiness ul li a:hover{
color: red;
}

.megamenuVisiting{
position: absolute;
display: none;
left: 0;
top: 0;
background-image:url('images/megamenu_play.gif');
background-repeat:no-repeat;
/*border: 1px solid #f06b24;
border-width: 5px 1px;*/
padding: 10px;
font: normal 12px Verdana;
z-index: 100;
width:492px;
height:288px;
font-weight:bold;
}

.megamenuVisiting .columnVisiting{
float: left;
width: 180px; /*width of each menu column*/
margin-right: 5px;
}

.megamenuVisiting .columnVisiting ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.megamenuVisiting .columnVisiting ul li{
padding-bottom: 5px;
}

.megamenuVisiting .columnVisiting h3{
background: #e0e0e0;
font: bold 13px Arial;
margin: 0 0 5px 0;
}

.megamenuVisiting .columnVisiting ul li a{
text-decoration: none;
}

.megamenuVisiting .columnVisiting ul li a:hover{
color: red;
}


.megamenuCityHall{
position: absolute;
display: none;
left: 0;
top: 0;
background-image:url('images/megamenu_government.gif');
background-repeat:no-repeat;
/*border: 1px solid #f06b24;
border-width: 5px 1px;*/
padding: 10px;
font: normal 12px Verdana;
z-index: 100;
width:492px;
height:288px;
font-weight:bold;
}

.megamenuCityHall .columnCityHall{
float: left;
width: 180px; /*width of each menu column*/
margin-right: 5px;
}

.megamenuCityHall .columnCityHall ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.megamenuCityHall .columnCityHall ul li{
padding-bottom: 5px;
}

.megamenuCityHall .columnCityHall h3{
background: #e0e0e0;
font: bold 13px Arial;
margin: 0 0 5px 0;
}

.megamenuCityHall .columnCityHall ul li a{
text-decoration: none;
}

.megamenuCityHall .columnCityHall ul li a:hover{
color: red;
}

