

/*

-----------------------------------------------

Navigation

----------------------------------------------- */



#menu {

  display: block;
    background: #0070aa;

}



#menu-handler {
background: #0070aa;
	

}



#menu .menu-nav, #menu #mainlevel-nav {

  list-style: none;

  padding: 5px 0px;

  margin: 0;

  z-index: 5001 !important;

  display: inline;
  
  background-color: #0070aa;

}



/* ESSENTIAL STYLES

----------------------------------------------- */



.menu-nav, .menu-nav * {

	margin:			0;

	padding:		0;

	list-style:		none;
}

.menu-nav {

	line-height:	1.0;
	background-color: #0070aa;

}

.menu-nav ul {

	position:		absolute;

	top:			-999em;

	width:			10em; /* left offset of submenus need to match (see below) */

}

.menu-nav ul li {

	width:			100%;

}

.menu-nav li:hover {

	visibility:		inherit; /* fixes IE7 'sticky bug' */

}

.menu-nav li {

	float:			left;

	position:		relative;

}

.menu-nav a {

	display:		block;

	position:		relative;

}

.menu-nav li:hover ul,

.menu-nav li.sfHover ul {

	left:			0em;

	top:			4.0em; /* match top ul list item height */

	z-index:		99;

}

ul.menu-nav li:hover li ul,

ul.menu-nav li.sfHover li ul {

	top:			-999em;

}

ul.menu-nav li li:hover ul,

ul.menu-nav li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}

ul.menu-nav li li:hover li ul,

ul.menu-nav li li.sfHover li ul {

	top:			-999em;

}

ul.menu-nav li li li:hover ul,

ul.menu-nav li li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}





.menu-nav {

	float:			left;
	background-color: #0070aa;

}

.menu-nav a {

	padding: 15px 14px;

	text-decoration:none;
	margin-left: 4px;

}



.menu-nav a, .menu-nav a:visited  { /* visited pseudo selector so IE6 applies text colour*/

	color:			#13a;

}



.menu-nav li li a {



}



#menu .menu-nav > li a {

	font: 800 15px 'Open Sans', Arial, Helvetica, sans-serif;

	text-transform: uppercase;

}



#menu .menu-nav ul > li a {

	font: 400 12px 'Open Sans', Arial, Helvetica, sans-serif;

	text-transform: none;

}



ul#nav {

	margin-left: -10px;

	padding: 4px 0px;

}



.menu-nav li {

	background:	none;

	padding: 0px 1px;

}

.menu-nav li li {

	background: none;

	border-left: 0px !important;

	padding: 0px;

}

.menu-nav li li li {

	background: none;

}



.menu-nav li:hover, .menu-nav li.sfHover,

.menu-nav a:focus, .menu-nav a:hover, .menu-nav a:active {

	outline: 0;

	-moz-transition-duration: 0.4s;

	-webkit-transition-duration: 0.4s;

	-o-transition-duration: 0.4s;

	-ms-transition-duration: 0.4s;

	transition-duration: 0.4s;

	-webkit-transition-property: background-color;

	-ms-transition-property: background-color;

	-o-transition-property: background-color;

	-moz-transition-property: background-color;

	transition-property: background-color;

}



.menu-nav li li:hover, .menu-nav li li.sfHover,

.menu-nav li li a:focus, .menu-nav li li a:hover, .menu-nav li li a:active {

	text-decoration: none;

	outline:		0;

}



.menu-nav ul {

	opacity: 0.95;

	padding: 5px 5px !important;

	-moz-box-shadow: 0px 2px 20px rgba(0,0,0,.25);

	-webkit-box-shadow: 0px 2px 20px rgba(0,0,0,.25);

	box-shadow: 0px 2px 20px rgba(0,0,0,.25);

}



.menu-nav ul ul {

	opacity: 1.0;

	padding: 5px 5px !important;

	margin-top: -5px;

	margin: -5px 10px 10px 5px;

}



.menu-nav li a {

	font-weight: bold;

}



