/**************/
/* MAIN LEVEL */
/**************/

/** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */
/** customize colors here */

/* main level a link & visited */
a.mainlevel-suckerfish-horizontal, a.mainlevel_active-suckerfish-horizontal, a.mainlevel_current-suckerfish-horizontal, a.mainlevel-suckerfish-horizontal:link, a.mainlevel_active-suckerfish-horizontal:link, a.mainlevel_current-suckerfish-horizontal:link, a.mainlevel-suckerfish-horizontal:visited, a.mainlevel_active-suckerfish-horizontal:visited, a.mainlevel_current-suckerfish-horizontal:visited {
	/**  IMPORTANT!  **/
    /* -> do NOT add a width to this definition. This will cause a lag in the dropping down of the menus on IE6! */
    /* thus making it extremely unfriendly to use ... */
    float: left;
    display: block;
    padding: 5px 10px 5px 10px;
    text-align: right;    
    font-family: tahoma, arial, helvetica, verdana, sans-serif;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

/* main level - hover */
a.mainlevel-suckerfish-horizontal:hover, a.mainlevel_active-suckerfish-horizontal:hover, a.mainlevel_current-suckerfish-horizontal:hover {
    color: #75c3ff;
}

/* main level - active */
a#active_menu-suckerfish-horizontal, a#active_menu-suckerfish-horizontal:link, a#active_menu-suckerfish-horizontal:visited, a.mainlevel_active-suckerfish-horizontal, a.mainlevel_active-suckerfish-horizontal:link, a.mainlevel_active-suckerfish-horizontal:visited {
    color: #75c3ff;
    background: #fffff;
}

/* main level separator */
span.mainlevel-suckerfish-horizontal, span.mainlevel_active-suckerfish-horizontal {
    float: left;
    display: block;
    padding: 5px 10px 5px 10px;   

    text-align: right;    
    font-family: tahoma, arial, helvetica, verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    
	cursor: pointer;
}

/* main level separator - hover */
span.mainlevel-suckerfish-horizontal:hover {    
    color: #75c3ff;
    
    cursor: pointer;
}

/* main level separator - active */

span.mainlevel_active-suckerfish-horizontal {    
    background: #75c3ff;
}

/*span.mainlevel_active-suckerfish-horizontal {
    padding: 5px 10px 5px 10px;
    
    font-family: arial, helvetica, verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    background: #ffffff;
    
    cursor: pointer;
}

/* all  main level - ul tags */
ul.mainlevel-suckerfish-horizontal, .mainlevel-suckerfish-horizontal ul {
    list-style: none;
	padding: 0px;
	margin: 0px;	
}

/* main level - ul tag */
ul.mainlevel-suckerfish-horizontal {
	z-index: 101;
}

/* all li tags */
ul.mainlevel-suckerfish-horizontal li {
	float: left;	
	position: relative;
	z-index: 101;
		
	list-style: none;
	
	padding: 0px;
	margin: 0px;
	
	background: none;
    background: url(../images/white_separator.gif) no-repeat center left;
}

/*********************************/
/* SUB LEVEL - level 1 & General */
/*********************************/

a.sublevel-suckerfish-horizontal, a.sublevel_active-suckerfish-horizontal, a.sublevel_current-suckerfish-horizontal, a.sublevel-suckerfish-horizontal:link, a.sublevel_active-suckerfish-horizontal:link, a.sublevel_current-suckerfish-horizontal:link, a.sublevel-suckerfish-horizontal:visited, a.sublevel_current-suckerfish-horizontal:visited, a.sublevel-suckerfish-horizontal:hover, a.sublevel_active-suckerfish-horizontal:hover, a.sublevel_current-suckerfish-horizontal:hover {
    display: block;
    line-height: 1em;
    padding: 10px 5px 10px 11px;
    
    text-align: left;
	font-family: tahoma, arial, helvetica, verdana, sans-serif;
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
	text-decoration: none;

    background-color: #004b85;

	border-bottom: 1px solid #fff;
}

/* sub level - hover */
ul ul li a.sublevel-suckerfish-horizontal:hover, ul ul li a.sublevel_active-suckerfish-horizontal:hover, ul ul li a.sublevel_current-suckerfish-horizontal:hover {  
    color: #ffffff;
    
    background-color: #004b85;

	border-bottom: 1px solid #fff;
}

/* sub level - active */
a.sublevel_active-suckerfish-horizontal span.expanded, a.sublevel_current-suckerfish-horizontal#active_menu-suckerfish-horizontal span.expanded, a.sublevel_active-suckerfish-horizontal, a.sublevel_active-suckerfish-horizontal:visited, a.sublevel_current-suckerfish-horizontal#active_menu-suckerfish-horizontal {
    color: #ffffff;    
    font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	background-color: #004b85;/* url(../images/sublevel_sarrow.gif) 165px center no-repeat;*/
}

a.sublevel_current-suckerfish-horizontal#active_menu-suckerfish-horizontal span.expanded {
    /*background: url(../images/sublevel_sarrow.gif) 165px center no-repeat;*/
    color: #ffffff;
    font-weight: bold;
	text-decoration: none;
    background-color: #004b85;
	border-bottom: 1px solid #fff;	
}

