/*
	CSS Styles for WebDDM example menu:
		mainmenu
*/

.container
{	
	/*background-color: #4CD7FA;	*/
}

#mainmenu {
	height: 27px;
}
/* Styles for item cells and hyperlinks */
.mainmenu_off, .mainmenu_rollover
{
	font-size: 10px;
	line-height: 18px;
	color: #00539B;
	text-decoration: none;		
	padding-left: 10px;
}

/* Define text color/size/etc settings for items and links */
#mainmenu td.mainmenu_off,
#mainmenu td.mainmenu_rollover,
#mainmenu td.mainmenu_rollover a:link,
#mainmenu td.mainmenu_rollover a:visited,
#mainmenu td.mainmenu_rollover a:hover
{
	font-size: 10px;
	line-height: 18px;	
	text-decoration: none;	
}


/* Menu item cell styles */
#mainmenu td.mainmenu_off
{
	color: #ffffff;
	/*background-color: #4CD7FA;*/
	text-align: left;
	border: 0px;
	font-size: 10px;
	line-height: 18px;	
	font-family: Arial, Helvetica, sans-serif, Verdana;
	text-transform:uppercase;
	font-weight:bold;
}
#mainmenu td.mainmenu_rollover
{
	/*background-color: #00539B; /* item rollover jli*/*/
	color: #4CD7FA;
	text-align: left;
	border: 0px;	
	font-size: 11px;	
}

/* Menu item link styles */
#mainmenu td.mainmenu_rollover a:link,
#mainmenu td.mainmenu_rollover a:visited,
#mainmenu td.mainmenu_rollover a:hover
{	
	display: block;	
	color: #000000;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	text-transform:uppercase;
	font-weight:bold;
}
.tab4{	
	background:url(../images/bg_menu4.png);
	background-position:bottom;
	background-repeat:no-repeat;
	border: #FFFFFF 2px solid;
}
.tab1{	
	background:url(../images/bg_menu1.png);
	background-position:bottom;
	background-repeat:no-repeat;
	border: #FFFFFF 2px solid;
}
.tab2{	
	background:url(../images/bg_menu2.png);
	background-position:bottom;
	background-repeat:no-repeat;
	border: #FFFFFF 2px solid;
}