/*
Theme Name: St 91ºÚÁÏÍø School 
Theme URI: http://www.manoverboard.com/
Description: Another radical WordPress theme by Dan Lamb
Author: Daniel Lamb
Author URI: http://www.manoverboard.com/
Version: 1.3
*/

/
	Meyer Reset
/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/
	Core Defaults
/

body {
	background: #fff; 
	color: #000;
	font-family: Helvetica, sans-serif;
	font-weight: 500;
	font-size: 62.5%;
}

p {
	font-size: 150%;
	line-height: 1.5;
	margin-bottom: 14px;
}
a:link, a:visited, a:active, a:hover {
	text-decoration: none;
}

em, i { font-style: italic; }
strong, b {	font-weight: 700; }

.fl { float: left; }
.fr { float: right; }
.cl { clear: left;}
.cr { clear: right;}
.cb { clear: both; }

.block  { display: block; }
.inline { display: inline; margin: 0;}
.hidden { display: none; }
.notop {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
.cf:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .cf { zoom: 1; } /* IE6 */
*:first-child+html .cf { zoom: 1; } /* IE7 */

/
	Image Defaults
/

.alignleft {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
.alignright {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
}
.aligncenter {
	float: none;
	margin-right: auto;
	margin-left: auto;
}
.alignnone {
	float: none;
}
img {
	max-width: 100%;
	height: auto;
}
.error {
	font-weight: 700 !important;
	font-size: 11px;
	font-family: 'proxima-nova', georgia;
	color: red;
}
/
	Columnify
/

/* two column structure */
.twoC .c1,
.twoC .c2 {
	width: 48.5%;		
}


	.twoC .c1,
	.specialC .c1 {
		float: left;
		margin-right: 3%;
	}
	.twoC .c2,
	.specialC .c2 {
		float: left;
	}
	.twoC .c1alt {
		float: right;
		margin-left: 3%;
	}
	.twoC .c2alt {
		float: right;
	}
	/* unbalanced columns */
	.twoC .w { width: 66.6666666667%; }
	.twoC .n { width: 30.333333333%; }
	
.specialC {
	width: 100%;
}
	.specialC .sc1 {
		width: 78.3333333333%;
		float: right;
		margin-left: 5%;

	}
		.specialC .sc1 .c1 {
			width: 57%;
			float: left;
		}
			.specialC .sc1 .c2 {
			width: 40%;
			float: right;
		}

	.specialC .sc2 {
		width: 16.6666666667%;
		float: left;
	}
	
/* two column structure */
.threeC .c1,
.threeC .c2,
.threeC .c3
{
	width: 30%;		
}
	.threeC .c1 {
		width: 16.6666667%;
		float: left;
		margin-right: 5%;
	}
	.threeC .c2 {
		width: 45%;
		float: left;
	}
	.threeC .c3 {
		width: 28.33333332%;
		float: right;
	}

/
	Elastic Videos
/

.videoContainer {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin-bottom: 20px;
}
.fourByThree {
	padding-bottom: 75%;
}
.videoContainer iframe,  
.videoContainer object,  
.videoContainer embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/
	3D Buttons
/
a:link, a:visited, a:active, a:hover {
	
	transition: all 0.10s ease-in;
	-moz-transition: all 0.10s ease-in;
	-webkit-transition: all 0.10s ease-in;
}
#content a:link, #content a:visited {
	color: rgb(15,75,153); 
}
#content a:hover, #content a:active {
	color: rgb(250, 112, 26); 
}
.button {
	display: block;
	padding: 20px;
	width: auto;
	text-align: center;
	margin: 5px 0 15px;
	
	font-weight: 700;
	font-size: 150%;
	line-height: 1.2;
	
	border-radius: 8px;
	/* border: 4px solid #eee; */
	
	box-shadow: 1px 1px 4px rgba(0,0,0,0.2);	
}
#main .button, #sidebar .button {
	font-size: 100%;
	margin: 0;
	padding: 15px;
	text-align: left;

}
#content a.button:link, #content a.button:visited {
	color: white;
	background: #2361c0; /* Old browsers */
	background: -moz-linear-gradient(top,  #2361c0 0%, #0f4b87 50%, #0e3075 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2361c0), color-stop(50%,#0f4b87), color-stop(100%,#0e3075)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2361c0 0%,#0f4b87 50%,#0e3075 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2361c0 0%,#0f4b87 50%,#0e3075 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2361c0 0%,#0f4b87 50%,#0e3075 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2361c0 0%,#0f4b87 50%,#0e3075 100%); /* W3C */
}
#content a.button:active, #content a.button:hover {
	color: white;
	background: #4375e0; /* Old browsers */
	background: -moz-linear-gradient(top, #4375e0 0%, #1759c4 50%, #1442ad 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4375e0), color-stop(50%,#1759c4), color-stop(100%,#1442ad)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4375e0 0%,#1759c4 50%,#1442ad 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4375e0 0%,#1759c4 50%,#1442ad 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4375e0 0%,#1759c4 50%,#1442ad 100%); /* IE10+ */
	background: linear-gradient(to bottom, #4375e0 0%,#1759c4 50%,#1442ad 100%); /* W3C */
}
.buttonMini {
	padding: 10px 0;
	margin: 5px 0;

}
.icon {
	font-size: 120%;
}


/
	Bootstrap Collapse
/
#main .collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
     -moz-transition: height 0.35s ease;
       -o-transition: height 0.35s ease;
          transition: height 0.35s ease;
}

