/*------------------------------------------------------------------------
# Soapbox -> Style CSS (v2.3.0) : RESPONSIVE
# ------------------------------------------------------------------------
# Copyright (C) 2012 PICNet, Inc. All Rights Reserved.
# Author: Ryan Belisle
# Website:  http://www.picnet.net
-------------------------------------------------------------------------*/

/* ------------------------------------------------------------------------
/* !LAYOUT */
/* ----------------------------------------------------------------------*/

/* !JA Suckerfish w/ Bootstrap Collapse Menu */
.nav-collapse.collapse 		{ height: auto; }
.navbar-ja				{ overflow: visible; color: #555; *position: relative; *z-index: 2; }
.navbar-inner-ja			{ padding-left: 0px; }
.navbar-ja .container-ja		{ width: auto; }
.nav-collapse-ja.collapse	{ height: auto; }
.navbar-ja .brand-ja		{ float: left; display: none; padding: 0px 20px 0px 0px; font-size: 20px; line-height: 38px; font-weight: 200; color: #fff; text-decoration: none !important; }
.navbar-ja .brand-ja:hover	{ text-decoration: none; }
.navbar-text				{ margin-bottom: 0; line-height: 40px; }

.navbar-ja .btn-navbar-ja {
	display: none;
	float: right;
	padding: 7px 10px;
	margin-left: 5px;
	margin-top: 4px;
	line-height: 20px;
	*line-height: 20px;
	color: #333333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
	*background-color: #25628e;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2d77af), to(#25628e));
	background-image: -webkit-linear-gradient(top, #2d77af, #25628e);
	background-image: -o-linear-gradient(top, #2d77af, #25628e);
	background-image: linear-gradient(to bottom, #2d77af, #25628e);
	background-image: -moz-linear-gradient(top, #2d77af, #25628e);
	background-repeat: repeat-x;
	border: 1px solid #25628e;
	*border: 0;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-color: #25628e;
	-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
			border-radius: 4px;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#2d77af', endColorstr='#25628e', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	*zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.navbar-ja .btn-navbar-ja:hover {
	color: #ffffff;
	background-color: #25628e;
	*background-color: #25628e;
}
.navbar-ja .btn-navbar-ja .icon-bar {
	display: block;
	width: 18px;
	height: 2px;
	background-color: #f5f5f5;
	-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
			border-radius: 1px;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
			box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.btn-navbar-ja .icon-bar + .icon-bar {
	margin-top: 3px;
}

.flexslider .slides img {width: 100%;}

/* ------------------------------------------------------------------------
/* !MEDIA QUERIES > Template */
/* ----------------------------------------------------------------------*/
@media (min-width: 1600px) {
.flexslider .flex-content {
	background-size: 100% auto !important;
}
}

@media (min-width: 1200px) {
.row {
    margin-left: -30px;
}
[class*="span"] {
    margin-left: 30px;
}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 1170px;
}
.span12 {
    width: 1170px;
}
.span11 {
    width: 1070px;
}
.span10 {
    width: 970px;
}
.span9 {
    width: 870px;
}
.span8 {
    width: 770px;
}
.span7 {
    width: 670px;
}
.span6 {
    width: 570px;
}
.span5 {
    width: 470px;
}
.span4 {
    width: 370px;
}
.span3 {
    width: 270px;
}
.span2 {
    width: 170px;
}
.span1 {
    width: 70px;
}

.maincntr-fl #main, .maincntr-fr #main {background: url(../images/mainbglarge.png) repeat-y;}
.maincntr-fl #maininner, .maincntr-fr #maininner {background: url(../images/topbglarge.png) no-repeat 10px 0;}

#showcase .row, #latestnews ul.mod-list {margin-left: -90px;}
#showcase .sbxMod, #latestnews ul.mod-list li {width: 330px; margin-left: 90px;}
#main-bot .sbxMod {width: 370px; margin-left: 30px;}
.flexslider .flex-content .flex-content-inner {width: 1170px; padding-left: 585px; height: 80px;}
}

@media only screen and (min-width: 980px) and (max-width: 1199px) {
#header .span5 {
	width: 300px;
}
#header .span7 {
	width: 620px;
}
.flexslider .flex-content .flex-content-inner {height: 80px;}
}

@media (min-width: 980px) {
	.navbar-toggle {
		display: none;
	}
}

@media (max-width: 979px) {
	
	/* !JA Suckerfish w/ Bootstrap Collapse Menu */
	.navbar-ja .container-ja					{ width: auto; padding: 4px 0 4px 0; }
	.navbar-ja .container-ja .nav-collapse.in	{ padding: 0 0 10px 0; }
  
	.navbar-ja .brand-ja 		{ padding-right: 10px; }
	.navbar-ja a.brand-ja		{ display: block; }
	.navbar-ja .navbar-inner-ja	{ padding-left: 20px; }
	.navbar-ja .btn-navbar-ja 	{ display: block; }
   
	.nav-collapse 				{ clear: both; }
	.nav-collapse,
	.nav-collapse.collapse 		{ overflow: hidden; height: 0; }
	
	.nav-collapse ul.menuhorz ul		{ display: none !important; }
	.nav-collapse ul.menuhorz		{ float: none; }
	.nav-collapse ul.menuhorz li		{ float: none; clear: both; display: block; border: none; }
	.nav-collapse ul.menuhorz li a	{ padding: 14px 10px; font-size: 1.2em; line-height: 1.0em; display: block; border: none; float: none; }

	.collapse {
		display: none;
	}	
	.navbar-collapse.in {
		overflow-y: auto;
	}
	.collapse.in {
		display: block;
	}
}

@media (min-width: 900px) and (max-width: 979px) {
.flexslider .flex-content {background-position: -400px bottom !important;}
}

@media (min-width: 768px) and (max-width: 899px) {
.flexslider .flex-content {background-position: -480px bottom !important;}
}

@media (min-width: 768px) and (max-width: 979px) {
	#header {background-image: url(../images/headerbgtablet.jpg);}
	#headerinner		{ height: auto; width: auto; padding: 0; }
	#header .row {margin-left: 0;}
	#header [class*="span"] {width: 50%; margin-left: 0;}
	a#logo { margin: 20px 0 20px 20px; }
	a#logo  img {width: 286px; max-width: none;}
	#global .mod-search {display: none;}
	#headerlogo .navbar-toggle {
		display: none;
	}
	#global {margin-top: 38px;}
	#global .btdonate {border-radius: 10px;}
	.menu-name {display: block; float: left; margin-right: 10px; color: #00536a; font-family: "azo-sans-web"; font-size: 14px; font-weight: bold; line-height: 23px; text-transform: uppercase;}
	.menu-icon {float: right;}
	.navbar-toggle {margin-top: 38px;}
	#nav {float: none; background: url("../images/videobg.png") repeat; margin-left: -100%; width: 200%;}
	ul.menuhorz li {float: none; padding: 20px 27px; width: auto !important; text-align: left; border-bottom: 1px solid #00485f;}
	ul.menuhorz li a {color: #fff; padding-left: 0;}
	ul.menuhorz li ul {width: auto; position: static; background: #003342;}
	ul.menuhorz li li {width: auto;}
	ul.menuhorz li li a {font-weight: 300;}
	
	#showcase .sbxMod {float: none; width: auto;}
	#showcase img {float: left; margin-right: 30px; margin-bottom: 30px;}
	
	#main-video {text-align: center;}
	#main-video .img-right {float: none;}
	
	#main-report .img-left {width: 200px;}
	
	#latestnews ul.mod-list li {float: none; width: auto;}
	
	#main-bot .sbxMod {width: 352px;}
	#main-bot .sbxMod.mod-main-bot-last {width: 724px;}
	
	#main-top div.sbxModTable {font-size: 60px;}
	
	.flexslider .flex-direction-nav {width: 724px;}
	.flexslider .flex-content .flex-content-inner {width: 724px; padding-left: 250px; height: 80px;}
	.flexslider .flex-direction-nav li a {bottom: 30px;}
	
	ul.menu-fm > li {width: 33.33%;}
	
	#footerinner .poweredby {float: none;font-weight: bold;margin: 20px 0 0;}
	
	.maincntr-fl, .maincntr-fr {background-position: left top;}
	.maincntr-fl #main, .maincntr-fr #main, .maincntr-fl #maininner, .maincntr-fr #maininner {background: none;}
	
	#main .span9, #main .span3 {float: none; width: auto;}

}

@media (max-width: 767px) {
	
	/* !Template Style */
	body				{ padding-left: 0px !important; padding-right: 0px !important; }
	.container {padding-left: 20px;padding-right: 20px;}
	#header {background: #fff;}
	#pathway			{ padding-left: 0px; }
	#main #content		{ padding: 0px; }
	#headerinner		{ height: auto; padding: 0px; }
	#headerlogo:before, #headerlogo:after {content: ""; display: table;}
	#headerlogo:after {clear: both;}
	a#logo			{ float: left; margin: 20px 0 20px 20px; position: relative; top: 0px; left: 0px; }
	a#logo img {width: 200px; display: block;}
	#global			{ display: none; }
	#nav {float: none; background: url("../images/videobg.png") repeat;}
	ul.menuhorz li {float: none; padding: 20px 27px; width: auto !important; text-align: left; border-bottom: 1px solid #00485f;}
	ul.menuhorz li a {color: #fff; padding-left: 0;}
	ul.menuhorz li ul {width: auto; position: static; background: #003342;}
	ul.menuhorz li li {width: auto;}
	ul.menuhorz li li a {font-weight: 300;}
	
	/* !JA Suckerfish w/ Bootstrap Collapse Menu */
	.navbar-ja .navbar-inner-ja	{ padding-left: 0px; }
	
	/* !Events Calendar */
	.cal-monthTBL td.cal-wdEvent,
	.cal-monthTBL td.cal-weEvent  {
		background-color: #eef9ff;
		font-weight: bold;
	}
	.cal-monthTBL a.cal-wdNumEvent {
		color: #006699;
	}
	
	.flexslider {background: #32535c !important;}
	.flexslider .flex-content {position: static !important; background: #32535c !important;}
	.flexslider .flex-content .flex-content-inner {width: 100%; padding-left: 0; height: auto !important;}
	.flexslider .flex-direction-nav {background: #32535c; width: 100%; text-align: center; padding: 20px 0 40px;}
	.flexslider .flex-direction-nav li {display: inline-block; margin: 0 5px !important;}
	.flexslider .flex-direction-nav li a {position: static !important; margin:0 !important;}
	
	.mod-dn {display: block;}
	#showcase .sbxMod {width: auto; float: none; margin-left: 0;}
	iframe {width: 100%;}
	#latestnews ul.mod-list {margin-left: 0;}
	#latestnews ul.mod-list li {float: none; margin-left: 0; width: auto;}
	#main-bot .sbxMod {width: auto; float: none; margin-left: 0;}
	#main-bot .sbxMod.mod-main-bot-first {text-align: center;}
	#main-bot .mod-newsletter-box input[type="text"] {box-sizing: border-box; border-radius: 25px; width: 100%;}
	#main-bot .mod-newsletter-box button.button {border-radius: 0 0 25px 25px;position: static;}
	
	#main-top div.sbxModTable {font-size: 40px; padding: 50px 0;}
	
	ul.menu-fm > li {float: none; width: auto;}
	#footerinner .poweredby {float: none; margin: 20px 0 0;}
	
	#headerright .navbar-toggle {
		display: none;
	}
	
	#latestnews .mod-contentFooter {position: static; margin: 30px 0 0; text-align: center;}
	
	.article-title h2.contentheading {font-size: 45px;}
	h1 {font-size: 45px;}
	h2 {font-size: 42px;}
	h3 {font-size: 40px;}
	h4 {font-size: 35px;}
	h5 {font-size: 27px;}
	h6 {font-size: 20px;}
	
	.compTitleBar-wrap {position: static;}
	.gridcol {display: block !important; float: none !important; width: auto !important;}
	.gridcol-content {padding-left: 0 !important; padding-right: 0 !important;}
}