.menu-nav li li a {

	padding: 5px 10px;

	font-weight: normal;

	line-height: 18px;

}



.menu-nav li li img {

vertical-align: middle;

float: left;

margin: 1px 6px 10px 0;

width: 16px;

height: 16px;

}



/*** arrows **/

.menu-nav a.sf-with-ul {

/*	padding-right: 	2.25em; */

	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */

}

.sf-sub-indicator {

	position:		absolute;

	display:		block;

	right:			.75em;

	top:			1.05em; /* IE6 only */

	width:			11px;

	height:			12px;

	text-indent: 	-999em;

	overflow:		hidden;

	background:		url('../images/arrows-ffffff.png') no-repeat -11px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */

}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */

	top:			0.7em;

	background-position: 0 -100px; /* use translucent arrow for modern browsers*/

}

/* apply hovers to modern browsers */

a:focus > .sf-sub-indicator,

a:hover > .sf-sub-indicator,

a:active > .sf-sub-indicator,

li:hover > a > .sf-sub-indicator,

li.sfHover > a > .sf-sub-indicator {

	background-position: -11px -100px; /* arrow hovers for modern browsers*/

}



/* point right for anchors in subs */

.menu-nav ul .sf-sub-indicator { background-position:  -11px 0; }

.menu-nav ul a > .sf-sub-indicator { background-position:  0 0; }

/* apply hovers to modern browsers */

.menu-nav ul a:focus > .sf-sub-indicator,

.menu-nav ul a:hover > .sf-sub-indicator,

.menu-nav ul a:active > .sf-sub-indicator,

.menu-nav ul li:hover > a > .sf-sub-indicator,

.menu-nav ul li.sfHover > a > .sf-sub-indicator {

	background-position: -11px 0; /* arrow hovers for modern browsers*/

}



/*** shadows for all but IE6 

.sf-shadow ul {

	background:	url('../images/shadow.png') no-repeat bottom right;

	padding: 0 8px 9px 0;

	-moz-border-radius-bottomleft: 17px;

	-moz-border-radius-topright: 17px;

	-webkit-border-top-right-radius: 17px;

	-webkit-border-bottom-left-radius: 17px;

}

.sf-shadow ul.sf-shadow-off {

	background: transparent;

}

**/



ul.columns-2 li {

	width: 50% !important;

}



ul.columns-2 li li, ul.columns-3 li li, ul.columns-4 li li, ul.columns-5 li li {

	width: 100% !important;

}



ul.columns-2 li ul, ul.columns-3 li ul, ul.columns-4 li ul, ul.columns-5 li ul {

	left: 100% !important;

}



ul.columns-3 li {

	width: 33.3% !important;

}



ul.columns-4 li {

	width: 25% !important;

}



ul.columns-5 li {

	width: 20% !important;

}



body div.panel1 {

	position: absolute;

	top: 5%;

	left: 10%;

	display: none;

	width: 80%;

	height: auto;

	z-index: 300000;

	margin: 0;

	float: right;

	height: auto;

	-moz-box-shadow: 0px 2px 30px rgba(0,0,0,.45);

	-webkit-box-shadow: 0px 2px 30px rgba(0,0,0,.45);

	box-shadow: 0px 2px 30px rgba(0,0,0,.45);

}





body div.panel1 .menupanel {

	padding: 20px;

}



body div.panel1 .menupanel a:hover {

	text-decoration: none;

}



.menupanel ul.selectnav {

	list-style: none;

}

.menupanel ul.selectnav li {

	margin: 0px !important;

}

.menupanel ul.selectnav li a {

	padding: 5px 5px 4px 5px;

	display: block;

}



a#menupanel { color: #ffffff;display: none; }



/* Pagination

-------------------------------------- */



ul.pagination {

  text-align: center !important;

  padding: 0 !important;

  margin: 0 !important;

}



ul.pagination li {

  background: none !important;

  display: inline !important;

  margin: 0 !important;

  padding: 0 5px !important;

}