#main .collapse.in {
  height: auto;
  -webkit-transition: height 0.35s ease;
     -moz-transition: height 0.35s ease;
       -o-transition: height 0.35s ease;
          transition: height 0.35s ease;
}
/
	Header - basics
/

body {
	background: rgb(15,75,153)  top left repeat-x;
	font-family: 'proxima-nova', georgia;
	font-style: normal;
	font-weight: 400;
	color: #444;

}
#header, #content, #footer {
	text-align: center;
	padding: 20px;
	padding-top: 0;
	
}
#headerInner, #contentInner, #footerInner {
	text-align: left;
	margin: 0 auto;
	max-width: 1100px; /* 960px */
}



#header {
	color: rgb(15,75,153);
	background: url('/wp-content/themes/st-alphonsus/images/bg-fade-down.png') top left repeat-x;
	padding: 20px;
	padding-top: 30px;
	padding-bottom: 0;
	margin-bottom: 0;
}
#headerInner {
	position: relative;
}
#header a:link, #header a:visited {
	color: rgb(15,75,153)
}
#header a:hover, #header a:active {
	color: rgb(250, 112, 26);
}
#header .sub-menu a:link, #header .sub-menu a:visited {
	color:  white;
}
#header .sub-menu a:hover, #header .sub-menu a:active {
	color: rgb(250, 112, 26);
}
/
	Header - Layer one - Header bar with Site Title
/

#headerBar {
}
	#siteTitle {
		width: 60%;
		float: left;
	
		font-family: 'proxima-nova', georgia;
		font-weight: 600;
		font-size: 300%;
		line-height: 1.4;
		color: white;
		
	}
	#siteTitle img {
		width: 36px;
		height: 36px;
		margin-top: 5px;
		margin-bottom: -5px;
		margin-right: 5px;

		
	}
	#siteTagline {
		color: #777 !important;
		position: absolute;
		top: 23px;
		text-indent: 10px;
		font-size: 42%;
		vertical-align: baseline;
	}
	#siteTagline {
		position: absolute;
		left: 40px;
		top: 43px;
		text-indent: 10px;
		vertical-align: baseline;
	}
	#headerBar {
		padding-top: 25px;
	}
	#navSocial {
		top: 85px;
	}
/
	Header - Layer two - topbar Search & Navigation
/
	
#topBar {
	
}
#search {
	float: right;
	margin-top: 10px;
	width: 30%;
}
	#searchInner {
		width: 300px;
		position: absolute;
		top: 10px;
		right: 0;
		border: 1px solid #ddd;
		background: white;
		display: block;
		border-radius: 5px;
	}
	#searchform {
		position: relative;
		display: block;
		height: 30px;
		line-height: 30px;
	}
#search label {
	display: none;
}
input.field, 
input.submit  {
	border: none;
	background: none;
	color: black;
}



input.field {
	width: 75%;
		padding: 8px;
	font-size: 140%;
	width: 80%;	
}
input.submit {
position: absolute;
right: 0;
top: 0;
width: 20%;
background-color: rgb(250, 112, 26);
height: 30px;
line-height: 30px;
font-size: 130%;
font-weight: 700;
color: white;
		border-radius: 0 3px 3px 0 ;

}

