/* menu styles */

div#main_navigation {position:relaitve; float:right; margin:30px 20px 0 0;}
ul#main_menu {margin: 0; list-style: none;}
ul#main_menu li {
margin: 0 15px 0 0;
padding: 0;
float:left;
width:55px;
text-align:center;
}
ul#main_menu li a img{
position:relative;
width:37px;
height:37px;
margin-bottom:5px;
float:left;
margin-left:7px;
border:0;
}
ul#main_menu li a{
color:#FFF;
font-size:12px;
display:block;
width:55px;
text-align:center;
}
ul#main_menu li a:hover{
color:#000;
}
ul#main_menu li a.selected,  a.selected{
color:#000;
}
.item-text{
display:block;
width:55px;
float:left;
}

.accordion_toggle, .accordion_link{
width:160px;
height:30px;
margin-left:30px;
cursor:hand;
cursor:pointer;
}
.accordion_toggle:hover{
color:#000;
}
.accordion_toggle img, .accordion_link img{
position:relative;
width:25px;
float:left;
display:block;
}
h2.accordion_toggle .menu-item, h2.accordion_link .menu-item{
position:relative;
float:right;
width:125px;
top:4px;
}
h2.accordion_toggle a,h2.accordion_toggle , h2.accordion_link{
font-size:14px;
color:#FFF;
}
h2.accordion_toggle a, h2.accordion_link a{
color:#FFF;
margin-bottom:5px;
cursor:hand;
}
h2.accordion_toggle a.selected, h2.accordion_link a.selected, div.selected, div.accordion_content a.selected{
color:#000;
}
h2.accordion_toggle  a:hover, h2.accordion_link a:hover{
color:#000;
}
.accordion_toggle_active {
color: #000;
}
/* HACK for arcadia cleaning
Any accordion_cont div's without the active style will not be shown/ displayed
This fixes IE7's bug which forces a gap to be shown in the acordion_content even if it has no content
*/	
.accordion_content {
position:absolute;
bottom:0;
left:0;
height:0px;
display:none;
}
.active{
position:relative;
height:200px;
overflow: hidden;
}
.accordion_content ul {
width:150px;
list-style:square;
margin-left:60px;
}			
.accordion_content ul li{
margin:0;
padding:0;
}
.accordion_content ul li a {
color:#FFF;
}
.accordion_content ul li a:hover {
color:#000;
}
a:hover{
color:#000;
}