@charset "utf-8";
/*   */
#navigation {
	background-image: url(../images/Knightech_Heading_snipet.jpg);
	height:35px;
}
#navbar {
}

#navbar #holder {
	height:26px; /* Height of the navbar */
	border-bottom:1px solid #000;  /*   This puts the line under the navbar               */
	width:924px; /*  Sets the width                */
	padding-left:100px;/* Padding on the left                  */
}

#navbar #holder ul {
	
	list-style:none;
	margin:0;
	padding:0;
	 
}
#navbar #holder ul li a {
	text-decoration:none;
	float:left; /* makes the list go left to right */
	margin-right:5px; /* Space between the text */
	border:1px solid #000; /* Border around the list items */
	border-bottom:none; /* removes the bottom of the borders */
	padding:5px; /* sets padding all the way around */
	width:120px; /* set width of the tabs */
	font-size:12px; /* Sets the size - need to check this as it seems to change the font */
	text-align:center; /* aligns the text to the centre of the tabs */
	display:block; /* so when you select a tab its the whole tab not just the text */
	background:#12467e; /* back ground if the tabs  */
	color:#FFF;
	/* This section handles the rounder corners  */
	/* firefox    */
 	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	/* Safary and chrome  */
	-webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px; 
	/*     IE   */
	border-radius:5px 5px 0px 0xpx;
	behavior:url(border-radius.htc);

}

#navbar #holder ul li a:hover {
	
	background:#FFF; /* Sets back ground color the white on hover over tabs   */
	color:#12467e; /* Set text color to the same blue as headding  */
	text-shadow:1px 1px 1px #12467e; /*   */
}

/*   this controls onlink - when the tab is on the active page */
#holder ul li a#onlink {
	background:#fff;
	color:#12567E;
	border-bottom:1px soild #fff;
}


#holder ul il a#onlink:hover {
	
	background:#900;   /*   */
	color:#000;
	text-shadow:1px 1px 1px #12467e;
	
}