/* Author: Patrick Johnson Calinet Limited */


/* To stop IE being GAY */
#navigation li:hover, #menu li.hover {
    position: static;
}

/* Set width of navigation bar */

#navigation {
	margin-top: 0px;
	MARGIN-BOTTOM: 0px;
	WIDTH: 803px;
	font-family: Arial, Helvetica, sans-serif;
	DISPLAY: block;
	background-position: top left;
	background-image: url(../images/n-backing.jpg);
	font-size: 11px;
}


#nav {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 1; PADDING-TOP: 0px;  LIST-STYLE-TYPE: none;
}
#nav UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 1; PADDING-TOP: 0px; LIST-STYLE-TYPE: none;
}

#nav A {
	DISPLAY: block;	
}
#nav LI {
	FLOAT: left;
	
	
}
#nav LI UL {
	LEFT: -999em; WIDTH: 149px; POSITION: absolute;		
}


#nav LI UL LI{
	/*background-COLOR: #ffffff;*/
}


/* EDIT this if you would prefer a different colour on rollover drop down items */

#nav LI UL LI:hover{
	background-COLOR: #009966;
	color: #ffffff;
}

#nav LI UL {
	LEFT: -999em; WIDTH: 149px; POSITION: absolute;
	}

#nav LI UL UL {
	MARGIN: -1.5em 0px 0px 9.4em;
}
#nav LI:hover UL UL {
	LEFT: -999em;
}
#nav LI.sfhover UL UL {
	LEFT: -999em;
}
#nav LI:hover UL {
	LEFT: auto;
}
#nav LI LI:hover UL {
	LEFT: auto;
	
}
#nav LI.sfhover UL {
	LEFT: auto;
	
}
#nav LI LI.sfhover UL {
	LEFT: auto;
}

/* 1 */

.maintab1 { 
	DISPLAY: block;  
	TEXT-ALIGN: center; 
	TEXT-DECORATION: none;
	color: #000000;
	margin: 0px;
	width: 40px;
	font-size: 11px;
	text-align: center;
	padding-right: 0px;
	PADDING-top: 10px;
	padding-bottom: 15px;
	vertical-align: center;
}


a.maintab1:hover {
	COLOR: #FFFFFF; 	background-color: #003366; TEXT-DECORATION: none;
}

a.maintab1 {
	COLOR: #000000; 	display: block; 	TEXT-DECORATION: none;
}

/* 2 */

.maintab2 { 
	DISPLAY: block;  
	TEXT-ALIGN: center; 
	TEXT-DECORATION: none; 
	color: #000000;
	margin: 0px;
	width: 65px;
	font-size: 11px;
	text-align: center;
	padding-right: 0px;
	PADDING-top: 10px;
	padding-bottom: 15px;
	vertical-align: center;
}


a.maintab2:hover {
	COLOR: #FFFFFF; 	background-color: #003366; TEXT-DECORATION: none;
}

a.maintab2 {
	COLOR: #000000; 	display: block; 	TEXT-DECORATION: none;
}


/* 3 */

.maintab3 { 
	DISPLAY: block;  
	TEXT-ALIGN: center; 
	TEXT-DECORATION: none; 
	color: #000000;
	margin: 0px;
	width: 95px;
	font-size: 11px;
	text-align: center;
	padding-right: 0px;
	PADDING-top: 10px;
	padding-bottom: 15px;
	vertical-align: center;
}


a.maintab3:hover {
	COLOR: #FFFFFF; 	background-color: #003366; TEXT-DECORATION: none;
}

a.maintab3 {
	COLOR: #000000; 	display: block; 	TEXT-DECORATION: none;
}

/* 4 */

.maintab4 { 
	DISPLAY: block;  
	TEXT-ALIGN: center; 
	TEXT-DECORATION: none; 
	color: #000000;
	margin: 0px;
	width: 80px;
	font-size: 11px;
	text-align: center;
	padding-right: 0px;
	PADDING-top: 10px;
	padding-bottom: 15px;
	vertical-align: center;
}


a.maintab4:hover {
	COLOR: #FFFFFF; 	background-color: #003366; TEXT-DECORATION: none;
}

a.maintab4 {
	COLOR: #000000; 	display: block; 	TEXT-DECORATION: none;
}


/* 5 */

.maintab5 { 
	DISPLAY: block;  
	TEXT-ALIGN: center; 
	TEXT-DECORATION: none; 
	color: #000000;
	margin: 0px;
	width: 122px;
	font-size: 11px;
	text-align: center;
	padding-right: 0px;
	PADDING-top: 10px;
	padding-bottom: 15px;
	vertical-align: center;
}


a.maintab5:hover {
	COLOR: #FFFFFF; 	background-color: #003366; TEXT-DECORATION: none;
}

a.maintab5 {
	COLOR: #000000; 	display: block; 	TEXT-DECORATION: none;
}

/* 6 */

