/*** Nav bar styles ***/

ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}

ul.nav{
	display: table;
		width: 48%;
	table-layout: fixed;
	position: relative;
	left: 350px;
}

ul.nav>li{
	display: table-cell;
	position: relative;
	padding: 9px 2px;
	font-size: 10px;
	font-family: Verdana;
}

ul.nav li>ul{
/*Make the sub list items invisible*/
	display: none;
	position: absolute;
	max-width: 60ex;
	margin-left: -2px;
	margin-top: 9px;
}

ul.nav li:hover>ul{
/*When hovered, make them appear*/
	display : block;

	
}

.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 1px 17.5px;
}

/*** Menu colors (customizable) ***/

ul.nav,
.nav ul,
.nav ul li a{
	background-color: #fff;
	color: black;
}


ul.nav li:hover,
.nav ul li a:hover{
	background-color: #A9A9A9;
	color: #fff;
}

ul.nav li:active,
.nav ul li a:active{
	background-color: #A9A9A9;
	color: black;
}

/*ul.nav,
.nav ul{
	border: 1px solid ;
}*/

.nav a{
	text-decoration: none;
	color: black;
}

.form /* Form Position */
{
	position: absolute;
	left: 20px;
	top: 500px;
}

input{
	background-color: #D8D8D8 ;
	color: black;
	font-family: arial, verdana, ms sans serif;
	font-size: 10pt
}

.attention{
	background-color: #FF0000;
}

.comment{
	position: absolute;
	top: 110px;
}

.cinput{
	position: absolute;
	left: 60px;
}

.ctext{
	position: absolute;
	left: 280px;
	top: -1px;
}

.close{
	position: absolute;
	width: 300px;
	left: 280px;
	top: 130px;
}