/* Suckerfish dropdowns for Editor Menu
/*------------------------------------------------------------------------------------*/

#top_menu {
    padding: 5px 10px 0px 0px;
    margin: 0px; 
    float: right;
    top: 0px;
    right: 0px;
    list-style: none;
}

#top_menu li {
  color: black;
  display: inline;
  margin: 0px;
  padding: 0px;
  border-left: 1px solid black;
}

#top_menu li:first-child {
  margin: 0px;
  border-left: none;
}

#top_menu li a {
  margin: 0px;
  padding: 0em 0.2em 0em 0.5em;
  color: black;
  text-decoration: none;
}





#header_menu ul {
	padding: 0px;
	margin: 0px;
        clear: left;
	float: left;
	list-style: none;
}

#header_menu a {
	display: block;
	font-size: 0.9em;
        font-weight: bold;
        text-transform: uppercase; 
	text-decoration: none;
	font-family: Helvetica, Futura, Tahoma;
}

/* parent menus have arrow on right */
#header_menu a.parent {
	background: url('/townsquare/img/icons/arrow_right.png') center right no-repeat;
}

/* Top menu goes from left to right */
#header_menu li {
	padding: 0px;
	margin: 0px;
	float: left;
}

/* This should only affect the top menu style */
/* Nah, this will affect all li > a in the menu */
#header_menu li > a {
	padding: 1px 10px 0px 10px;
        border-left: none;
	color: #224635;
	margin: 0px;
	height: 32px;
        line-height: 32px;
	vertical-align: middle;
}
#header_menu li li > a {
	padding: 1px 10px 0px 10px;
        border-left: solid #fff 1px;
	color: #716542;
	margin: 0px;
	height: 28px;
        line-height: 28px;
	vertical-align: middle;
}

/* the -999 sends it offscreen when there is no hovering going on. 
   The rest of it is there whether hovering or not. */

#header_menu li ul {
        padding: 0px;
	margin: 0px;
	border: solid #8BC240 1px;
	position: absolute;
        z-index: 20;
	width: auto; 
	height: auto;
	left: -999em;
	background-color: #F1F3E6; 
	font-weight: normal;
}

#header_menu li li {
	padding: 0px;
	margin: 0px;
	width: auto;
        float: none;
}


#header_menu li ul a {
        padding: 0px 1em 0px 25px;
	border: none;
        border-top: solid 1px #fff;
        border-bottom: solid 1px #fff;
	margin: 0px;
	color: #716542;
}



/* offset for submenus */
#header_menu li ul ul {
	margin: -20px 0em 0em 120px; 
        overflow: hidden;
}

/* offscrean when mouse off */
#header_menu li:hover ul ul, 
#header_menu li:hover ul ul ul, 
#header_menu li.sfhover ul ul, 
#header_menu li.sfhover ul ul ul {
	left: -999em;
}

/* show when mouse hovers */
#header_menu li:hover ul, 
#header_menu li.sfhover ul { 
	left: auto;
}

/* could combine these, as they are. */
#header_menu li li.sfhover ul, 
#header_menu li li:hover ul, 
#header_menu li li li:hover ul, 
#header_menu li li li.sfhover ul {
	left: auto;
        width: 25em;
}

/* border/background when mouse hovers */
#header_menu li ul li:hover > a, 
#header_menu li ul li.sfhover > a {  
        background-color: #F1F3E6;
	color: #716542;
        border-top: solid 1px #999;
        border-bottom: solid 1px #999;
}




/*
 * Side Menu
 */
 
 


/* sidebar - Nothing special for this site


#side_menu ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#side_menu a, #side_menu a:visited {
	text-decoration: none;
	color: #000;
}

#side_menu a:hover {
        color: #000;
}

#side_menu li { 
        padding-top: 1.0em;
        padding-bottom: 0.7em;
	padding-left: 30px;
	padding-right: 20px; 
        border-top: 1px solid #8A887B;
}

#side_menu li:hover, #side_menu li.sfhover {
	background-color: #fff;
}


 */





/* sucker fish menu - sidebar */



#side_menu, #side_menu ul { /* all lists */
	z-index: 999;                
	padding: 0px;
	margin-right: 10px;
	list-style: none;
	line-height: 2em;
}

