/**
 * Top menu 
 */

#mainNavigation {
	background: #DEE3E6 url('/images/head/standard/weatherzone_navtop_background.png') repeat-x scroll 0 0;
	height: 32px;
	margin-top: -10px;
}

#mainNavigation ul, li {
	margin:0;
	padding:0;
}

#mainNavigation ul {
	padding-top: 2px;
}

#mainNavigation ul li {
	list-style-type: none;	
	float: left;
	position: relative;
	font-size: 1.2em;
	color: #000;
	cursor: pointer;
	font-weight: bold;
	border-left: 1px solid #fff;
	width: 110px;
}

#mainNavigation ul li.weather {
	width: 120px;
	border-left: none;	
}	

#mainNavigation ul li.radar {
	width: 100px;	
}	

#mainNavigation ul li.longrange {
	width: 160px;	
}	

#mainNavigation ul li.maps {
	width: 160px;	
}	

#mainNavigation ul li.agri {
	width: 120px;	
}	

#mainNavigation ul li.surf_snow {
	width: 149px;	
}	

#mainNavigation ul li.services {
	width: 118px;	
}	

#mainNavigation ul li.forum {
	width: 95px;
}	

#mainNavigation ul li.mega div.megaItem { 
  width: 19em; 
  position: absolute; 
  z-index: 22222999;
  top: 28px; 
  left: -9999em; 
  /*border: 1px solid #ededed;*/
  background-color: #CCCCCC;
  padding: 5px;
  border-top: 0;
  font-size: 0.7em;

  -moz-border-radius-bottomright: 7px;
  -moz-border-radius-bottomleft: 7px;
  -moz-border-radius-topright: 7px;
  
  -webkit-border-bottom-right-radius: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  border-top-right-radius: 7px;  
}

.megaItem h3 {
	font-weight: bold;	
	font-size: 1.3em;
	color: #000;
	margin: 5px 0 3px 0;
}

#mainNavigation ul li:hover div.megaItem, #mainNavigation ul li.MegaHover div.megaItem { 
	left: 0px !important;
	cursor: auto;
} 

#mainNavigation ul li a {
	color: #000;
	display: block;
	padding: 7px 23px;	
	margin-top: -1px;
	text-decoration: none;
	border: 1px solid transparent;
	border-left-width: 1px;
}

#mainNavigation ul li a.navArrow span {
	background: url('/images/widgets/nav_top_arrow.png') right no-repeat;
	padding-right: 15px;
	display: block;
}

#mainNavigation ul li:hover a, #mainNavigation ul li.MegaHover a {
	background: #CCCCCC;
	color: #000; 
	/*border-color: #565F66;*/

}

#mainNavigation li.mega {
	z-index: 11000;
}

#mainNavigation ul li.mega:hover a, #mainNavigation ul li.MegaHover a {
	background: #CCCCCC;
	color: #000; 
	/*border-color: #565F66;*/
}

#mainNavigation ul li:hover a span, #mainNavigation ul li.MegaHover a span {
	background: none;	
}

#mainNavigation ul li.mega div li {
	float: none;
	font-weight: normal;
	border-left: none;
	padding: 0;
	font-size: 1.3em;
	color: #0C518A !important;
	background-color: #e5e5e5;
	width:auto;
}

#mainNavigation ul li li {
	margin-bottom: 0;
}

#mainNavigation ul li ul {
  border: 1px solid #fff;
  padding-top: 0;
}

#mainNavigation ul li li a {
	color: #000 !important;
	padding: 3px;
	background-image: none !important;
	border: 0;
	margin: 0;
}

#mainNavigation ul li a.navArrow span {
	background: url('/images/widgets/nav_top_arrow.png') right no-repeat;
	padding-right: 15px;
	display: block;
}

#mainNavigation ul li li strong {
	font-size:1.1em;	
}

#mainNavigation ul li li a:hover {
	background-color: #e5e5e5 !important;
}

/**
 * Bookmarks menu
 */
ul#bookmarks {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 220px;
	position: absolute;
	top: 4px;
	left: 4px;
	border-top: 1px solid #0C518A;
	text-align: left;
}

ul#bookmarks li {
	padding: 0;
	margin: 0;
	border-right: 1px solid #0C518A;
	border-bottom: 1px solid #0C518A;
	border-left: 1px solid #0C518A;
}

ul#bookmarks li a {
	display: block;
	margin: 0;
	padding: 4px;
	background-color: #e5e5e5;
	color: #0C518A;
	text-decoration: none;
}

ul#bookmarks li a:hover {
	background-color: #0C518A;
	color: #e5e5e5;
}

/**
 * Roll menu stuff
 */

/* first level nav */
.navcon {
    position: relative;
	vertical-align: middle;
}

.navcon #menu {
	display: none; /* This is to avoid FUSC and is set to blcok on load via javascript. */
}

/** div encompassing all items **/
.navcon ul.mb {
    list-style: none;
    position: relative;
	margin: 0;
    padding: 0;
}

.navcon ul.mb li {
    /*display: inline;*/
    	display: block;
	list-style: none;
	padding: 0;
        margin: 0;
}

.navcon ul.mb li a.trigger {
	display: block;
	width: 100%;
}

.navcon ul.mb li a.trigger:hover {
	background-image: url('/images/widgets/bg_rollmenu_trigger.png');
    background-position: center right;
    background-repeat: no-repeat;
}
	
/* div for positioning second level nav */
.navcon ul.mb li div {
	position: relative;
	padding: 0;
        margin: 0;
}

/* second level nav */
.navcon ul.mb ul {
	position: absolute;
	top: -4px;
	right: -165px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #0C518A;
	border-right: 1px solid #0C518A;
	border-bottom: 1px solid #0C518A;
	width: 160px;
	z-index: 1;
}

.navcon ul.mb ul li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
        width: 100%;
        border-top: 1px solid #0C518A;
	text-align: left;
        background-color: #e5e5e5;
}

.navcon ul.mb ul>li {
	display: block;
	/* required for opera: */
	float: none;
}

/* separator */
.navcon ul.mb ul li.separator{
	position: relative;
	margin: 0;
	padding: 0;
}

.navcon ul.mb ul li.separator a{
}

/* second level nav links */
.navcon ul.mb ul li a{
	margin: 0;
        padding: 3px 3px 3px 3px;
        background-color: #e5e5e5;
        color: #0C518A;
        text-decoration: none;
	font-weight: normal;
	display: block;
        width: 160px;
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 154px;
}

.navcon ul.mb ul li a:hover{
        background-color: #0C518A;
        color: #e5e5e5;
        /*font-weight: bold;*/
}