/***** BEGIN Dark Menu Styles *****/
.clear:after { 
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

html[xmlns] .clear { 
display: block;
}

* html .clear 
{ 
height: 1%;
}

nav2.dark 
{
width:100%;
border-radius: 3px;
display: block!important;
}

nav2.dark ul 
{
margin: 0px;
padding: 0px;
}

/* Top level */
nav2.dark li 
{
list-style: none;
float: left;
position: relative;
}



nav2.dark li.drop a 
{
padding-right: 30px;
}


nav2.dark li a 
{
display: block; 
width:100px;
padding: 9px 23px 10px; 
text-decoration: none; 
background-color: #444; 
font-size: 18px; 

border-left: 1px solid #999; 
border-bottom: 3px solid #999; 
border-right: 3px solid #999;



color:#333;
font-family:Georgia,serif;
font-variant: small-caps;
font-weight:bold;

}


nav2.dark li a:hover, nav li.active a 
{
background-color: #333333;
}


nav2.dark li a:active 
{
background-color: #555555;
}


/*                                                     MMOG   */
nav2.dark #mmog{
display: block; 
padding: 9px 23px 10px; 
text-decoration: none; 
text-align:right;
background-color:#f09d54;
	background: -moz-linear-gradient(
		top,
		#f09d54 0%,
		#c97b36);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f09d54),
		to(#c97b36));
	border: 1px solid #949494;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(250,250,250,0.9);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(250,250,250,0.9);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(250,250,250,0.9);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.2);
 
border-bottom-left-radius: 10px; 
-moz-border-bottom-left-radius: 10px; 
}

nav2.dark #mmog:hover, #mmog.active a 
{
	background-color:#d18039;
	background: -moz-linear-gradient(
		top,
		#d18039 0%,
		#bd6920);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#d18039),
		to(#bd6920));
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(250,250,250,0.9);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(250,250,250,0.9);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(250,250,250,0.9);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.2);
color:#353535;
}


nav2.dark #mmog:active 
{
background-color: #006666;
}


/*                                                CLOUD    */
nav2.dark #cloud{
display: block; 
padding: 9px 23px 10px; 
text-decoration: none; 
text-align:center;
background-color:#3296d0;
	background: -moz-linear-gradient(
		top,
		#3296d0 0%,
		#09679e);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#3296d0),
		to(#09679e));
	border: 1px solid #949494;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(250,250,250,0.9);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(250,250,250,0.9);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(250,250,250,0.9);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.2);
 
}

nav2.dark #cloud:hover, #cloud.active a 
{
	background-color:#1079b5;
	background: -moz-linear-gradient(
		top,
		#1079b5 0%,
		#035687);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#1079b5),
		to(#035687));
	border: 1px solid #949494;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(250,250,250,0.9);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(250,250,250,0.9);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(250,250,250,0.9);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.2);

color:#353535;
}


nav2.dark #cloud:active 
{
background-color: #006666;
}



/*                                                ENERGY   */
nav2.dark #energy{
display: block; 
text-align:left;
padding: 9px 23px 10px; 
text-decoration: none; 
background-color:#4aa227;
	background: -moz-linear-gradient(
		top,
		#4aa227 0%,
		#3f8a43);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#4aa227),
		to(#3f8a43));
	border: 1px solid #949494;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(250,250,250,0.9);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(250,250,250,0.9);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(250,250,250,0.9);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.2);


border-left: 0px solid #525659; 


border-bottom-right-radius: 10px; 
-moz-border-bottom-right-radius: 10px; 
}

nav2.dark #energy:hover, #energy.active a 
{
	background-color:#378717;
	background: -moz-linear-gradient(
		top,
		#378717 0%,
		#29660f);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#378717),
		to(#29660f));
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(250,250,250,0.9);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(250,250,250,0.9);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(250,250,250,0.9);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.2);
color:#353535;
}


nav2.dark #energy:active 
{
background-color: #91BD1D;
}


/*
nav2.dark .dropdown 
{
display: block; 
float: right; 
width: 7px; 
height: 5px; 
background: url(../img/drop-down.png) no-repeat; 
margin: -20px 15px 0px 12px;
}


nav2.dark li ul 
{
opacity: 0; 
position: absolute; 
top: 45px; 
left: -26px; 
padding: 12px 15px; 
border-radius: 3px; 
-moz-border-radius: 3px; 
background: #222; 
display: none; 
z-index: 100;
}


nav2.dark li ul li 
{
border-right: 0px; 
float: none!important; 
border-bottom: 1px solid #444; 
width: 125px;
}


nav2.dark li ul li:last-child 
{ 
border-bottom: 0px;
}


nav2.dark li ul li a 
{
background: none!important; 
border-left: 0px; 
border-top: 0px; 
padding: 10px 0px; 
font-size: 11px
}


nav2.dark li ul li a:hover 
{
opacity: 0.5;
}


nav2.dark li ul li.arrow 
{background: url(../img/arrowtop.png) top left no-repeat; 
border-bottom: 0px; 
height: 10px; 
margin-top: -22px; 
margin-bottom: 10px;
}

*/
/***** END Dark Menu Styles *****/