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

.tester{
	background-color:#F00;}

#lgnav-container{
	display:block;
	width:204px;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	}
#lgnav {
    float: left;
    width: 204px;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
	padding:0;
	margin:0;
	
}
#lgnav li{
	text-decoration: none;
	padding:0;
	margin:0;
	}

#lgnav li a {
    display: block;
	position:relative;
    padding: 10px 15px;
    background: #ccc;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #999;
    text-decoration: none;
    color: #000;
}

#lgnav li a:hover, #lgnav li a.active {
    background: #999;
    color: #fff;

}
#lgnav .land a, #lgnav .land a.active, #lgnav .air a, #lgnav .air a.active, #lgnav .water a, #lgnav .water a.active, #lgnav .energy a, #lgnav .energy a.active{
	font-size: 22px;
	
	}
#lgnav .land a, #lgnav .land a.active {
    background: #99bf58;
    color: #fff;

	
}
#lgnav .land a:hover{background:#85a253;}
#lgnav .air a:hover{background:#2a4789;}
#lgnav .water a:hover{background:#136067;}
#lgnav .energy a:hover{background:#c2a811;}

#lgnav .energy a, #lgnav .energy a.active {
    background: #e6c400;
    color: #fff;
}

#lgnav .water a, #lgnav .water a.active {
    background: #0b808a;
    color: #fff;
}
#lgnav .air a, #lgnav .air a.active {
    background: #3c68b9;
    color: #fff;
}
#lgnav li ul {
    display: none; // used to hide sub-menus
	text-decoration: none;
	padding:0;
	margin:0;
}
#lgnav li ul li a {
    padding: 4px 25px 4px 25px;
    background: #ececec;
    border-bottom: 1px dotted #ccc;
	text-decoration:none;
	margin:0;
}

#lgnav .land ul  li a {
    background: #99bf58;
	color:#FFF;
	font-size:13px;

}
#lgnav .air ul  li a {
    background: #3c68b9;
	color:#FFF;
	font-size:13px;

}
#lgnav .energy ul  li a {
    background: #e6c400;
	color:#FFF;
	font-size:13px;

}
#lgnav .water ul  li a {
    background: #0b808a;
	color:#FFF;
	font-size:13px;

}