/* Pass Time USA CSS Document */

/*************** Main Menu *************/

.menu 
{
    font-size: 12px;
    font-family: Verdana, Geneva, sans-serif;
    /*line-height: 20px;*/
    border-width: 1px;
    border-style: solid;
    border-color: #FFFFFF;
    padding: 0px;
    margin: 0px;
 }
 
.menuText {
    vertical-align: middle;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    color: White;
    background-color: #000000;
}
.menulinks {
	font: normal 10px verdana, Helvetica, sans-serif;
	text-decoration: none;

}
.mainmenu
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
}
.mainmenuHover a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	color:  #D3D3D3;

}
.mainmenuSelected
{
	
}


.headerlinks 
{ 
height:30px; 
background: url(images/menusstrip.jpg) repeat-x; 
margin:0px 0px 0px 0px; 

} 


/********* Left Side Menu **********/
.urbangreymenu{
width: 145px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 14px Arial;
color: white;
background: url(../Images/blackgradient.png); /*last 2 values are the x and y coordinates of bullet image*/
margin-top: 7px; /*top spacing between header and rest of content*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
padding: 7px 0 7px 10px; /*31px is left indentation of header text*/
cursor: default;
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: bold 12px Arial;
color: White;
background: url(../Images/silvergradient.gif);
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 12px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;

}

/* Apply this CSS class go to Menu Control Properties->StaticMenuItemStyle->CssClass. Here type this class Name */ 
.StaticMenuStyle 
{ 
font-family:Arial; 
font-size:12px; 
color:White; 
position:relative; 
width:120px; 
height:30px; 

} 

/* Apply this CSS class go to Menu Control Properties->StaticHoverStyle->CssClass. Here type this class Name */ 

.StaticHoverStyle 
{ 

background: url(images/hoverimage1.gif) no-repeat; 

width:120px; 
height:30px; 
} 

/* Apply this CSS class go to Menu Control Properties->DynamicMenuItemStyle->CssClass. Here type this class Name */ 

.DynamicMenuStyle 
{ 
display: block; 
width: 160px; 
color: white; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
line-height: 20px; 
text-decoration: none; 
padding: 2px 8px; 
background-color: #3c6992; 
border-bottom:1px solid #d6f0fd; 
text-align: left; 
height: 25px; 

} 
/* This is to set image width which is in Dynamic Menu Items. */ 

.DynamicMenuStyle img 
{ 

padding-right:8px; 
} 

/* Apply this CSS class go to Menu Control Properties->DynamicHoverStyle->CssClass. Here type this class Name */ 

.DynamicHoverStyle 
{ 
width: 160px; 
height: 25px; 
color: #000000; 
border:1px solid #3c6992; 
background-color: #d6f0fd; 
} 

 .menu ul li ul 
{ 
    display: none; 
}

.menu ul li  
{ 
    position: relative;  
    float: left; 
    list-style: none; 
}