#side_menu a, #side_menu a:visited {
	text-decoration: none;
	font-size: 1.2em;
	color: white;
	display: block;
	width: 262px;
	font-family: Georgia,"New Times Roman",Serif;
	
}
#side_menu a.has_sub
{/* this is for the subnav arrow */
	background-image: url('/img/layout/MenuBarRight.gif');
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

#side_menu a:hover {color: #eeae30;}

#side_menu li { /* all list items */
	margin-left: 0px;                     
	float: left;
	width: 249px; /* width needed or else Opera goes nuts */
	padding: 10px 0px 10px 23px;
	border-bottom: 1px solid #5A2C22;
	overflow: hidden;
}


#side_menu li ul { /* second-level lists */                         
	border-color: white;                                                  
	height: auto;                         
	position: absolute;
	width: 249px; 
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}


#side_menu li ul li { /* second-level lists - no bullet */

	border-top: 1px solid #60392C;
	border-right: 1px solid #5A2C22;
	border-left: 1px solid #60392C;
	margin-left: 10px;                                                        
	background: url('/img/layout/blank.gif') no-repeat -3px 5px;
	padding: 5px;
	/*padding-right: 5px;*/
	background: #A84636;

}


#side_menu li ul li a:hover {
}

#side_menu li ul ul { /* third-and-above-level lists */
	width: auto;                                                                    
	margin: -1em 0 0 10em;
}


#side_menu li:hover ul ul, 
#side_menu li:hover ul ul ul, 
#side_menu li.sfhover ul ul, 
#side_menu li.sfhover ul ul ul {
	left: -999em;
}

#side_menu li:hover ul, 
#side_menu li li:hover ul, 
#side_menu li li li:hover ul, 
#side_menu li.sfhover ul, 
#side_menu li li.sfhover ul, 
#side_menu li li li.sfhover ul { /* lists nested under hovered list items */
        left: auto;
	margin-top: -1.5em;                                            
	margin-left: 200px;
}





















/*
 * Footer Menu
 */

#footer_cell ul {
  list-style: none;
  margin: 0.5em 0em;
  padding: 0em;
}

#footer_cell ul li {
  display: inline;
  list-style: none;
  margin: 0em;
  padding: 0em 1em 0em 1em;
  border-left: 1px solid;
}

#footer_cell ul li:first-child {
  border-left: none;
}





#editor_menu {
  margin: 0px;
  padding: 0px;
  width: auto;
  z-index: 20;
  position: relative;
  background-color: #443;
  font-weight: bold;
  font-size: 0.9em;
  text-align: left;
}

#editor_menu a {
  text-decoration: none;
}

#editor_menu a:hover {
  color: #d7dd86;
}

#editor_menu ul {
  background-color: #443;
  margin: 0px;
  padding: 0px;
  list-style: none;
  z-index: 999;
}

#editor_menu li {
  border-right-color: #626246;
  border-right-width: 1px;
  border-right-style: solid;
/*  float: left; */
/*  position: relative; */
  width: 8em;
}

#editor_menu li a {
  padding-bottom: 0.25em;
  padding-left: 35px;
  padding-top: 0.25em;
  display: block;
  color: white;
  text-decoration: none;
}

#editor_menu li ul {
  top: 2.2em;
  display: none;
  position: absolute;
  left: 0;
}

#editor_menu li > ul {
  top: auto;
  left: auto;
}
	
#editor_menu li:hover ul, #editor_menu li.sfhover ul { 
  display: block; 
}
	
#editor_menu li li {
  width: 10em;
}



/** Menu Items **/


/* Admin and User menu items */

li.menu_logout {
  margin: 0px;
  padding: 0px;
  
}
li.menu_admin {
  margin: 0px;
  padding: 0px;
  
}
li.menu_content {
  margin: 0px;
  padding: 0px;
}