/
	Main Menu
/


	#menu-main-menu {

	}
	#menu-main-menu li {
		display: inline;
		margin-right: 10px;
		margin-left: 5px;
	}
	#menu-main-menu li a {
		font-weight: 600;
		font-size: 170%;
		line-height: 1.5;
		padding-bottom: 10px;
	}
	#navMain {
		width: 90%;
		float: left;
	}
		#navMain li {
			position: relative;
		}
		#navMain .sub-menu {
			display: none;
		}
		#navMain li:hover .sub-menu {
			display: block;
			position: absolute;
			z-index: 99999;

			top: 23px;
			left: -10px;
			background-color: rgb(15,75,153);
			border: 1px solid rgb(0,54,130);
			border-top: none;
			color: black;
			box-shadow: 0 10px 5px rgba(0,0,0,0.2);
			padding-top: 5px;
		}
		#navMain li:hover .sub-menu li {
			display: block;
			
		}
			#navMain li:hover .sub-menu li a {
			display: block;
			font-size: 150%;
			line-height: 1.1;
			padding: 10px 30px 10px 8px;
			border-top: 1px solid rgb(0,54,130);
		}
			#navMain li:hover .sub-menu li:first-child a { /* remove stroke of first subnav item */
				border-top: none;
			}
		#navMain li:hover .sub-menu li a:link,
		#navMain li:hover .sub-menu li a:visited {
			
			
		}

	#mobileNavButton {
		display: none;
	}
	#navSocial {
		width: 10%;
		font-size: 200%;
		position: absolute;
		top: 60px;
		right: 0;
		text-align: right;
	}

#navMain .current-menu-parent a, #navMain .current-menu-item a:link,
#navMain .current-menu-parent a, #navMain .current-menu-item a:visited {
	color: rgb(250, 112, 26);
}
	#navMain .current-menu-parent .sub-menu a, #navMain .current-menu-item  .sub-menu a:link,
	#navMain .current-menu-parent .sub-menu a, #navMain .current-menu-item  .sub-menu a:visited {
		color: white;
	}

#navMain .sub-menu .current-menu-parent a, #navMain .sub-menu .current-menu-item a:link,
#navMain .sub-menu .current-menu-parent a, #navMain .sub-menu .current-menu-item a:visited
{
	color: rgb(250, 112, 26);
}
/
	Banner
/
	#banner, #gallery {
		margin: 0px 0 20px;
	}
	#bannerInner, #galleryInner {
		border: 4px solid white;
		border-radius: 8px;
		box-shadow: 0 1px 3px #ddd;

	}
	#banner img {
		float: left;
		border-radius: 4px;
		width: 100%;
	}


/
	Content
/
#wrapper {
		margin-top: 10px;
		background: url('/wp-content/themes/st-alphonsus/images/bg-paper.gif') top center repeat #f7f8fb;

}
#content {
	padding-bottom: 50px;
	padding-top: 20px;
}
#main a,
#sidebar a {
	text-decoration: underline;
}
	a.button {
		text-decoration: none !important;
	}
	
	#main p,
	#main li {
		font-size: 170%;
		font-weight: 400;
		line-height: 1.6;
		font-family: 'proxima-nova', georgia;
	}
	#main li.vcard {
		font-size: 100%;
	}
	#main p,
	#main ul,
	#main ol {
		margin-bottom: 14px;
	}
	#main li a,
	#main li p {
		font-size: 100%;
	}
	#main li.vcard a {
		font-size: 170%;
	}
		#content .searchExcerpt {
			font-size: 150%;
		}
	#main ul {
		list-style: disc outside;
		margin-bottom: 20px;
	}
	#main ol {
		list-style: decimal outside;
		margin-bottom: 20px;
	}
	#main li {
		margin-left: 15px;
		padding: 5px 0;
		
	}
	#content h1 {
		font-family: "kaushan script", serif;
		font-weight: 400;
		font-size: 360%; /* 350%; */
		line-height: 1.15;
		color: rgb(15,75,153);
		margin-bottom: 10px;
	}
	#content h2 {
		font-size: 260%;
		line-height: 1.15;
		margin-bottom: 10px;
		letter-spacing: 0;
		margin-top: 30px;
	}
		#content h2.staff {
			margin-top: 20px;
		}
		#content h2.staff a {
			text-decoration: none;
		}
	#content h3 {
		font-size: 200%;
		line-height: 1.1;
		margin: 20px 0 10px;
	}
	#content blockquote {
		font-size: 130%;
		font-family: 'proxima-nova', georgia;
		font-style: italic;
		line-height: 1.4;
		border: 1px solid #ddd;
		border-left: none;
		border-right: none;
		padding: 10px 0;
		margin: 20px 0;
		
		float: right;
		width: 35%;
		margin-left: 20px;
		
	}
	#content blockquote p {
		margin: 0;
	}	
