/*

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

Navigation

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



#menu {

  display: block;
margin-top: -3%;

}



#menu-handler {


}



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

  list-style: none;

  padding: 0px;

  margin: 0;

  z-index: 5001 !important;

  display: inline;

}



/* ESSENTIAL STYLES

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



.menu-nav, .menu-nav * {

	margin:			0;

	padding:		0;

	list-style:		none;

}

.menu-nav {

	line-height:	1.0;

}

.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.9em; /* 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;

}

.menu-nav a {

	padding: 11px 13px 9px 13px;

	text-decoration:none;

}



.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:first-child, #menu .menu-nav > li:first-child {

	background-image: none;

	

}



#menu .menu-nav > li > a {

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

	text-transform: uppercase;

}



#menu .menu-nav > li > a .sf-sub-indicator {

display: none;

}



#menu .menu-nav ul > li a {

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

text-transform: uppercase;

}



ul#nav {

	margin-left: -10px;

	padding: 4px 0px;

}



.menu-nav li {

	background:	none;

	padding: 0px;

}

.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,border;

	-ms-transition-property: background-color,border;

	-o-transition-property: background-color,border;

	-moz-transition-property: background-color,border;

	transition-property: background-color,border;

}



.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: 1;

	padding: 10px 10px !important;

	-moz-box-shadow: 0px 2px 5px rgba(0,0,0,.14);

	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.14);

	box-shadow: 0px 2px 5px rgba(0,0,0,.14);

}



.menu-nav ul ul {

opacity: 1.0;

padding: 10px 10px !important;

margin-top: -5px;

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

}



.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: 0.57em;

top: 1.05em;

width: 8px;

height: 8px;

text-indent: -999em;

background-color: #fff;

border-radius: 100%;

}

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

	top: 0.81em;

	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: 10%;

	left: 3%;

	display: none;

	width: 94%;

	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;

border-radius:3px;

-webkit-border-radius:3px;

-moz-border-radius:3px;

 }



/* 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 ul {margin:0px;}



#quick-menu li {

	list-style: none;

	padding: 0px !important;

	margin: 0px;

	display: inline;

}



#quick-menu li a {

	text-decoration: none !important;

	padding: 0px 9px;

	float: left;

font-size: 11px;

text-transform: uppercase;

	-moz-transition-duration: 0.2s;

	-webkit-transition-duration: 0.2s;

	-o-transition-duration: 0.2s;

	-ms-transition-duration: 0.2s;

	transition-duration: 0.2s;

	-webkit-transition-property: background-color, color;

	-ms-transition-property: background-color, color;

	-o-transition-property: background-color, color;

	-moz-transition-property: background-color, color;

	transition-property: background-color, color;

}



/* Social Links

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



#social-panel {

	float: right;

	z-index: 9999;

	padding: 0px;

 	-moz-transition-duration: 0.6s;

	-webkit-transition-duration: 0.6s;

	-o-transition-duration: 0.6s;

	-ms-transition-duration: 0.6s;

	transition-duration: 0.6s;

	-webkit-transition-property: right;

	-ms-transition-property: right;

	-o-transition-property: right;

	-moz-transition-property: right;

	transition-property: right;

}



#social-panel:hover {

	right: 0px;

}



#joinus-hs {

float: left;

margin-top: 15px;

position: relative;

-webkit-border-radius: 5px 0px 0px 5px;

-moz-border-radius: 5px 0px 0px 5px;

border-radius: 5px 0px 0px 5px;

}



#joinus-hs strong {

display: block;

position: absolute;

width: 73px;

right: 0px;

top: -19px;

font-weight: normal;

text-transform: uppercase;

text-align: right;

}



#joinus-hs span {

	display:none;

}



#social {

  padding: 5px 7px 5px 5px;

  float: right;

  -webkit-border-radius: 5px 0px 0px 5px;

  -moz-border-radius: 5px 0px 0px 5px;

  border-radius: 5px 0px 0px 5px;

}



#social-links {

	float: left;

	padding: 0px 0px 0px 0px;

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

}



#social-links li {

  display: block;

  background: none;

  margin: 0px;

  margin-left: 8px;

  height: 22px;

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

  float: left;

}



#social-links li a {

	float: left;

	text-indent: -9999px;

	width: 32px;

	height: 32px;

	margin: 0px;

	-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;

	-webkit-border-radius: 100%;

	-moz-border-radius: 100%;

	border-radius: 100%;

}



#social-links li a span {

	width: 24px;

	height: 22px;

	display: block;

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

	background-repeat: no-repeat;

}



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

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

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

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

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

#social-links li a#myspace span { background-position: -154px -1px;}

#social-links li a#vimeo span { background-position: -185px 1px;}

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

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

#social-links li a#blogger span { background-position: -280px -1px;}



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

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

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

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

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

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

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

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

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

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



.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 11px 0px;

  margin: 0;

}

#foo-left-right p {

padding-bottom: 3px;

}

#footer-line ul.menu li {

  display: inline !important;

  padding: 4px 20px 0px 0px;

  margin: 0;

  background: transparent;

}



#footer-line ul.menu li a {

  display: inline !important;

  background: none;

  padding: 0;

  margin: 0;

}



#menu .menu-nav li ul, #menu .menu-nav li ul li ul, #nav ol, #nav ul, #nav ol ol, #nav ul ul,

.dk_options, .panel1, .spacer{



}



/* Moduletable Menu

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



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

  list-style:none;

}



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

  margin:0;

  padding: 1px 0px;

}



.moduletable_menu .VmOpen ul.menu li,

.moduletable_menu .VmClose ul.menu li {border: 0px !important;}



.moduletable_menu .VmOpen ul.menu li a,

.moduletable_menu .VmClose ul.menu li a {

	font-weight: 400 !important;

	font-size:90%;

	padding: 6px 0px !important;

}



.VMmenu li {

	padding: 1px 0px !important;

	margin: 0px !important;

}

.VMmenu li div a {

}



.moduletable_menu 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 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, .VMmenu ul li div a:hover  {

	text-decoration: underline;

	background: none !important;

}

.moduletable_menu ul.menu li ul li {

  padding: 4px 0px 4px 30px;

  background: none !important

}



.moduletable_menu 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 {

	font-weight: bold;

}



.moduletable_menu ul, .moduletable_menu li  {

	background: transparent;

	margin: 0px;

	padding: 0px;

	list-style: none;

}

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

	margin-top: 0px;

	margin-bottom: 0px;

}

.moduletable_menu 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 {

	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 0px;

	-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: 700 14px 'Ubuntu', Arial, Helvetica, sans-serif;

	text-transform: uppercase;

}



.VMmenu li div a {

	padding-right: 30px !important;

}



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

	padding: 8px 10px;

}

.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

}



.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,

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

	margin: 0px;

	padding: 8px 10px;

	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; }



#menu .menu-nav > li:hover, #menu .menu-nav > li.deeper.parent.sfHover {

border: 2px solid #909090;

border-radius: 1px;

-moz-border-radius: 1px;

-webkit-border-radius: 1px;

}

#menu .menu-nav > li {

border: 2px solid rgba(144, 144, 144, 0);

}

#nav {

margin-left: 36px !important;

}

#menu .menu-nav ul a, .menu-nav ul li a {

border: 1px solid rgba(144, 144, 144, 0);

}

.menu-nav ul {

-moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.71);

-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.71);

box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.71);

}

.spacing {

text-decoration: none;

letter-spacing: 1px;

}