﻿.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	100%;
	/*height:35px;*/
}
.sf-menu ul td{
	border: solid 0px red;
	width:250px;
	/*height:35px;*/
	line-height:100%;
	
}
.sf-menu ul td li
{

}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	font-size:13px;
	padding-bottom:5px;

}
.sf-menu ul li {
	/*width:			100%; removed 10/28 by martin for switching form listview to datalist for multiple columns*/
	/*line-height:20px;*/
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */

}
.sf-menu li {
	float:			left;
	position:		relative;
	width: 100%;
	height:100%;
}

.sf-menu a {
	display:		block;
	position:		relative;
	text-align:left;
	text-decoration:none;
}

.sf-menu span {
	display:		block;
	position:		relative;
	text-align:left;
	text-decoration:none;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:			35px; /* match top ul list item height */
	z-index:		99;
	margin-left:10px;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			8em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			8em; /* match ul width */
	top:			0;
}

/*=================MAINMENU STYLES=====================*/
.sf-menu {
	width:100%;
	text-align: left; /*was changed from center to left for hover over dropdown*/
}
.sf-menu a, .sf-menu a:visited, .sf-menu a:link,.sf-menu span { /* visited pseudo selector so IE6 applies text colour*/
	color:#3AB9E7;
	font-family:Arial;
	font-size:13px;
	line-height:100%;
	font-weight: 500;
	text-decoration:none;
 
}

/* set the hover on the main menu items */
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu span  {
	outline:		0;
	color: #3AB9E7;
	text-decoration: none;
	
	
}
/*===============================================================*/
/*=================SUBMENU STYLES=====================*/
/* set up the submenu block */
.sf-menu li ul {
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
    background-color: White;
	width: 100%;
	color: #FAFAFA;
	margin-left:10px;
    
}
/* set the list item style in the submenu */
.sf-menu li li {
	background:none;
    line-height:10px;
	height: 20px;
	vertical-align:middle;
	padding: 5px 20px 0px 20px; /* second value was changed from 0 to 20, cami wanted equal padding on left and right*/
	margin-top:0px;
	
}
/* set the base text style in the submenu */
.sf-menu li li a:link, .sf-menu li li a:visited
{
color: #3AB9E7; 
font-size: 13px;
height: 20px;
padding-top:0px;
text-align:left;
line-height:20px;
}
.sf-menu li li a:hover
{
 color: #74BC05;
text-align: left;
font-size: 13px;
height: 20px;
line-height:20px;
padding-top:0px;
text-align:left;
}

/* set the hover on the submenu */
.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus  {


	height: 20px;
	 color: #74BC05;

}
.sf-sub-indicator {
	display:none;	
}

/*======================================================*/
                                           
.menumain td        {font-family: Arial; font-size: 16px; color: #3AAFE0; text-decoration: none; font-weight: normal; text-align: center; vertical-align: middle;  height: 35px; width:100%;}/**/
.menumain a:link     { font-family: Arial; font-size: 16px; color: #3AAFE0; text-decoration: none; font-weight: normal; text-align: center;  line-height:35px;}
.menumain a:visited     { font-family: Arial; font-size: 16px; color: #3AAFE0; text-decoration: none; font-weight: normal; text-align: center;line-height:35px;}
.menumain a:hover     { font-family: Arial; font-size: 16px; color: white; text-decoration: none; font-weight: normal; text-align: center;line-height:35px;}
.menumain a:active     { font-family: Arial; font-size: 16px; color: #3AAFE0; text-decoration: none; font-weight: normal; text-align: center;line-height:35px;}

.menumain span     { font-family: Arial; font-size: 16px; color: #3AAFE0; text-decoration: none; font-weight: normal; text-align: center;  line-height:35px;}
.menumain span:hover     {cursor:auto; font-family: Arial; font-size: 16px; color: white; text-decoration: none; font-weight: normal; text-align: center;line-height:35px;}