@charset "utf-8";
/* CSS Document */

/*sets the items in the menu to their position and sets font*/
.menu, .menu li
{
position:relative;
margin:0;
padding:0;
list-style:none;
float:left;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
}

/*normal colour of the links*/
.menu li a:link, .menu li a:visited {
display:block;
text-decoration:none;
background-color:transparent;
padding: 0.5em 2em;
margin:0;

color:#111;	
}

/*changes colour of link that mouse hovers over*/
.menu li a:hover{
background-color:#B4B4B4;	
}

/*style and background the submenu*/
.menu li ul {
	position:absolute;
	visibility:hidden;
	margin:0;
	padding:0;
	border-color: #999999;
  border-width:2px;
  border-style: solid;
background-color:#dddddd;
z-index:299;
}



.submenu li {
	display:inline;
	float:none;
	
}

.submenu li a:link, .submenu li a:visited {
	
	width:auto;
}

.submenu li a:hover {
	background-color:#B1B1B1;	
}

/*sets the position and backgroud of the */
.sub_submenu{
border-color: #999999;
  border-width:2px;
  border-style: solid;
background-color:#dddddd;
left:10em;/*needs to change depending on the width of the submenu*/
top:-2em;
margin:0px 0 0 10px;
}

.sub_submenu li{
display:inline;
float:none;
}

/*sets the top bars appearence and position*/
#menuContainer{
border-color: #999999;
  border-width:2px;
  border-style: solid;
background-color:#dddddd;
height:27px;
width: 635px;
z-index:300;
}
#logo {
	position:absolute;
	background: url(images/kcvsLogo.png);
	background-repeat:no-repeat;
	width:63px;
	height:25px;
	left:580px;
	top:18px;
	
}

#kcvsLogo {
	position:absolute;
	background: url(images/logo4%20-%20Copy.png);
	width:225px;
	height:100px;
	
}