/* Moduletable menus

----------------------------------------------- */

ul.menu {

  list-style:none;

}



ul.menu li {

  margin:0;

  padding: 2px 0px 4px 0px;

}



a.sublevel {

  display:block;

  padding:4px 0px 4px 24px;

  height: 100%;

  background: url(../images/ul-li-default.png) no-repeat 0 5px;

}



/* submenus

----------------------------------------------- */

ul.menu ul {

  list-style:none;

  margin:0;

}



ul.menu li ul li {

  background: none;

  margin:0;

  padding: 2px 0px 4px 22px;

}



ul.menu ul li a {

  padding-left:30px;

}



/* Quick Menu Links

----------------------------------------------- */



#quick-menu {

	float: right;

}



#quick-menu li {

	list-style: none;

	padding: 0px 5px 0px 5px !important;

	margin: 0px;

	display: inline;

}



/* Social Links

----------------------------------------------- */



#social {

	float: right;

	z-index: 0;

	padding-top: 27px;

	padding-right: 20px;

}



#social-links {

  padding: 0px 0px 0px 0px;

  margin: 0px -2px 0px 0px;

  height: 35px;

}



#social-links li {

  display: inline;

  background: none;

  margin: 0px;

}



#social-links li a {

	float: left;

	text-indent: -9999px;

	width: 22px;

	height: 22px;

	margin: 0 2px;

	-webkit-border-radius: 100%;

	-moz-border-radius: 100%;

	border-radius: 100%;

	border-top: 1px solid rgba(0,0,0,0.0);

	-moz-transition-duration: 0.7s;

	-webkit-transition-duration: 0.7s;

	-o-transition-duration: 0.7s;

	-ms-transition-duration: 0.7s;

	transition-duration: 0.7s;

	-webkit-transition-property: background-color;

	-ms-transition-property: background-color;

	-o-transition-property: background-color;

	-moz-transition-property: background-color;

	transition-property: background-color;

}



#social-links li a span {

	width: 22px;

	height: 22px;

	display: block;

	background-image: url(../images/social-sprite.png);

	background-repeat: no-repeat;

	-moz-transition-duration: 0.7s;

	-webkit-transition-duration: 0.7s;

	-o-transition-duration: 0.7s;

	-ms-transition-duration: 0.7s;

	transition-duration: 0.7s;

	-webkit-transition-property: background-position;

	-ms-transition-property: background-position;

	-o-transition-property: background-position;

	-moz-transition-property: background-position;

	transition-property: background-position;

}



#social-links li a#twitter span { background-position: 0px 0px;}

#social-links li a#gplus span { background-position: -22px 0px;}

#social-links li a#facebook span { background-position: -44px 0px;}

#social-links li a#rss span { background-position: -66px 0px;}

#social-links li a#linkedin span { background-position: -88px 0px;}

#social-links li a#myspace span { background-position: -110px 0px;}

#social-links li a#vimeo span { background-position: -132px 0px;}

#social-links li a#stumbleupon span { background-position: -154px 0px;}

#social-links li a#digg span { background-position: -176px 0px;}

#social-links li a#blogger span { background-position: -198px 0px;}



#social-links li a#twitter:hover span { background-position: 0px -44px;}

#social-links li a#gplus:hover span { background-position: -22px -44px;}

#social-links li a#facebook:hover span { background-position: -44px -44px;}

#social-links li a#rss:hover span { background-position: -66px -44px;}

#social-links li a#linkedin:hover span { background-position: -88px -44px;}

#social-links li a#myspace:hover span { background-position: -110px -44px;}

#social-links li a#vimeo:hover span { background-position: -132px -44px;}

#social-links li a#stumbleupon:hover span { background-position: -154px -44px;}

#social-links li a#digg:hover span { background-position: -176px -44px;}

#social-links li a#blogger:hover span { background-position: -198px -44px;}



.tipz {

	margin-top: -54px;

	margin-left: -44px;

}

.tipz .tip        { width:82px; font: bold 10px Arial, Helvetica, sans-serif;}

