/* =Responsive (Mobile) Design

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



nav{ position:relative;

  z-index:100000;

  background:url(../images/menu-bg-off.png) 0 0 repeat-x;

  float:left;

  width:100%;

}

.menu {

  clear: both;

  margin: 0 auto;

  background:url(../images/menu-bg.png) 4px 5px no-repeat;

}



.main-nav {

  clear: both;

}



.menu,

.menu ul {

  display: block;

  list-style-type: none;

  margin: 0;

  padding: 0;

}



.menu li {

  border: 0;

  display: block;

  float: left;

  margin: 0;

  padding: 0 0 0 1px;

  position: relative;

  z-index: 10000;

}

.menu > li:first-child{ background:none; }

.menu li:hover {

  white-space: normal;

  z-index: 99999;

}

.menu li li {

  float: none;

}



.menu ul {

  left: 0;

  position: absolute;

  top: 0;

  visibility: hidden;

  z-index: 99999;

}



.menu li:hover > ul {

  top: 100%;

  visibility: visible;

}



.menu li li:hover > ul {

  left: 100%;

  top: 0;

}



.menu:after,

.menu ul:after {

  clear: both;

  content: '.';

  display: block;

  height: 0;

  overflow: hidden;

  visibility: hidden;

}



.menu,

.menu ul {

  min-height: 0;

}



.menu ul,

.menu ul ul {

  margin: 0;

  padding: 0;

}



.menu ul li a:hover,

.menu li li a:hover {

  color: #484848;

  text-decoration: none;

}



.menu ul {

  margin-top: 0px;

  min-width: 14em;

  width: auto;

}



.menu a {

  color: #ffffff;

  cursor: pointer;

  display: block;

  font-size: 16px;

  font-family:Verdana, Geneva, sans-serif;

  height: 44px;

  line-height: 40px;

  margin: 0;

  padding: 0px 21px;

  padding:0px 21px\9;

  position: relative;

  text-decoration: none;

/*  text-shadow: 0 -1px 0 #000000;

*/  white-space: nowrap;

}



.menu a:hover, .menu li:hover > a,.menu li.current-menu-item a,.menu > li.current_page_ancestor > a {

  background:url(../images/menu-bg-on.png) 0 0 repeat-x;

}



ul.menu > li:hover {

  color: #ffffff;

}



#menu-item-122{

	margin-left:5px;

}

#menu-item-63{

	margin-right:5px;

}



.menu .current_page_item a,

.menu .current-menu-item a {

}



.front-page .menu .current_page_item a {

  background: none;

  background-color: transparent;

  background-image: none;

  filter: none;

}



.menu li li {

  background: #2271a6;

  background-image: none;

/*  border-bottom: 1px solid #565656;

*/  color: #fff;

  filter: none;

  margin: -1px 0 1px 0;

  width: auto;

}



.menu li li a {

  background: transparent !important;

  border: none;

  color: #fff;

  font-size: 12px;

  font-weight: 400;

  height: auto;

  height: 20px;

  line-height: 20px;

  padding: 5px 10px;

  text-shadow: none;

  white-space: nowrap;

  font-family:Verdana, Geneva, sans-serif;

}



.menu li li a:hover {

  background: #87D5F2 !important;

  background-image: none;

  color: #001f55;

  filter: none;

  border:none;

  border-radius:0px;

}

.menu li li:hover{

  background: #87D5F2 !important;

  filter: none;

  border-radius:0px;

}



.menu ul > li + li {

  border-top: 0;

}



.menu li li:hover > ul {

  left: 100%;

  top: 0;

}



.menu > li:first-child > a {

  border-left: none!important;

}

.menu a#responsive_menu_button {

  display: none;

}



.main-nav #responsive_current_menu_item {

  display: none;

}



.js .main-nav .menu {

  display: block;

}



