.urbangreymenu{
width: 500px; /*width of menu*/
height: 200px;
}

.urbangreymenu .headerbar.unselected a{
font: bold 13px Verdana;
color: #ffffff;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 0px 0 0px 18px; /*31px is left indentation of header text*/
background-image:url(../images/up.gif);
background-repeat: no-repeat;
cursor: pointer;
-moz-opacity:.50;
filter:alpha(opacity=50); 
opacity:.50;
}

.urbangreymenu .headerbar.unselected a:hover {
-moz-opacity:1;
filter:alpha(opacity=100);
opacity:1;
}


.urbangreymenu .headerbar.selected{
font: bold 13px Verdana;
color: #ffffff;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 0px 0 0px 18px; /*31px is left indentation of header text*/
background-image:url(../images/down.gif);
background-repeat: no-repeat;
cursor: pointer;
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: #ffffff;
display: block;
}


.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
padding-left: 10px;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: #ffffff;
display: block;
line-height: 16px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: ffffff;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
text-decoration:underline;
}

.parent {
 width: 500px;
 overflow: hidden
}

.column-1 {
 width: 160px;
 float: left;
}

.column-2 {
 width: 160px;
 float: left;
}
.column-3 {
 width: 160px;
 float: left;
}

.urbangreymenu .newsbar.unselected a {
font: bold 13px Verdana;
color: #ffffff;
margin-bottom: 3px; /*bottom spacing between header and rest of content*/
padding: 10px 0 3px 18px; /*31px is left indentation of header text*/
background-image:url(../images/up.gif);
background-repeat: no-repeat;
background-position: 0 10px;
cursor: pointer;
-moz-opacity:.50;
filter:alpha(opacity=50); 
opacity:.50; 
}

.urbangreymenu .newsbar.unselected a:hover {
-moz-opacity:1;
filter:alpha(opacity=100);
opacity:1;
}

.urbangreymenu .newsbar.selected
{
font: bold 13px Verdana;
font-weight: bold;
color: #ffffff;
margin-bottom: 3px; /*bottom spacing between header and rest of content*/
padding: 10px 0 3px 18px; /*31px is left indentation of header text*/
background-image:url(../images/down.gif);
background-repeat: no-repeat;
background-position: 0 10px;
cursor: pointer;
}

.urbangreymenu .newsbar a{
text-decoration: none;
color: white;
display: block;
}

.urbangreymenu .newscontent {
 padding: 0px 0 0px 25px; /*31px is left indentation of header text*/
 font: 11px Verdana; 
}
