/**
 * Navigation elements - turning ULs into menus
 */



/* Language choice
-------------------------------------------------------------- */

ul.languages { margin: 0; padding: 0; }
ul.languages li { float: left; list-style: none; margin-right: 5px;}
ul.languages li a { float: left; display: block; }



/* Main navigation
-------------------------------------------------------------- */

ul.topnav {padding: 0; }
ul.topnav li { float: left; list-style: none; margin-right: 15px }
ul.topnav li a { float: left; display: block; background:url("../img/topmenu-bg.gif") no-repeat left center; padding:0 6px; height:27px; color:#000; text-decoration:none;}

ul.topnav li span {
background:url("../img/topmenu-bg-r.gif") no-repeat right center;
display: block;
font-size:1px;
float:right;
height:27px;
width:1px;
}


/* Clearing floats without extra markup  */
ul.topnav { display: inline-block; }
ul.topnav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html ul.topnav { height: 1%; }
ul.topnav { display: block; }


/* Sub navigation (left)
-------------------------------------------------------------- */
ul.leftnav {padding: 0; margin-top: 2em;}
ul.leftnav li { display: block; list-style: none; margin-bottom: 1px; list-style-image:none;}
ul.leftnav li a { display: block; background: #9ac3b5; padding-right: 10px;}
ul.leftnav li a:hover, ul.leftnav li.active a { background: #fae237;}
ul.leftnav li.special a { background: #b72342; color: #fff; }