.tipz .tip-title    { font-weight:bold; padding:7px 0px 7px 0px; text-align: center; }

.tipz .tip-text    { display:none; }



#footer-line ul.menu {

  padding: 0px 0px 10px 0px;

  margin: 0;

}



#footer-line .fright ul.menu {

	text-align: right;

}



#footer-line ul.menu li {

  display: inline !important;

  padding: 4px 10px 0px 0px;

  margin: 0;

  background: transparent;

}



#footer-line ul.menu li a {

  display: inline !important;

  background: none;

  font-size: 14px;
  
  text-transform: uppercase;

  font-weight: 700;

  padding: 0;

  margin: 0;
  
  color:#ffffff;

}

#footer-line .fright a, #footer-line .fright a:hover {
  display: inline !important;

  background: none;

  font-size: 14px;
  
  text-transform: uppercase;

  font-weight: 700;

  padding: 0;

  margin: 0;
  
  color:#ffffff;

}

/* Moduletable Menu

----------------------------------------------- */



.moduletable_menu, .moduletable_menu_light {

  padding: 0px;

}



.moduletable_menu ul.menu, .moduletable_menu_light ul.menu, ul.latestnews_menu, .VMmenu {

  list-style:none;

}



.moduletable_menu ul.menu li, .moduletable_menu_light ul.menu li, ul.latestnews_menu li, .VMmenu li, .VMmenu {

  margin:0;

  padding: 1px 0px;

}



.VMmenu li {

	padding: 1px 0px !important;

	margin: 0px !important;

}

.VMmenu li div a {

}



.moduletable_menu ul.menu li a, .moduletable_menu_light ul.menu li a, ul.latestnews_menu li a, .VMmenu li div a {

	display: block;

	background: none;

}



.moduletable_menu ul.menu li a span.link-no-image, .moduletable_menu_light ul.menu li a span.link-no-image {



}



.moduletable_menu ul.menu li a:hover, .moduletable_menu_light ul.menu li a:hover, ul.latestnews_menu li a:hover, .VMmenu li div a:hover {

  text-decoration: none;

}

.moduletable_menu ul.menu li ul li a:hover, .moduletable_menu_light ul.menu li ul li a:hover, .VMmenu ul li div a:hover  {

	text-decoration: underline;

	background: none !important;

}

.moduletable_menu ul.menu li ul li, .moduletable_menu_light ul.menu li ul li {

  padding: 4px 0px 4px 10%;

  background: none !important

}



.moduletable_menu ul.menu li ul li a, .moduletable_menu_light ul.menu li ul li a {

  display:block;

  height: 100%;

  font-weight: normal !important;

  border: 0;

  padding: 0px !important;

  text-decoration: none;

}



.moduletable_menu li.parent.active, .moduletable_menu_light li.parent.active {

	font-weight: bold;

}



.moduletable_menu ul, .moduletable_menu li,

.moduletable_menu_light ul, .moduletable_menu_light li {

	background: transparent;

	margin: 0px;

	padding: 0px;

	list-style: none;

}

.moduletable_menu ul.menu, .moduletable_menu ol.menu,

.moduletable_menu_light ul.menu, .moduletable_menu_light ol.menu {

	margin-top: 0px;

	margin-bottom: 0px;

}

.moduletable_menu ul.menu li ul,.moduletable_menu_light ul.menu li ul {

	margin-top: 0px;

	margin-bottom: 0px;

}



.moduletable_menu ul.menu li a, .moduletable_menu ol.menu li a, .moduletable_menu ul.menu li ul li a,

.moduletable_menu_light ul.menu li a, .moduletable_menu_light ol.menu li a, .moduletable_menu_light ul.menu li ul li a {

	margin: 0px !important;

	padding: 8px 10px;

	display: block;

	text-decoration: none;

	font-size: 100%;

	font-weight: normal;

}