/* sub level separator */
span.sublevel-suckerfish-horizontal {
    display: block;
    line-height: 1em;
    padding: 5px 10px;
    
    text-align: left;
	font-family: tahoma, arial, helvetica, verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: normal;
	text-decoration: none;

    /*background: #999999 url(../images/sublevel_arrow.gif) 175px center no-repeat;*/

	border-bottom: 1px solid #fff;
    
	cursor: pointer;
}

/* sub level separator - active */
span.sublevel_active-suckerfish-horizontal {
    display: block;
    line-height: 1em;
    padding: 5px 10px; 

	width: 138px !important;
	/width: 158px;
	
    text-align: left;
	font-family: tahoma, arial, helvetica, verdana, sans-serif;
    font-size: 11px;
    color: #004b85;
    font-weight: normal;
	text-decoration: none;
	
	/*background: #999999 url(../images/sublevel_sarrow.gif) 175px center no-repeat; /* IF you like to place an image */

	border-bottom: 1px solid #fff;
	
	cursor: pointer;
}

/* sub level ul tags - Level 1 and after */
ul.mainlevel-suckerfish-horizontal ul {
	position: absolute;
	display: none;
	
	margin-top: -20px !important;
	/margin-top: 20px;
	top: 0px;
	left: 0px;

	/*background: url(../images/sublevel_arrow.gif) 175px center no-repeat; /* IF you like to place an image*/
}

/* sub level li tags - Level 1 and after */
ul.mainlevel-suckerfish-horizontal li li {
	position: relative;
	
	width: 158px;
	margin: 0px;
}

/***********************/
/* SUB LEVEL - Level 2 */
/***********************/

ul.mainlevel-suckerfish-horizontal ul ul a.sublevel-suckerfish-horizontal, ul.mainlevel-suckerfish-horizontal ul ul a.sublevel_active-suckerfish-horizontal, ul.mainlevel-suckerfish-horizontal ul ul a.sublevel_current-suckerfish-horizontal, ul.mainlevel-suckerfish-horizontal ul ul a.sublevel-suckerfish-horizontal:link, ul.mainlevel-suckerfish-horizontal ul ul a.sublevel_active-suckerfish-horizontal:link, ul.mainlevel-suckerfish-horizontal ul ul a.sublevel_current-suckerfish-horizontal:link, ul.mainlevel-suckerfish-horizontal ul ul a.sublevel-suckerfish-horizontal:visited, ul.mainlevel-suckerfish-horizontal ul ul a.sublevel_active-suckerfish-horizontal:visited, ul.mainlevel-suckerfish-horizontal ul ul a.sublevel_current-suckerfish-horizontal:visited {
	display: block;	

    font-family: arial, helvetica, verdana, sans-serif;
    font-size: 11px;
    color: #fff;    
    font-weight: normal;
    
	background-color: #adadad;
}

ul.mainlevel-suckerfish-horizontal ul ul a.sublevel-suckerfish-horizontal:hover, ul.mainlevel-suckerfish-horizontal ul ul a.sublevel_active-suckerfish-horizontal:hover, ul.mainlevel-suckerfish-horizontal ul ul a.sublevel_current-suckerfish-horizontal:hover {
	color: #000;
	background-color: #999999;
}

/* sub level ul tags - Level 2 and after */
ul.mainlevel-suckerfish-horizontal ul ul {
	position: absolute;
	left: 158px;
		
	margin-top: -43px !important;
	/margin-top: 0px;

}

/* EXPANDABLE LEVELS */
ul.mainlevel-suckerfish-horizontal ul .expanded {
	display: block;
	
	padding-right: 10px;
}

/***********************/
/* GENERAL MENU STYLES */
/***********************/

/* wrapper */
div.menu-suckerfish-horizontal-sub-wrapper {
	margin-left:21px;
}

ul.mainlevel-suckerfish-horizontal li > ul {
	top: 4em;
}

ul.mainlevel-suckerfish-horizontal li:hover ul, ul.mainlevel-suckerfish-horizontal li.hover ul {
	display: block;
}

ul.mainlevel-suckerfish-horizontal li:hover ul ul, ul.mainlevel-suckerfish-horizontal li.hover ul ul {
	display: none;
}

ul.mainlevel-suckerfish-horizontal li:hover ul li:hover ul, ul.mainlevel-suckerfish-horizontal li.hover ul li.hover ul {
	display: block;
}

ul.mainlevel-suckerfish-horizontal, ul.mainlevel-suckerfish-horizontal li li {
	clear: left;
}

/****************/
/* OTHER STYLES */
/****************/

/* FIRST ITEMS */
/* main level - first item */
ul.mainlevel-suckerfish-horizontal li.first {
	background: none;
}

ul.mainlevel-suckerfish-horizontal li.first a {
}

/* sub level - first item */
ul.mainlevel-suckerfish-horizontal ul li.first {
   
}

/* sub level 2 - first item */
ul.mainlevel-suckerfish-horizontal ul li li.first {
}

/* LAST ITEMS */
/* main level - last item */
ul.mainlevel-suckerfish-horizontal li a.last {
}

/* sub level - last item */
ul.sublevel-suckerfish-horizontal li.last {
}

/* sub level li item with children */
li a.sublevel-suckerfish-horizontal span.expanded, li a.sublevel-suckerfish-horizontal:hover span.expanded {
    background: url(../images/sublevel_arrow.gif) 165px center no-repeat;
}