/** containing div for the menu */
#flycell_menu {
 width:756px;
 _width:756px; /* all starting with _ are IE hacks, god damn ie! */
 height: 24px;
 margin:0 auto;
 background-image: url('/template/ca/images/flycell_menu_background.gif') 0 0 no-repeat;
 margin-top:3px;
 margin-bottom:0;
 padding:0 0;
}

/** css for top level menu */
ul.top_menu {
 margin:0 0;
 padding:0 0;
 height:22px;
 width:756px;
}

ul li.top_element {
 display:block;
 float:left;
 margin:0 0;
 padding:0 0;
 width:108px;
 height:22px;
}

ul li.top_element a.section_link,
div.sub_menu ul li.sub_element a.element_link {
 display: block;
 color:white;
 text-transform: uppercase;
 font-family: sans-serif;
 font-size:11px;
 font-weight:bold;
 text-align:center;
 text-decoration:none;
 height:30px;
 margin:0 0;
 padding:0 0;
 letter-spacing:1px;
}

/** single elements of the sub menus */
div.sub_menu ul li.sub_element {
 padding:0 10px;
}

span.label {
 position:relative;
 top:5px;
}

/** only direct anchors that are top_elements will have these backgrounds */
ul.top_menu li.top_element a.section_link:link {
 background: transparent url('/template/ca/images/top_element_normal.png') no-repeat;
}

ul.top_menu li.top_element a.section_link:hover,
ul.top_menu li.top_element a.section_link:active { 
 background: transparent url('/template/ca/images/top_element_hover.png') no-repeat;
}

ul.top_menu li.top_element a.section_link:visited {
 background: transparent url('/template/ca/images/top_element_normal.png') no-repeat;
}


/** css for sub menu */
div.sub_menu {
 position:absolute;
 width:100%;
 text-align:center;
 color:white;
 left:0;
 top:30px;
 height:22px;
 list-style:none;
 padding:0 0;
 margin:0 auto;
 z-index:0;
 visibility: hidden;
}

div.sub_menu ul {
 background-color:transparent;
 white-space:nowrap;
 display:inline;
 float:left;
 padding:0 0;
 margin:0 0;
}

div.sub_menu li.sub_element {
 display:inline;
 float:left;
 background-color:transparent;
 padding:0;
 margin:0;
 white-space:nowrap;
}

div.sub_menu ul li.sub_element a.element_link {
 background-image: none;
 display:inline;
 float:left;
}

li.sub_element a.element_link:link {
 color:white;
 background-image:none;
}

li.sub_element a.element_link:hover,
li.sub_element a.element_link:active {
 color:yellow;
 background-image: none;
}

li.sub_element a.element_link:visited {
 background-image: none;
}