/* Most of this has been shamelessly adapted from
 * Holly and John at positioniseverything.net
 */

.nav {
    width: 90%;
    margin: 0 1% 0 8%;
    font-size: 1.2em;
    font-weight: 500;
}
.nav ul, .nav li {
    list-style: none;
}

.button {
    float: left;
    padding: 0 6% 0 0;
    text-transform: capitalize;
}

/* language button */
.topright {
    position: absolute;
    top: 20px;
    right: 20px;
    text-align: left;
}

.topright a, .topright ul, .topright li {
    padding: 0;
}

.topright .dropdown ul {
    background-color: transparent;
}
/* */

.parent {position: relative;}
/* Fixes a weird bug in Op7, see positioniseverything.net */
	
.floatfix {margin-right: -3px;}
/* this fixes the IE 3px bug that is common in this type of float arrangement */ 

.dropdown {
    width: 230px;
    position: absolute;		
    left: -3000px;
    top: auto; /* puts dropdowns directly under top nav */
    text-align: left; /* needed because IE misapplies text centering to boxes */	
    font-size: .75em;
    background: url(images/bgfix.gif);
}
	
.dropdown ul { 
  width: 129px;
  margin: 0 30px 30px 30px; /* creates "sticky hovering" zones for dropdowns */
}
	
.nav li {
    text-align: left;
}

.nav a {
    display: block;
    text-decoration: none;
    padding: 3px;
}

.nav a:link, .nav a:visited {
    background-color: transparent;
    color: #fff;
}

.lang {
    font-size: .7em;
}


/* current page */
.nav a:link.current, .nav a:visited.current {
    background-color: transparent;
    color: #FF6600;
}

/* hover behavior */
.nav a:hover, .nav a:active {
    background-color: transparent;
    color: #ff7;
}

.nav a:hover.current {
    background-color: transparent;
    color: #ff7;
}

a.menuitem, a.menuitem:hover {
    color: #fff;
}

.dropdown li {
    position: relative; 
    vertical-align: bottom; /* IE5/win bugfix */
}
				
.parent:hover {background-image: url(images/bgfix.gif);} 
/* this hover calls a transparent GIF only to defeat the IE failed hover bug. Any 
background change on hovering div.parent will make IE obey and display the dropdown.
While the call itself will fix the bug, make sure you actually call a real image 
file so that your site error logs will not fill with failed image calls. */
				
.parent:hover div.dropdown {left: -31px;} /* hover rule for dropdowns */ 
/* extra pixel makes dropdowns "line up" with top links */ 


.parent ul {
    background: #149;
}

.one {z-index: 10;}
.two {z-index: 20;}
.three {z-index: 30;}
.four {z-index: 40;}
.five {z-index: 50;}
.six {z-index: 60;}
.six:hover {z-index: 20;}

/* Special fixes */

/* This is to hide the following from IE/Mac. \*/
* html .button .dropdown li {
height: 1%;
margin-left: -16px;
mar\gin-left: 0;
}
/* */

* html .nav a
 {height: 1%;}

/* The first 2 rules above fix "bullet region" problems in IE5.x/win, 
and the 2nd is to make all links fully clickable. */    

.brclear { /* Use a break with this class to clear float containers */
clear:both;
height:0;
margin:0;
font-size: 1px;
line-height: 0;
}

/*\*/ /*/
.nav .dropdown, .nav .dropdown div {width: 189px;}
.nav .button .dropdown ul {margin: 0px;}
.nav .dropdown, .nav .dropdown div {position: static;}
.nav .dropdown ul {border: 0;}
/* this rule block "dumbs down" the nav for IEmac */