@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;
}



.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 top bars appearence and position*/
#menuContainer{
border-color: #999999;
  border-width:2px;
  border-style: solid;
background-color:#dddddd;
height:27px;
width:978px;
}

#logo {
	position:absolute;
	background:url(../images/small_brand.gif);
	width:63px;
	height:25px;
	left:915px;
	top:11px;
	
}

.planetData{
position:relative;
top:-900px;
left:650px;
border-color: #999999;
border-width:2px;
border-radius:25px;
background-color:#FF9;
opacity:.85;
width:320px;
height:270px;
}

#dataTitle{
width:320px;
text-align:center;
}

#dataTable{
position:relative;
left:10px;	
}

#dataClose{
position:relative;
left:10px;
top:10px;
border-color: #999999;
border-width:2px;
border-radius:25px;
}

#assumptions{
position:relative;
top:-800px;
left:150px;
border-color: #999999;
border-width:2px;
border-radius:25px;
background-color:#F00;
opacity:.9;
width:598px;
height:440px;
}

#assumpTitle{
position:relative;
width:600px;
top:-15px;
text-align:center;
font-family:arial;
font-size:16pt;
}

#assumpPara{
font-family:arial;
font-size:14pt;
position:relative;
width:560px;
top:-13px;
left:20px;
opacity:1;
}

#assumpClose{
position:relative;
left:10px;
top:10px;
border-color: #999999;
border-width:2px;
border-radius:25px;
z-index:2;
}

#line{
position:relative;
left:150px;
top:-10px;
border-color: #999999;
border-width:2px;
border-radius:25px;
background-color:#FFF;
opacity:1;
width:320px;
height:5px;
}

#instructions{
position:relative;
top:-800px;
left:150px;
border-color: #999999;
border-width:2px;
border-radius:25px;
background-color:#00D700;
opacity:.9;
width:700px;
height:350px;
}

#instructTitle{
position:relative;
width:600px;
top:-15px;
text-align:center;
font-family:arial;
font-size:16pt;
}

#instructPara{
font-family:arial;
font-size:14pt;
position:relative;
width:650px;
top:-13px;
left:20px;
opacity:1;
text-align:center;
}

#instructClose{
position:relative;
left:10px;
top:10px;
border-color: #999999;
border-width:2px;
border-radius:25px;
z-index:2;
}

#instructLine{
position:relative;
left:150px;
top:-10px;
border-color: #999999;
border-width:2px;
border-radius:25px;
background-color:#FFF;
opacity:1;
width:320px;
height:5px;
}
#kcvsLogo {
	position:absolute;
	background:url(../images/logo4.png);
	width:225px;
	height:100px;
	
}

#reference{
position:relative;
top:-850px;
left:150px;
border-color: #999999;
border-width:2px;
border-radius:25px;
background-color:#0CF;
opacity:.9;
width:600px;
height:480px;
}

#refTitle{
position:relative;
width:600px;
top:-15px;
text-align:center;
font-family:arial;
font-size:16pt;
}

#refpara{
font-family:arial;
font-size:14pt;
position:relative;
width:550px;
top:-13px;
left:25px;
opacity:1;
text-align:center;
}

.topic{
	top:-15px;
text-align:center;
font-family:arial;
font-size:16pt;
}

.info{
	top:-15px;
	font-family:arial;
font-size:12pt;
position:relative;
text-align:center;
top:-10px
}

#refClose{
position:relative;
left:10px;
top:10px;
border-color: #999999;
border-width:2px;
border-radius:25px;
z-index:2;
}