#main {
	margin-bottom: 20px;
}
#content .post,
#content .backLink {
	border-top: 1px solid #ddd;
	padding-top: 10px;
	margin-bottom: 10px;
}
#content  .backLink {
	display: block;

}


/
	Staff Page
/
#content .title {
	display: block;
	font-size: 180%;
	line-height: 1.1;
	font-style: italic;
	margin: 10px 0 10px;
	
}
#content .fn {
	display: block;
	font-size: 200%;
	line-height: 1;
	margin: 0 0 5px;
	padding-left: 20px;
}
#content .vcard a {
	display: block;
	font-style: italic;
	margin: 0 0 10px;
	padding-left: 20px;
}
#content .collapse {
	margin-top: 10px;
	border-bottom: 1px solid #ddd;
}
#content .vcard {
	margin: 5px 0 20px;
	display: block;
	border-top: 1px solid #ddd;
	padding-top: 10px;

}
#content .vcard p {
	line-height: 1;
}
.org {
	display: none;
}
/
	Sub-Navigation
/

#navSub {
	padding-top: 7px;
}
#navSub li {

}
#navSub li a:link,
#navSub li a:visited {
	display: block;
	font-weight: 700;
	font-size: 150%;
	line-height: 1;
	padding: 10px 0;
	color: rgb(61,65,81);
	border-top: 1px solid #ddd;
}
#navSub li.current-menu-item a {
	color: rgb(135,137,146);
}
	#navSub li.current-menu-item .sub-menu a {
		color: rgb(61,65,81);
	}
#navSub .menu-item {
	display: none;
}
.forceVisible .menu-item {
	display: block !important;
}
#navSub .current-menu-item,
#navSub .current-menu-item .menu-item,
#navSub .current-menu-ancestor,
#navSub .current-menu-ancestor .menu-item,
#navSub .current-menu-ancestor .sub-menu
{
	display: block !important;
}
/
	Sidebar
/
div.style1 div.inner {
	background: none;
}
div.style2 div.inner {
	background-color: rgba(238,238,238,0.5);
}
div.style3 div.inner {
	background-color: white;
}
div.style1 div.inner, div.style2 div.inner, div.style3 div.inner, #sidebar {
	border: 4px solid #eee;
	border-radius: 8px;
	padding: 15px;
	width: auto;
}
#sidebar {
	display: block;
	background-color: white;
}


#sidebar h3 {
	color: #fff;
	font-size: 160%;
	line-height: 1.1;
}
#content .widget {
		padding-bottom: 20px;

}
#content .widget .featured-post {
		margin: 10px 0 20px;

}

#content .widget h2 {
		font-family: "kaushan script", serif;
		font-weight: 400;
		font-size: 260%;
		line-height: 1.2;
		padding-bottom: 5px;
		border-bottom: 1px solid #ddd;
		margin-top: 0 !important;
		margin-bottom: 15px;
	}
#content .theTime {
	font-weight: 600;
	font-size: 120%;
	line-height: 1;
	letter-spacing: 1px;
	margin: 20px 0 3px 0;
	text-transform: uppercase;
}
#content #main .theTime {
	font-size: 150%;
}
#content h3.theTitle,
#content .widget h4 {
	font-weight: 600;
	font-size: 180%;
	line-height: 1.2;
	margin: 5px 0 0;
	color: rgb(15,75,153);
}
#content .widget .theExcerpt,
#content .widget .excerpt {
	font-size: 150%;
	line-height: 1.5;	
}
/* .quotescollection_randomquote cite */
.quotescollection-quote .attribution {
    display: block;
    margin-top: 5px;
    text-align: left !important;
    font-size: 150%;
}
.quotescollection_author {
    font-style: italic !important;
}
.theme-light.slider-wrapper {
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    padding: 5px !important;
}
.nivo-caption {
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: rgba(250, 112, 26, 0.9) !important;
    opacity: 1 !important;
    color: rgb(255, 255, 255);
    width: 100%;
    z-index: 8;
    padding: 10px 10px !important;
    overflow: hidden;
    display: none;
    -moz-box-sizing: border-box;
    font-size: 130%  !important;
    font-weight: 500;
    font-family: proxima-nova !important;
}


