/* @group SUCKERFISH */

/*#navcontainer{  /*added by Me

position:relative;

top:0px;

}*/


#navbar {
	
	position:relative;
	
	width: 75%;

	height: 0px;

	padding: 0px 0px 0px 0px;

	margin-right: 0px;
	
	float: right; /*menu to right of page change on all navbar instances*/
	
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	
	background-color:#4a8dfb url(../images/navback.jpg) repeat-x;
	
	border: 0px solid #000000;

}



#navbar ul {

	float: right; /*menu to right of page change on all navbar instances IMPORTANT ONE*/ /* ----FIREFOX FLOAT:LEFT WORKS  changed to left for experiment with ie6 ---*/
	
	/*width:100%; /* this gives safari and FF colour in to the length of Navbar, but floats all to the left!!!!*/
	
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	
	list-style: none;

	padding: 0;

	margin: 0;

	margin-left: 2px;
	
	background-color:#4a8dfb; /* this gives navbar color bg in Safari and FF not needed for IE6 but it doesn't cover the whole length of the navbar*/
	
	/*margin-right: 20px; needed for Safari maybe */

}



#navbar ul li {

	position: relative;

	margin: 0;

}



/*PARENT MENU*/



#navbar a {

	float: left; /*menu to right of page change on all navbar instances*//* If FLOAT TO RIGHT FF DISPLAYS IN BLOCK NOT INLINE*/
/* IE6 if floated to right displays it inline*/
	 
	color: #ffffff;

	/*background-color:4a8dfb; /* added by me drop down background menu */
	
	text-decoration: none;

	display: block;

	cursor: pointer;

	height: 20px;

	line-height: 20px;

	padding: 0px 10px;

}





/*PARENT MENU ITEM HOVER*/

#navbar li a:hover {

	background:#4a8dfb; /* hover over colour of main buttons */
		

}

#navbar ul li:hover,

#navbar ul li.sfhover

 {

	/*background: url(../images/menu_over.png) no-repeat left top;*/ /* THESE ARE OPTIONS THAT CAN BE ADDED */

}



/*ALL LISTS*/

/* outline colour*/

#navbar li {

	float: left; /* changing this to right will move the home button to the right*/

	padding: 0;

	border-bottom: 0px solid #000000;
	
	

	/*background: url(../images/menu_normal.png) no-repeat left top;*/

}



#navbar ul li {

	margin-right: 1px;

	border-right: 0px solid #000000;
	
	/*background-color:4a8dfb;*/
	}




#navbar ul li ul li {

	margin-right: 0px;

	border-right: 0px solid #000000;
	
	/*background-color:transparent;*/
}





#navbar li:hover ul, 

#navbar li li:hover ul, 

#navbar li li li:hover ul, 

#navbar li li li li:hover ul,

#navbar li.sfhover ul, 

#navbar li li.sfhover ul, 

#navbar li li li.sfhover ul,

#navbar li li li li.sfhover ul {

	background:#4a8dfb;/* url(../images/menu_gradient.png) repeat-x left top;*/ /* drop-down area colour*/
	/*filter: alpha(opacity=80); /*IE opacity
	
	opacity: 0.80; */


}


/*DEFINE HOVER COLORS*/



#navbar li:hover a, #navbar li.sfhover a { /*main buttons rollover colour*/

	color: #25467b;

}



#navbar ul li ul li a:link,

#navbar ul li ul li a:visited

 {

	color: #fff;

}



#navbar ul li ul li a:hover,

#navbar ul li.active ul li a:hover {

	color: #000;

	background:#7896c7;

}



/*SUBLEVEL STYLES*/



/*SUBLEVEL TEXT STYLES*/



#navbar li li a {

	font-weight: normal;

	padding: 0px;

	height:25px; /*effects the height of the dropdown*/

	line-height: 17px; /* space between text on the dropdown*/

	text-indent: 5px;

}



#navbar ul ul a {

	display: Block;

	text-decoration: none;

	width: 160px; /* control the width of dropdown submenus*/

	text-transform: none;

}



#navbar li li {

	padding: 0;

	background: none;

	/*DONT SHOW THE BACKGROUND IMAGE*/

}



/*SUBLEVEL POSITIONING*/



#navbar li li {

	float: left;

	padding: 0;

	width: 160px; /*this also needs to be the same as above navbar ul ul a parent*/

}



#navbar li ul ul {

	margin: -29px 0 0 120px; /* this is the borderline, margin around dropdown also needs to match*/

}



#navbar li:hover, #navbar li.sfhover {

	left: 0;

}



/*SUBLEVEL HOVER STYLES*/

#navbar ul ul a:hover {

	background: none;

	height: 25px;

	line-height: 17px;

	padding: 0;

	margin: 0;

}







#navbar li ul {

	top: 20px;

	position: absolute;

	left: -999em;

	height: auto;

	width: 160px; /* borderline needs to match above size also*/

	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;

	font-weight: normal;

	border-width: 0;

	margin: 0;

	padding: 0;

	border-right: 1px solid #25467b;

	border-left: 1px solid #b6b08f;

	border-bottom: 1px solid #7c725a;

}



/* MAINLEVEL ACTIVE-A:LINK STYLE */



#navbar li.active a:link,

#navbar li.active a:visited,

#navbar li.active ul.sfhover

 {

	background:#25467b;

	color: #fff;

}

/* SUBLEVEL ACTIVE-A:LINK STYLE */



#navbar li.active ul li a:link,

#navbar li.active ul li a:visited,

#navbar li.active li

 {

	/*color: #fff;

	background: #4a8dfb;
	
	filter:alpha(opacity=80);
	
	opacity:0.8;*/

}

/* SUBLEVEL ACTIVE-A:LINK:HOVER STYLE */



#navbar li.active li a:hover,

#navbar li.active li.hover {

	/*color: #fff;

	background:#333;*/

}

/* SUBLEVEL LI BACKGROUND */

#navbar li li:hover {

	background: #4a8dfb;

}


/*SUBLEVEL PARENT INDICATORS*/


#navbar ul li ul li a.child,

#navbar ul li ul li a.child:hover {

	background: url(../images/arrow_right.gif) 100% 50% no-repeat;

}



#navbar ul li.active ul li a.child {

	background: url(../images/arrow_right.gif) 100% 50% no-repeat;

}

#navbar ul li ul li a:hover {

	background-image: none;
}

/* HIDE OTHER LISTS FROM IE */

#navbar li:hover ul ul, 

#navbar li:hover ul ul ul,

#navbar li:hover ul ul ul ul,  

#navbar li.sfhover ul ul, 

#navbar li.sfhover ul ul ul, 

#navbar li.sfhover ul ul ul ul {

	left: -999em;

}



#navbar li:hover ul, 

#navbar li li:hover ul, 

#navbar li li li:hover ul, 

#navbar li li li li:hover ul,

#navbar li.sfhover ul, 

#navbar li li.sfhover ul, 

#navbar li li li.sfhover ul,

#navbar li li li li.sfhover ul {

	z-index: 100;

	left: 0;

}



/* BECAUSE IE DOESNT UNDERSTAND CSS EVEN IN 2007 */



#navbar li.sfhover ul li.sfhover {

	background: #4a8dfb;

}





#navbar li:hover li:hover a.child,

#navbar li.sfhover li.sfhover a.child {

	color: #fff;

}



/* @end */