/*
Title:      Navigation Style
Author:     Loughlin McSweeney, loughlin@choicecut.com
Updated:    ...
Notes:		...
*/

h1
{
	text-align: left;
	font-size: 2em;
	padding-bottom: 1em;
}

div
{
	text-align: left;
}



/*clearing fix for floats*/
.fix:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


.fix
{
	display:inline-block;
	padding-left:0px;
} 

* html .fix
{
	height:1%;
}

.fix
{
	display:block;
}


/*the basic navigation*/
.simplenav li li {padding-left: 0;}									/*removes the indentation for nested lists set out in the reset css*/
.simplenav {height: 66px; position: relative;} 						/*height gives a container to sit the sub-nav within*/
.simplenav li {float: left; display: block;}						/*makes the list horizontal*/
.simplenav li span {display: block;}								/*puts the 'subtext' on a new line*/

/*additions for placing the nested lists as subnavs*/
.on {position: absolute; bottom: 0; left: 0; width: 794px;}			/*places the sub nav below the main nav*/
.off {top: -9999999px; position: absolute; opacity: 0;}				/*hide the inactive sub navs - leaves them 'visible' to screen readers*/

/*prettifying*/
.simplenav .skip
{
	float: right;
}

.simplenav a
{
	/*padding: 0.75em 16px;*/
	padding:9px 16px;
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

span
{
	font-size: 0.7em;
	opacity: 0.7;
}

.simplenav>ul
{
	/*background: url(../images/main.jpg) top left repeat-x;*/
	height:30px;
}


.simplenav>ul>li
{
	border-right: 2px solid #FFF;

}

.simplenav>ul>li#radio
{
	width:108px;
	height:32px;
	background: url(../images/hemisphere-radio-nav.gif) no-repeat 0 0;
	display:block;
	padding:0px;
}

.simplenav>ul>li#radio a
{
	height:14px;
}

.skip
{
	border-right-width: 0;
}

.simplenav>ul>li>a:hover
{
	/*background-image: url(../images/hover.jpg)*/
}




/*selected tab*/
.here>a
{
	/*background: url(../images/sub.jpg) top left repeat-x;*/
}

.simplenav>ul>li.here>a:hover
{
	/*background: url(../images/sub.jpg) top left repeat-x;*/
}


/*sub menu*/
.on li a, .off li a
{
	font-size: 1em;
	display: block;
    padding: 12px 6px;
	/*padding: 1em .5em;*/
}  /*make sure padding and font-size is the same on both on and off states as this is part of the measured width*/

.on
{
	/*background: url(../images/hover.jpg) bottom left repeat-x;*/
	
}

.on li
{
	display: block;
}

.here .on
{
	background: url(../images/sub.jpg) bottom left repeat-x;
}

.on a:hover
{
	text-decoration: underline;
}


/*keep parent menu item colour persistent on submenu*/
li#about ul.on.fix{	background-color:#B0D121; }
li#events ul.on.fix{ background-color:#E55367; }
li#atthefestival ul.on.fix{	background-color:#D4625B; }
li#getinvolved ul.on.fix{	background-color:#F9D14E; }
li#partners ul.on.fix{	background-color:#F6AE11; }
li#news ul.on.fix{	background-color:#E9731C; }
li#contact ul.on.fix{	background-color:#C44424; }
li#press ul.on.fix{	background-color:#2E6DCA; }

/*keep the top-level tab selected when moving to the sub nav */
.simplenav li.MenuVisible>a
{
	/*background-image: url(../images/hover.jpg);*/
}

.simplenav li.MenuVisible>a span
{
	background: transparent none;
	color: #fff;
}