.moduletable_menu ul.menu li a, .moduletable_menu ol.menu li a, ul.latestnews_menu li a, .VMmenu li div a {

	padding: 8px 10px;

	-moz-transition-duration: 0.4s;

	-webkit-transition-duration: 0.4s;

	-o-transition-duration: 0.4s;

	-ms-transition-duration: 0.4s;

	transition-duration: 0.4s;

	-webkit-transition-property: background-color, padding, -webkit-box-shadow;

	-ms-transition-property: background-color, padding, box-shadow;

	-o-transition-property: background-color, padding, box-shadow;

	-moz-transition-property: background-color, padding, -moz-box-shadow;

	transition-property: background-color, padding, box-shadow;

	font: 800 13px 'Open Sans', Arial, Helvetica, sans-serif;

	text-transform: uppercase;

}



.moduletable_menu ul.menu li a:hover, .moduletable_menu ol.menu li a:hover, ul.latestnews_menu li a:hover {

	padding: 8px 15px;

}

.moduletable_menu ul.menu li a:hover, .moduletable_menu ol.menu li a:hover, .VMmenu li div a:hover {



}

.moduletable_menu ul.menu li li a:hover, .moduletable_menu ol.menu li li a:hover, .VMmenu ul li div a:hover  {

	-moz-box-shadow: none !important;

	-webkit-box-shadow: none !important;

	box-shadow: none !important;

}



.moduletable_menu ul.menu li ul li, .moduletable_menu_light ul.menu li ul li, .latestnews_menu_light li, .latestnews_menu li ul li {

	border-bottom: 0px !important

}



.moduletable_menu ul.columns-2,

.moduletable_menu ul.columns-3,

.moduletable_menu ul.columns-4,

.moduletable_menu ul.columns-5 { width: auto !important; }



.latestnews_menu_light a, .latestnews_menu a, .VMmenu ul li div a {

	font-size: 90%;

	font-weight: bold;

}



.latestnews_menu_light li, latestnews_menu li {

	background-position: 8px 5px !important;

	padding-left: 30px !important;

}



.moduletable_menu ul.menu li a:hover, .moduletable_menu ol.menu li a:hover {

	margin: 0px;

	padding: 8px 15px;

	text-decoration: none;

}



.VmClose ul, .VmClose li {

	padding-left: 0px;

	margin-left: 0px;

}



.VMmenu ul li div a:hover {

	padding-left: 0px;

}



.moduletable_menu ul.menu li a img, .moduletable_menu_light ul.menu li a img {

	vertical-align: middle;

	margin: 0px!important;

	padding: 0px 6px 0px 0px!important;

	float: left;

	border-style: none!important;

	background: transparent!important;

}

.moduletable_menu ul.menu li.separator img, .moduletable_menu li.separator img, .moduletable_menu ul.menu li img,

.moduletable_menu_light ul.menu li.separator img, .moduletable_menu_light li.separator img, .moduletable_menu_light ul.menu li img {

	padding: 0px 10px 0px 5px!important;

	vertical-align: middle;

	margin: 0px!important;

	float: left;

	border-style: none!important;

	background: transparent!important;

}

.moduletable_menu ul.menu  li.active ul li a.current, .moduletable_menu ul.menu li ul li a.current, 

.moduletable_menu ul.menu li.active ul li a.active, .moduletable_menu ul.menu  li ul li a.active, 

.moduletable_menu_light ul.menu  li.active ul li a.current, .moduletable_menu_light ul.menu li ul li a.current, 

.moduletable_menu_light ul.menu li.active ul li a.active, .moduletable_menu_light ul.menu  li ul li a.active {

	background:#333333!important;

}

.moduletable_menu ul.menu li.separator .image-title, .moduletable_menu_light ul.menu li.separator .image-title  {

	font-size: 75%!important;

}

.moduletable_menu ul.menu li.separator, .moduletable_menu_light ul.menu li.separator {

	font-size: 75%!important;

	line-height: 200%!important;

}



#bot-modules ul.menu { padding: 0px; margin: 0px; }



#bot-modules ul.menu li { margin: 0px; }