/
	Footer
/

#footer {
	background: url('/wp-content/themes/st-alphonsus/images/bg-fade-up.png') top left repeat-x;
	color: white;
	min-height: 100px;
	padding-top: 20px;
}
#contact {
	display: block;
	float: left;
	width: 70%;
}
#phone {
	display: block;
	float: right;
	text-align: right;
	width: 30%;
}
#footer small {
	font-size: 150%;
	line-height: 1.3 !important;

}
#footer small a {
	display: block;
	line-height: 1.3 !important;

}
#footer a:link, #footer a:visited {
	color: rgb(65,125,203);
}
#footer a:hover, #footer a:active {
	color: white;
}
/
	tabular data
/
table {
	width: 100%;
}
tr {
	border-top: 1px solid #ddd;
	padding: 10px 0;
	background-color: white;
}
tr:nth-child(even) {
	background-color: #ececec;
}
th {
	font-weight: bold;
}
td, th {
	font-size: 140%;
	padding: 10px 5px;
}
td a,
th a {
	font-size: 100%;
}


.fsBody, .fsBody * {
	font-family: "proxima-nova",georgia !important;
}
.fsBody .fs1Col,
.fsBody .fs2Col,
.fsBody  .fs3Col,
.fsBody  .fs4Col {
	min-width: 0 !important;
}

.fsBody .fsSectionHeader {
	background-color: #0F4B99 !important;
	color: white !important;
	margin: 30px 0px 10px !important;
}

.fsBody .fsLabel, .fsBody label {
    font-size: 130% !important;
    line-height: 1.3 !important;
	padding-bottom: 10px !important;
	padding-top: 15px !important;
}

.fsBody .fsOptionLabel {
	padding-top: 0 !important;
}

.fsForm {
	border: 4px solid #EEE !important;
border-radius: 8px !important;
}

#content #main .fsBody h2.fsSectionHeading {
	font-size: 180% !important;
	margin-top: 15px !important;
}

.fsForm .fsCell *,
.fsForm .fsCell,
#content #main .fsBody p  {
	font-size: 16px !important;
}
.fsForm p {
font-size: 100% !iportant;
}
.fsSubmit input.fsSubmitButton {
width: 200px !important;
background-color: #FA701A !important;
height: 50px !important;
line-height: 50px !important;
font-size: 160% !important;
font-weight: 700 !important;
color: #FFF !important;
border-radius: 3px  !important;
cursor: pointer;
padding: 0 !important;
}

#label28982737  {
padding-top: 0 !important;
}
#fsCell28982657 {
padding-bottom: 0 !important;
}
#fsSection28981994 .fsSectionHeader,
#fsSection28982026 .fsSectionHeader,
#fsSection28982504 .fsSectionHeader
 {
height: 1px;
padding: 0;
}



/
	The Awesomeness
/
@media screen and (min-width: 640px) { /* portrait iPad, small browser windows */
#header .collapse, #header .in, #header .collapse.in {
	height: auto !important; 
}
}





@media screen and (max-width: 1160px) { /* portrait iPad, small browser windows */

}





@media screen and (max-width: 768px) { /* portrait iPad, small browser windows */
#siteTitle {
	float: left;
	font-size: 260%;
}
.twoC .c1,
.twoC .c2,
.specialC .c1,
.specialC .c2,
.specialC .sc1 .c1,
.specialC .sc1 .c2 {
	width: 100%;
	margin-bottom: 20px;
}
.specialC .sc1 {
	width: 75%;
}
.specialC .sc2 {
	width: 20%;
}
tr {
	display: block;
	padding: 10px 0;


}
th, td {
	display: block;
	padding: 5px 10px;
}


}

@media screen and (max-width: 640px) { /* landscape iPhone (480)  */
#siteTagline {
    position: relative;
    text-indent: 10px;
		font-size: 45%;
    vertical-align: baseline;
    width: auto;
    margin: 0px auto;
    display: block;
    text-align: center;
    clear: both;
    left: 0;
    top: 0;
    display: none;
}