.maintab6 { 
	DISPLAY: block;  
	TEXT-ALIGN: center; 
	TEXT-DECORATION: none; 
	color: #000000;
	margin: 0px;
	width: 70px;
	font-size: 11px;
	text-align: center;
	padding-right: 0px;
	PADDING-top: 10px;
	padding-bottom: 15px;
	vertical-align: center;
}


a.maintab6:hover {
	COLOR: #FFFFFF; 	background-color: #003366; TEXT-DECORATION: none;
}

a.maintab6 {
	COLOR: #000000; 	display: block; 	TEXT-DECORATION: none;
}

/* 7 */

.maintab7 { 
	DISPLAY: block;  
	TEXT-ALIGN: center; 
	TEXT-DECORATION: none; 
	color: #000000;
	margin: 0px;
	width: 110px;
	font-size: 11px;
	text-align: center;
	padding-right: 0px;
	PADDING-top: 10px;
	padding-bottom: 15px;
	vertical-align: center;
}


a.maintab7:hover {
	COLOR: #FFFFFF; 	background-color: #003366; TEXT-DECORATION: none;
}

a.maintab7 {
	COLOR: #000000; 	display: block; 	TEXT-DECORATION: none;
}

/* 8 */

.maintab8 { 
	DISPLAY: block;  
	TEXT-ALIGN: center; 
	TEXT-DECORATION: none; 
	color: #000000;
	margin: 0px;
	width: 135px;
	font-size: 11px;
	text-align: center;
	padding-right: 0px;
	PADDING-top: 10px;
	padding-bottom: 15px;
	vertical-align: center;
}


a.maintab8:hover {
	COLOR: #FFFFFF; 	background-color: #003366; TEXT-DECORATION: none;
}

a.maintab8 {
	COLOR: #000000; 	display: block; 	TEXT-DECORATION: none;
}

/* 9 */

.maintab9 { 
	DISPLAY: block;  
	TEXT-ALIGN: center; 
	TEXT-DECORATION: none; 
	color: #000000;
	margin: 0px;
	width: 85px;
	font-size: 11px;
	text-align: center;
	padding-right: 0px;
	PADDING-top: 10px;
	padding-bottom: 15px;
	vertical-align: center;
}


a.maintab9:hover {
	COLOR: #FFFFFF; 	background-color: #003366; TEXT-DECORATION: none;
}

a.maintab9 {
	COLOR: #000000; 	display: block; 	TEXT-DECORATION: none;
}

/* drop down menu lists items */
/* controls how they look when rolled over */

.listitemsmore  {
/* This is for any drop down item that links off to another folder with other drop downs eg. about-us/find-us/ */
	font-size: 11px; 
	BORDER-RIGHT: #103C8C 1px solid; 
	background-image: url(../images/more.gif);
	background-repeat: no-repeat;
	background-position: center right;
	BORDER-RIGHT: #103C8C 1px solid; 
	BORDER-LEFT: #103C8C 1px solid; 
	BORDER-TOP: #eeeeee 1px solid;
	background-COLOR: #FFFFFF;
	PADDING: 5px; 
	WIDTH: 148px; 
	line-height: 12pt;
	TEXT-ALIGN: left;
}



.listitems  {
/* Your average drop down item */
	font-size: 11px; 
	BORDER-RIGHT: #103C8C 1px solid; 
	BORDER-LEFT: #103C8C 1px solid; 
	BORDER-TOP: #eeeeee 1px solid;
	background-COLOR: #FFFFFF;
	PADDING: 5px; 
	line-height: 12pt;
	WIDTH: 148px; 
	TEXT-ALIGN: left;
}

.listitems1 {
/* The bottom drop down item : reason is so it has a border at the bottom! */
	font-size: 11px;
	BORDER-RIGHT: #103C8C 1px solid; 
	BORDER-bottom: #103C8C 1px solid; 
	BORDER-LEFT: #103C8C 1px solid; 
	BORDER-TOP: #eeeeee 1px solid;
	background-COLOR: #FFFFFF; 
	PADDING: 5px; 	line-height: 12pt;
	FONT-WEIGHT: normal; 
	PADDING-BOTTOM: 4px; 
	WIDTH: 148px; 
	TEXT-ALIGN: left;
}

/* how the links are displayed in the drop down list */
/* If a background colour on rollover is used take care */

.listitemsmore A {
	DISPLAY: block; COLOR: #000000; TEXT-DECORATION: none;
	width: 100%;
}

.listitems A {
	DISPLAY: block; COLOR: #000000; TEXT-DECORATION: none;
	width: 100%;
}

.listitems1 A {
	DISPLAY: block; COLOR: #000000; TEXT-DECORATION: none;
	width: 100%;
}

/* How the drop downs rollover in the drop down list */
/* If a background colour on rollover is used take care */


.listitemsmore A:hover {
	COLOR: #003366; TEXT-DECORATION: none;
	
}

.listitems A:hover {
	COLOR: #003366; TEXT-DECORATION: none;
	
}
.listitems1 A:hover {
	COLOR: #003366; TEXT-DECORATION: none;
}