li.menu_users a {
  border-width: 1px;
  border-style: solid;
  border-color: #5b5c3e #2a2a1c #2a2a1c #5b5c3e;
  background: url('/townsquare/img/icons/user.png') no-repeat 5px 50%;
  margin: 0px;
  padding: 0px;
  
}
li.menu_groups a {
  border-width: 1px;
  border-style: solid;
  border-color: #5b5c3e #2a2a1c #2a2a1c #5b5c3e;
  background: url('/townsquare/img/icons/group.png') no-repeat 5px 50%;
  margin: 0px;
  padding: 0px;
  
}
li.menu_wrench a {
  border-width: 1px;
  border-style: solid;
  border-color: #5b5c3e #2a2a1c #2a2a1c #5b5c3e;
  background: url('/townsquare/img/icons/wrench.png') no-repeat 5px 50%;
  margin: 0px;
  padding: 0px;
  
}
li.menu_clickboard a {
  border-width: 1px;
  border-style: solid;
  border-color: #5b5c3e #2a2a1c #2a2a1c #5b5c3e;
  background: url('/townsquare/img/icons/clickboard.png') no-repeat 5px 50%;
  margin: 0px;
  padding: 0px;
  
}
li.menu_recent a {
  border-width: 1px;
  border-style: solid;
  border-color: #5b5c3e #2a2a1c #2a2a1c #5b5c3e;
  background: url('/townsquare/img/icons/new.png') no-repeat 5px 50%;
  margin: 0px;
  padding: 0px;
  
}
li.menu_settings a {
  border-width: 1px;
  border-style: solid;
  border-color: #5b5c3e #2a2a1c #2a2a1c #5b5c3e;
  background: url('/townsquare/img/icons/cog.png') no-repeat 5px 50%;
  margin: 0px;
  padding: 0px;
  
}

/* CMS menu items */


li.menu_calendar a {
  border-width: 1px;
  border-style: solid;
  border-color: #5b5c3e #2a2a1c #2a2a1c #5b5c3e;
  border-style: solid;
  padding: 0px;
  margin: 0px;
  background: url('/townsquare/img/icons/date.png') no-repeat 5px 50%;
}
li.menu_image a {
 border-width: 1px;
  border-style: solid;
  border-color: #5b5c3e #2a2a1c #2a2a1c #5b5c3e;
  padding: 0px;
  margin: 0px;
  background: url('/townsquare/img/icons/image.png') no-repeat 5px 50%;
}
li.menu_images a {
  border-width: 1px;
  border-style: solid;
  border-color: #5b5c3e #2a2a1c #2a2a1c #5b5c3e;
  padding: 0px;
  margin: 0px;
  background: url('/townsquare/img/icons/images.png') no-repeat 5px 50%;
}
li.menu_library a {
  border-width: 1px;
  border-style: solid;
  border-color: #5b5c3e #2a2a1c #2a2a1c #5b5c3e;
  padding: 0px;
  margin: 0px;
  background: url('/townsquare/img/icons/document.png') no-repeat 5px 50%;
}
li.menu_pages a {
  border-width: 1px;
  border-style: solid;
  border-color: #5b5c3e #2a2a1c #2a2a1c #5b5c3e;  
  padding: 0px;
  margin: 0px;
  background: url('/townsquare/img/icons/page_white.png') no-repeat 5px 50%;
}
li.menu_blank a {
  border-width: 1px;
  border-style: solid;
  border-color: #eee;  
  padding: 0px;
  margin: 0px;
  background: #fff;
}
li.menu_news a {
  border-width: 1px;
  border-style: solid;
  border-color: #5b5c3e #2a2a1c #2a2a1c #5b5c3e;  
  padding: 0px;
  margin: 0px;
  background: url('/townsquare/img/icons/newspaper.png') no-repeat 5px 50%;
}
li.menu_menus a {
  border-width: 1px;
  border-style: solid;
  border-color: #5b5c3e #2a2a1c #2a2a1c #5b5c3e;
  padding: 0px;
  margin: 0px;
  background: url('/townsquare/img/icons/chart_organisation.png') no-repeat 5px 50%;
}

li.menu_manage a {
  border-width: 1px;
  border-style: solid;
  border-color: #5b5c3e #2a2a1c #2a2a1c #5b5c3e;  
  padding: 0px;
  margin: 0px;
  background: url('/townsquare/img/icons/wand.png') no-repeat 5px 50%;
}


/*
 * Generic item class. Used when there is not a custom icon.
 * We use list here because things generally go to a list.
 */ 

li.menu_list a {
 border-width: 1px;
  border-style: solid;
  border-color: #5b5c3e #2a2a1c #2a2a1c #5b5c3e;  
  padding: 0px;
  margin: 0px;
  background: url('/townsquare/img/icons/table.png') no-repeat 5px 50%;
}