.urbangreymenu{
width: 226px; /*width of menu*/
height: auto;
margin:0px auto;
text-align:left;
color:#000000;
float:left;
}

.urbangreymenu .headerbar{
font: bold 11px;
background: none; /*last 2 values are the x and y coordinates of bullet image*/
margin: 0px; /*bottom spacing between header and rest of content*/
text-align:left;
}
.urbangreymenu .headerbar a{
width:206px;
height:73px;
padding-left:20px;
padding-top:40px;
font-size:0px;
text-decoration: none;
color: #FFF;
display:block;
text-align:left;
}
.urbangreymenu .headerbar a:hover{
color:#FFF;
background:url(img/arrowD.gif) 100% 0% no-repeat;
}


.urbangreymenu .headerbar1{
width:206px;
height:113px;
background:none; /*last 2 values are the x and y coordinates of bullet image*/
margin: 0px; /*bottom spacing between header and rest of content*/
text-align:left;
}
.urbangreymenu .headerbar1 a{
width:206px;
height:73px;
padding-left:20px;
padding-top:40px;
background-color:#FFFFFF;
font-size:12px;
text-transform:uppercase;
text-decoration: none;
color: #000;
display:block;
text-align:left;
background:#FFF;
}
.urbangreymenu .headerbar1 a:hover{
background:#FFF url(img/arrowU.gif) 100% 0% no-repeat;
text-transform:capitalize;
}



/*LIST CSS*/

.urbangreymenu ul{
margin: 0px;
padding:0px;
width:678px;
height:339px;
float:left;
list-style-type: none;
background:url(img/white.gif);
color:#666666;
}

.urbangreymenu ul li{
padding: 40px 50px 0px 50px; /*bottom spacing between menu items*/
font-size:11px;
}

.urbangreymenu ul li img {float:right; margin:5px;}

.urbangreymenu ul li a{
	margin: 0px;
	padding:10px 20px;
	text-align:left;
	color: #ff6600;
	display: block;
	background:url(img/list.gif) no-repeat 0% 50%;
}

.urbangreymenu ul li a:visited{
color: #ff6600;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: #000;
text-decoration:none;
 /*Add Shadow in IE. Remove if desired*/
}