/******************************************
*   Main or page navigation styles                       
******************************************/


/*Main Navbar */

#nav {
	
	font-size:0.85em;
	}
	
#nav, #nav ul {
	list-style:none;
	line-height:0.85em;
	}

#nav a, #nav a:hover {
	display: block;
	text-decoration: none;
	border:none;
	text-transform:uppercase;
	}

#nav li {
	float: left;
	list-style:none;
	margin-left:5px;
	}

#nav a, #nav a:visited {
	display:inline-block;
	background:#fff;
color:#008CBF; border-color:#fff;
font-weight:bold;
	-moz-border-radius:12px;
	-webkit-border-radius: 12px;
	-khtml-border-radius:12px;
	border-radius:12px;
	height:10px;
	line-height:10px;
	padding:5px 10px;
	}
.ie7 #nav a, .ie8 #nav a{
	padding:7px 10px 3px 12px;
	behavior:url(http://poolparty.punkt.at/border-radius2.htc);}
.ie8 #nav a{
	padding:7px 0 3px 10px;
	behavior:url(http://poolparty.punkt.at/border-radius2.htc);}
	
.ie7 #nav a:hover, .ie8 #nav a:hover{
	color: #DE5126;
	}
	
.ie6 #nav a{
	display:block;
	float:left}

#nav a:hover {
	background-color:#DE5126;
	text-decoration:none;
	color: #fff;
	}
	

#nav .current_page_item	a, #home #nav .on  {color: #fff;
	background:#00A8E7;
	border-color:#00A8E7;}
	
	
	
/* Dropdown Menus for child pages */		

#nav li ul {/*first level dropdown*/
	position: absolute;
	z-index: 10;
	left: -999em;
	height: auto;
	width: 174px;
	border-bottom: 1px solid #666;
	}
	
#nav li ul ul {/*second level dropdown*/
	margin: -2em 0 0 172px;
	}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
	}

#nav li li {
	width: 172px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	background:#999;
	}

#nav li li a, #nav li li a:visited {
	font-weight:normal;
	font-size:0.9em;
	color:#FFF;
	}

#nav li li a:hover, #nav li li a:active {background:#840000;}	
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}

a.main:hover {background:none;}





	

		
