@charset "utf-8";
#login {
	margin-top:20px;
	margin-right:20px;
	height: 20px;
	width: 79px;
	float:right;
	text-align : center; 
	
}
login UL { 
	padding-bottom : 0;
	padding-left:0px; 
	list-style-type : none; 
	vertical-align:middle;
	line-height: 30px;
}

#login li{
	width:80px;
	height:20px;
}

	

nav {
	font-size:22px;
	float: left;
	top: 100px;
	height: 30px;
	width: 800px;
	min-width:1000px;
	background-color: #8BC53F;
	margin-right:0px;
	margin-left:0px;
	margin-bottom: 40px;
	
}
nav UL { 
	padding-bottom : 0;
	padding-left:0px; 
	list-style-type : none; 
	vertical-align:middle;
	line-height: 30px;
}

/*each individual box size is edited here*/



nav LI {
	width :160px!important;
	float : left;
	height :30px;
	color : #000;
	text-align:center;
	vertical-align:middle;
	list-style-image:none;
	list-style-type:none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size:18px;
	margin-right:3px !important;
	text-decoration:none;
	padding: 0px;
	
} 


nav LI A { 
	text-align : center; 
	display : block; 
	vertical-align:middle;
	font-weight : normal;
	height:30px;
} 


nav LI .active A { 
	background-repeat : repeat-x; 
	color : #000;
	background-image:url(../images/navbut.png);
	background-repeat:no-repeat;
} 

nav LI A:hover {
	width :150px!important ;
	height:30px;
	color:#FFF;
	
	
	
	vertical-align:middle;
	
	
}

/*hover colour Clasees*/

.red{
	color:#F05921 !important;
	border-left:#F05921 solid 2px;
	border-right:#F05921 solid 2px;
	border-bottom:#F05921 solid 2px;
}
.red A:hover{
	color: #fff;
	background-color:#F05921;
	
}
.green{
	color:#23B24A !important;
	border-left:#23B24A solid 2px;
	border-right:#23B24A solid 2px;
	border-bottom:#23B24A solid 2px;
}


.green A:hover{
	color: #fff;
	background-color:#23B24A;
	
}

.blue{
	color:#0082C9 !important;
	border-left:#0082C9 solid 2px;
	border-right:#0082C9 solid 2px;
	border-bottom:#0082C9 solid 2px;
}
.blue A:hover{
	color: #fff;
	background-color:#0082C9;
	
}