/* Navigation stylesheet for grwe.com - created by Moonshine Internet 30/04/08 */


ul#navigation {
/*display: inline;
float: left;*/
font-size:11px;
}

ul#navigation li { 
display: inline; 
position: relative; 
float: left; 
z-index: 1;
list-style-type: none;
 }

	
ul#navigation li a { 
color: #FFF; 
background: url(../images/divider.gif) no-repeat right top; 
text-decoration: none; 
display: block; 
text-align: center; 
float: left;
padding: 4px 10px 8px 10px;
 }
	
ul#navigation li a:hover { 
color: Orange;
 }

ul#navigation li ul{
position: absolute;
left:0;
top: 25px;
display: none;
margin: 0px;
padding: 0px;
border-left: 1px solid #036;
border-right: 1px solid #036;
border-bottom: 1px solid #036;
width: 150px;
background: #F6FBFE;
}

ul#navigation li ul li a {
display: block;
text-decoration: none;
margin: 0;
z-index: 2;
background:#F6FBFE;
text-align: left;
padding:5px 0 5px 5px;
border-top: 1px solid #036;
color: #003C7D;
/*line-height: 2em;
height:25px;
width: 150px;*/
}

ul#navigation li ul li a:hover {
background: #003C7D;
color: Orange;
}

		
* html ul#navigation li {
float: left;
height: 1%;
z-index: 2; }

* html ul#navigation li a {
height: 1%;
z-index: 2; }

	
	
ul#navigation li:hover ul, ul#navigation li:hover ul li, ul#navigation li:hover ul li a, ul#navigation li.over ul, 
ul#navigation li.over ul li, ul#navigation li.over ul li a {
display: block;
float: none;
/* The magic */ z-index: 2;
}