/* =Primary Main Menu IE Fixes

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

.ie7 .menu ul {

  background: url(/core/images/ie7-fix.gif) repeat;

}



.ie7 .menu li li a {

  min-width: 100%;

}

@media screen and (max-width: 980px) {



	body {}



	.grid, 

	.grid-right {

		float: none;

	}



	.copyright,

	.scroll-top,

	.powered {

		float: left;

	}



	#featured-image .fluid-width-video-wrapper {

		margin: 20px 0 0 0;

	}



	.front-page  #widgets {

		margin-top: 40px;

	}



	.top-widget,

	.front-page  .top-widget {

		margin-top: 0 !important;

	}



	.hide-desktop {

		display: block;

	}



	.show-desktop {

		display: none;

	}



	.hide-980 {

		display: none;

	}



	.show-980 {

		display: block;

	}



}



@media screen and (max-width: 595px) {



	body {}

	.menu-top{

	float:none;

	background:none;

	width:100%;

}



	#logo {

		float: none;

		margin: 0;

		text-align: center;

	}



	.grid, 

	.grid-right {

		float: none;

	}



	#featured-image .fluid-width-video-wrapper {

		margin: 20px 0 0 0;

	}

	

	.top-widget {

		float: none;

		margin: 0 auto 10px auto;

		position: relative;

		text-align: center;

		width: auto;

	}

	

	.top-widget .widget-title {

		text-align: center;

	}

	

	.js .sub-header-menu {

		display: none;

	}

	

	.js .main-nav {

		position: relative;

		background-color: #585858;

		background-image: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#3d3d3d));

		background-image: -webkit-linear-gradient(top, #585858, #3d3d3d);

		background-image: -moz-linear-gradient(top, #585858, #3d3d3d);

		background-image: -ms-linear-gradient(top, #585858, #3d3d3d);

		background-image: -o-linear-gradient(top, #585858, #3d3d3d);

		background-image: linear-gradient(top, #585858, #3d3d3d);

		clear: both;

		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d);

		margin: 0 auto;

	}

	

	.js .main-nav .menu {

		display: none;

		position: absolute;

		width: 100%;

		top: 30px;

		z-index: 1000;

	}

	

	.js .main-nav .menu ul {

		margin-top: 1px;

	}

	

	.js .main-nav .menu li {

		float: none;

		background-color: #fff;

		border: none;

	}

	

	.js .main-nav .menu li a {

		color: #444;

		font-size: 13px;

		font-weight: normal;

		height: 45px;

		line-height: 45px;

		padding: 0 15px;

		border: none;

		border-bottom: 1px solid #f5f5f5;

		text-shadow: none;

		text-align: left;

		cursor: pointer;

	}

	

	.js .main-nav .menu li.current_page_item,

	.js .menu .current_page_item a,

	.js .menu .current-menu-item a {

		background-color: #f5f5f5;

	}

	

	.js .main-nav .menu li li:hover {

		background: none!important;

	}

	

	.js .main-nav .menu li li a {

		position: relative;

		padding: 0 10px 0 30px;

	}

	

	.js .main-nav .menu li li li a {

		position: relative;

		padding: 0 10px 0 40px;

	}

	

	.js .main-nav .menu li a:hover,

	.js .main-nav .menu li li a:hover {

		background-image: none;

		filter: none;

		background-color: #f5f5f5!important;

	}

	

	.js .main-nav .menu li li a::before {

		content: '\2013';

		position: absolute;

		top: 0;

		left: 20px;

	}

	

	.js .main-nav .menu li li li a::before {

		content: '\2013';

		position: absolute;

		top: 0;

		left: 20px;

	}

	

	.js .main-nav .menu li li li a::after {

		content: '\2013';

		position: absolute;

		top: 0;

		left: 30px;

	}

	

	.js .main-nav .menu li ul {

		position: static;

		visibility: visible;

		background-color: #fff;

	}



	.js .main-nav .menu ul {

		min-width: 0;

	}



	.js .main-nav #responsive_current_menu_item {

		display: block;

		padding: 5px 40px 5px 10px;

		color: #fff;

		font-weight: 700;

		cursor: pointer;

	}

	

	.js .main-nav a#responsive_menu_button {

		position: absolute;

		display: block;

		top: 0;

		left: 100%;

		height: 30px;

		width: 23px;

		margin-left: -30px;

		background: url('../images/select-icons.png') 0 5px no-repeat;

		cursor: pointer;

	}

	

	.js .main-nav a#responsive_menu_button.responsive-toggle-open {

		background: url('../images/select-icons.png') 0 -46px no-repeat;

	}

		

	

	.top-menu, 

	.footer-menu li {

		float: none;

		font-size: 11px;

		text-align: center;

	}

	

	.tinynav {

		display: block;

	}

	

	.sb-holder {

		display: block;

	}

	

	#author-meta {

		padding: 20px;

	}

	

	.hide-650 {

		display: none;

	}

	

	.show-650 {

		display: block;

	}



	.hide-mobile {

		display: none;

	}



	#footer {

		text-align: center;

	}



	#footer .social-icons {

		padding-bottom: 10px;

		text-align: center;

	}

}



@media screen and (max-width: 480px) {



	body {}



	#logo {

		float: none;

		text-align: center;

	}



	.grid, 

	.grid-right {

		float: none;

	}

	

	#featured-image .fluid-width-video-wrapper {

		margin: 20px 0 0 0;

	}

	

	.featured-title {

		font-size: 40px;

		padding: 40px 20px 0 20px

	}

	

	.featured-subtitle {

		font-size: 24px;

	}

	

	.navigation .next,

	.navigation .previous {

		display: block;

		margin: 0 auto;

		text-align: center;

	}

	.menu ul, 

	.menu li, 

	.top-menu, 

	.footer-menu li, 

	.sub-header-menu li {

		float: none;

		text-align: center;

		text-rendering: optimizeSpeed;

	}

	

	.hide-480 {

		display: none;

	}

	

	.show-480 {

		display: block;

	}

	

	#footer {

		text-align: center;

	}



	#footer .social-icons {

		text-align: center;

	}

}



@media screen and (max-width: 320px) {

	

	body {}

	

	#featured p {

		font-size: 12px;

		line-height: 1.5em;

	}



	.featured-title {

		font-size: 35px;

	}

	

	.featured-subtitle {

		font-size: 15px;

	}



	.call-to-action a.button {

		font-size: 14px;

		padding: 7px 17px;

	}



	.hide-320 {

		display: none;

	}

	

	.show-320 {

		display: block;

	}

}



@media screen and (max-width: 240px) {

	

	body {}

	

	#featured p {

		font-size: 11px;

		line-height: 1.5em;

	}



	.featured-title {

		font-size: 20px;

	}

	

	.featured-subtitle {

		font-size: 11px;

	}



	.call-to-action a.button {

		font-size: 12px;

		padding: 5px 15px;

	}

	

	.top-widget area,

	.top-widget select,

	.top-widget textarea,

	.top-widget input[type="text"], 

	.top-widget input[type="password"],

	.top-widget input[type="email"] {

		width: 75%;

	}

	

	.widget-title,

	.widget-title-home h3 {

		font-size: 14px;

		height: 13px;

		line-height: 13px;

		text-align: left;

	}

	

	.hide-240 {

		display: none;

	}

	

	.show-240 {

		display: block;

	}

}