.twoC .c1,
.twoC .c2,
.twoC .c1alt,
.twoC .c2alt,
.specialC .sc1,
.specialC .sc2 {
	width: 100%;
	margin-bottom: 20px;
}

#sidebar {
	/* display: none; */
}

#navMain, #navSocial, #siteTitle, #search, #contact, #phone {
	width: 100%;
	float: none;
	text-align: center;
	margin: 5px 0;
	clear: both;
}

	#navSocial {
		width: 100%;
		font-size: 200%;
position: relative;
top: 0;
right: 0;
text-align: center;
margin-bottom: 10px;
	}

#contact, #phone {
	text-align: center;
}

	#header {
		margin: 0 0;
		padding: 10px 0;

	}
	#headerInner {
		margin: 0 20px;
	}
	#siteTitle img {
		display: none;
	}
	#siteTitle {
		width: 100%;
		text-align: center;
		margin: 15px 0;
	}




	#topBar {
		margin-top: 0;
		padding-top: 0;
		text-align: center;
	}
	


	#content h1 {
		font-size: 260%;

	}

	#menu-main-menu {
		margin-top: 10px;
	}
	#menu-main-menu li {
		margin-left: 0;
		display: block;
		padding: 5px 0;
		border-top: 1px solid #ccc;
		
	}
	#menu-main-menu li a {
		padding-right: 6px;
		line-height: 1.8;
		
	}
	#menu-main-menu li .sub-menu {
		display: none !important;
	}
	#search {
		float: right;
		margin-top: 10px;
		width: 70%;
		text-align: left;
	}

	#searchInner {
		width: 100%;
		position: relative;
		top: 0;
		border: 1px solid #083167;
		background: #2a66b3;
		display: block;
		border-radius: 100px;
	}
	input.field {
		color: white!important;
		opacity: 1 !important;
		width: 70%;
		font-family: proxima-nova;
	}
	input.submit {
		width: 30%;
		font-family: proxima-nova;
		border-radius: 100px;


	}
	#mobileNavButton {
		display: inline;
		width: 25%;
		height: 32px;
		float: left;

		margin: 10px auto;
		
		text-align: center;
		font-weight: 700;
		font-size: 150%;
		line-height: 2;
		
		border-radius: 8px;
		box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
		color: white !important;
		background: #2361c0; /* Old browsers */
		background: -moz-linear-gradient(top,  #2361c0 0%, #0f4b87 50%, #0e3075 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2361c0), color-stop(50%,#0f4b87), color-stop(100%,#0e3075)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #2361c0 0%,#0f4b87 50%,#0e3075 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #2361c0 0%,#0f4b87 50%,#0e3075 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #2361c0 0%,#0f4b87 50%,#0e3075 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #2361c0 0%,#0f4b87 50%,#0e3075 100%); /* W3C */

	}
	#mobileNavButton img {
		border: 1px solid #dddcdd;
		border-radius: 5px;
	}
	#header .collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
     -moz-transition: height 0.35s ease;
       -o-transition: height 0.35s ease;
          transition: height 0.35s ease;
}

#header .collapse.in {
  height: auto;
  -webkit-transition: height 0.35s ease;
     -moz-transition: height 0.35s ease;
       -o-transition: height 0.35s ease;
          transition: height 0.35s ease;
}



	#content {
		padding-top: 0;

	}
	#banner {
		border-top: 4px solid rgb(10,65,123);
		padding: 0;
		margin: 0 -20px;
		margin-bottom: 20px;
		border-bottom: 4px solid #ddd;

	}
	#bannerInner {
		padding: 0;
		border: none;
		border-radius: 0;
		overflow: hidden;
		box-shadow: none;
	}
	#banner img {
		float: left;
		border-radius: 0;
		max-width: 140%;
		margin: 0;
		/* margin: 0 auto;
		margin-left: -20%;  new and improved. Centers photo. */
	}
	#gallery {
		
		background: none;
		padding: 0 20px;
		margin: 0 -20px 20px -20px;
		border-bottom: none;

	}
	#galleryInner {
		background: none;
	}

}



@media screen and (max-width: 480px) { /* portrait iPhone  */

	input.field {
		width: 60%;
	}
	input.submit {
		width: 40%;
	}
}
@media screen and (max-width: 320px) { /* portrait iPhone  */

}

@media screen and (min-width: 1200px)  { /* this layout goes to 11 */

}