/* Styles for content pages */

#banner {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	height: 575px;
	background-color:#009cdc;
	overflow: hidden;
}

/* wrapper to keep banner image centered */
#banner > div {
	margin:0 auto;
	max-width:1400px;
	height:100%;
	width:100%;
}

#banner-tiles {
	position: relative;
	background: inherit;
	list-style: none;
	margin: 0px auto;
	padding: 0px;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

#banner-tiles li {
	position:absolute;
	visibility: hidden;
	opacity:0;
	height:100%;
	width:100%;
	/* max-width: 1400px; */
	color:#FFF;
	
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	background-color: #009CDC;
	
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	
	-webkit-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}

#banner-tiles li.sel {
	visibility: visible;
	opacity: 1;
}

/* padding should correspond to the background photo */

#tile1 {background-image:url('../images/banners/home/banner1.jpg');}
#tile2 {background-image:url('../images/banners/home/banner2.jpg');}
#tile3 {background-image:url('../images/banners/home/banner3.jpg');}
#tile4 {background-image:url('../images/banners/home/banner4.jpg');}
#tile5 {background-image:url('../images/banners/home/banner5.jpg');}
#tile6 {background-image:url('../images/banners/home/banner6.jpg');}

/* banner text */
#banner-tiles li > article {
	margin-top:150px;
	
	/* border box with % padding has a legitimate bug in chrome */
	/*
	padding-left:54.5%;
	padding-right:1%;
	*/
	
	box-sizing:border-box;
	padding-left:650px;
	padding-right:15px;
	
	text-align: left;
}

#banner-tiles li > article.quote-text p {
	position: relative;
	font: 135% Georgia,Times,"Times New Roman",serif;
	line-height:1.5;
	margin:0;
}

#banner-tiles li > article.quote-text p:after {
	content:"\0201C";
	font-size:320%;
	font-style:italic;
	
	position: absolute;
	top:-12px;
	right:100%;
	margin-right:25px;
}

#banner-tiles li > article.quote-text small {
	font: 100% "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#banner-tiles #tile1 > article {
/*
	padding-right:5%;
	padding-left:50%;
*/
	padding-right:50px;
	padding-left:300px;
	color:#fff;
}

#banner-tiles #tile2 > article {
/*
	padding-right:5%;
	padding-left:50%;
*/
	padding-right:50px;
	padding-left:300px;
	color:#333;
}

#banner-tiles #tile3 > article {
/*
	padding-left:5%;
	padding-right:50%;
*/
	padding-left:50px;
	padding-right:615px;
	color:#333;
}

/* banner nav arrows */

#banner nav:first-child a {
	z-index:10;
	visibility:hidden;
	opacity:0;

	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
#banner:hover nav a {
	visibility:visible;
	opacity:1;
}

#banner #banner-prev,
#banner #banner-next {
	position:absolute;
	top:45%;
	/*font:800%/0 Arial,Helvetica,sans-serif;*/
	font:0pt/0 "Arial Black", Helvetica,sans-serif;
	font-weight:bold;
	color:#f2f2f2;
	text-indent:-9999px;
	outline:none;
	border:4px solid #FFF;
	
	opacity:0.5;
	filter:Alpha(opacity=50);
	
	height:40px;
	width:40px;
	margin:-10px 0 0;

	-webkit-transform:scale(1.25) rotate(45deg);
	-ms-transform:scale(1.25) rotate(45deg);
	transform:scale(1.25) rotate(45deg);

	-webkit-transition:all 0.6s ease 0s;
	transition:all 0.6s ease 0s;
}

#banner #banner-prev:after,
#banner #banner-next:after { /* Increase hit area of arrows */
	content:' ';
	position:absolute;
	width:160%;
	height:160%;
	left:-30%;
	top:-30%;
}
#banner #banner-prev {
	/* margin-left:-455px; */
	left:5%;
	border-right:none;
	border-top:none;
}
#banner #banner-next {
	/* margin-right:-455px; */
	right:5%;
	border-left:none;
	border-bottom:none;
}
#banner #banner-prev:hover,
#banner #banner-next:hover {
	/* border-color:#F1942E; */
	opacity: 1;
	filter:Alpha(opacity=100);
}
/* -----------*/

/* ~~-- Main content styles --~~ */

.content {
	padding:50px 0;
	margin:0 auto;
	max-width:1000px;
}

.content h2, .content h1, .content h3 {
	margin:0 auto;
}

.content h3 {
	color: #028ec8;
	font-size:180%;
}

.content p {
	margin:5px auto 20px;
	max-width:1000px;
}

.content a:link, .content a:visited {
	font-weight:bold;
	
	-webkit-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
.content a:hover, .content a:active {
	color: #009cdc;
	
	-webkit-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}

.content a[href^="tel:"] {
	font-weight:normal;
}

.line {
	position: relative;
	border-bottom: 1px solid #dde0e6;
    margin: 2em auto;
    max-width: 970px;
    padding-bottom: 1.25em;
}

/* ----------- Sub-page General Styles ---------- */

.sub-banner {
	position: relative;
	background:url('../images/banners/sub/sub-banner1.jpg') no-repeat center top;
	background-size:cover;
	box-sizing:border-box;
	padding:75px 0;
	min-height: 240px;
}

.sub-banner:after {
	content:"";
	display: block;
	width:100%;
	height:15px;
	background:url('../images/flower_wallpaper_bg.jpg') repeat left bottom;
	
	position: absolute;
	top:100%;
	left:0;
}

.sub-banner header {
	max-width: 1000px;
	margin: 0 auto;
}

.sub-banner h1 {
	font-size: 300%;
	font-style:italic;
	text-transform: capitalize;
	
	box-sizing: border-box;
	padding-right:46.5%;
}

.sub-title {
	color: #009cdc;
	font-size: 45%;
	display: block;
	margin:4px 0;
	font-style:italic;
}

.header-text {
	text-align: center;
	padding-bottom: 40px;
}

.header-text:first-child {
	padding-bottom:15px;
}

.header-text p {
	margin-top:25px;
	font-size:145%;
	line-height:1.35;
	
	box-sizing:border-box;
	padding:0 5%;
}



/* Pop-out menus + info lists */

.popout-container {
	position: absolute;
	left:50%;
	margin-left:-500px;
	bottom:0;
	min-height:150px;
	width:100%;
}

.popout-menu {
	display: inline-block;
	max-width:485px;
	width:50%;
	min-height:152px;
	background-color:#414244;

	box-sizing:border-box;
	padding:0 0 5px;
	
	position: absolute;
	top:100%;
	margin-top:-46px;
	left:0;
	/* bottom:0; */
	
	/*
	-webkit-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
	*/
	
	z-index:2;
}

.popout-menu:hover {
	margin:0;
	top:auto;
	
	bottom:0;
	
	-webkit-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}

.popout-menu + .popout-menu {
	left:auto;
	right:0;
	
}

.popout-menu h4 {
	position: relative;
	display: block;
	text-align: left;
	font-size:125%;
	color:#FFF;
	
	width:100%;
	box-sizing:border-box;
	margin:0;
	padding:10px 60px 10px 5%;
	
	height:46px; /* important value for position popout menu */
	
	background-color: #717074;	
	/* cursor:pointer; */
}

.popout-menu h4 .ps-arrow {
	/* content:""; */
	display: inline-block;
	
	height:16px;
	width:16px;
	background-color:transparent;
	border-top: 3px solid #FFF;
	border-right:3px solid #FFF;
	
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	
	position: absolute;
	top:50%;
	margin-top:-5px;
	right:25px;
}

.popout-menu:hover h4 .ps-arrow /* .popout-menu.open h4:after */ {
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	
	margin-top:-14px;
}

.info-list {
	list-style:none;
	margin: 15px 0;
	box-sizing:border-box;
	padding:0 5%;
}

.info-list li {
	display: inline-block;
	vertical-align: top;
	width:48%;
}

.info-list li:nth-child(2n) {
	margin-left:2.5%;
}

.info-list li:nth-child(1n+3) {
	margin-top:10px;
}

.info-list li a {
	position: relative;
	display: block;
	color:#FFF;
	font-size:100%;
	
	padding:5px 5px 5px 36px;
	box-sizing:border-box;
}

.info-list li a:after {
	content:"";
	display: inline-block;
	height:22px;
	width:22px;
	background:url('../images/icon_sprite.png') no-repeat -141px 0;
	
	position: absolute;
	top:50%;
	margin-top:-11px;
	left:0;
}

.wallpaper {
	background:url('../images/flower_wallpaper_bg.jpg') repeat top left;
	color:#333;
}

.content .welcome {
	position: relative;
	margin:0;
	display: inline-block;
	font: 30pt GoudyOS-bold, Cambria, Lucida Bright, serif;
	text-transform: uppercase;
	text-align: center;
	
	position: absolute;
	top:50%;
	margin-top:-40px;
	left:0;
	
	background-color:transparent;
	z-index: 0;
}

.welcome + p {
	margin:0;
	box-sizing:border-box;
	
	padding-left:300px;
	
	font-size:105%;
}

.welcome:before, .welcome:after {
	content:"";
	display:block;
	width:40px;
	border-top:1px solid #333;
	
	position: absolute;
	top:20px;
	left:-12%;
	
	z-index: -2;
}

.welcome:after {
	left:auto;
	right:-12%;
}

.welcome span {
	display: block;
	font:60%/1 Rochester, "Brush Script MT", cursive;
	text-transform: capitalize;
}

.collage {
	position: relative;
	background: url('../images/photo_collage.jpg') no-repeat center top/cover;
	padding-bottom:170px;
	text-align: center;
	color:#FFF;
	z-index: 0;
}

.collage .content p, .collage .content li {
	line-height:1.65;
	font-size:110%;
	
	box-sizing:border-box;
	padding-left: 15%;
	padding-right: 15%;
}

.collage h2 {
	margin:30px auto;
}

.collage:after {
	content:"";
	display: block;
	height:100%;
	width:100%;
	background-color:#009cdc;
	opacity: 0.9;
	filter:Alpha(opacity=90);
	
	z-index: -1;
	position: absolute;
	top:0;
	left:0;
}

.collage + * {
	padding-top:100px;
}

.three-circles {
/*
	position: absolute;
	bottom:-80px;
	left:0;
*/
	position: relative;
	margin:70px auto -300px;
	width:100%;
	max-width:1000px;
}

.three-circles .circle {
	width:22%;
	height:1px;
	padding-bottom:22%;
	z-index: 1;
}
.three-circles .circle.large {
	width:27.5%;
	padding-bottom:27.5%;
	z-index: 2;
	
	/* position: absolute; */
}

.alt-text p, p.alt-text/* , .alt-text ul */ {
	font-family: Georgia,Times,"Times New Roman",serif;
}

.alt-text h1, .alt-text h2, .alt-text h3, .alt-text h4, .alt-text h5, .alt-text h6, h1.alt-text, h2.alt-text, h3.alt-text, h4.alt-text, h5.alt-text, h6.alt-text {
	font-family: Rochester, "Brush Script MT", cursive;
	font-size: 300%;
	font-weight:lighter;
	margin: 0;
	line-height: 52px;
}

.virtual-tour {
	padding-bottom:40px;
}

.virtual-tour .content p {
	margin:10px auto;
}

.virtual-tour .content .button {
	margin-top:25px;
}

.photo-montage {
	/* background:url('../images/photo_collage.jpg') repeat-x left -1px/auto 520px; */
	text-align: center;
	overflow: hidden;
	
	opacity: 1;
	filter:Alpha(opacity=100);
	
	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}

.hide {
	height:0;
	
	opacity: 0;
	filter:Alpha(opacity=0);
	
	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}

.photo-montage .contain {
	position: relative;
	max-width:1050px;
	z-index: 0;
}

.photo-montage .contain:after, .photo-montage .contain:before {
	content:"";
	display: block;
	height:100%;
	min-width:100%;
	
	background:url('../images/photo_collage.jpg') repeat left top/auto 520px;
	
	position: absolute;
	left:99.5%;
	margin-left:-138px;
	top:0;
	
	z-index: -1;
}

.photo-montage .contain:before {
	background-position: right top;
	
	left:auto;
	right:99.5%;
}

.photo-montage a {
	display: inline-block;
	vertical-align: top;
	/* max-width:166px; */
	margin:0;
}

.photo-montage img {
	vertical-align: bottom;
}

.viewable {
	position: relative;
}

.viewable:after {
	content:"";
	display: inline-block;
	height:100%;
	width:100%;
	background:url('../images/eye.png') no-repeat center center rgba(0,67,37,0.9);
	
	position: absolute;
	top:0;
	left:0;
	
	opacity: 0;
	
	-webkit-transition:all 0.2s ease 0s;
	transition:all 0.2s ease 0s;
}

.viewable:hover:after, .viewable:active:after {

	opacity: 1;
	
	-webkit-transition:all 0.2s ease 0s;
	transition:all 0.2s ease 0s;
}

.brown-banner {
	background-color:#717074;
	width:100%;
	color:#FFF;
	padding:50px 0;
}

.after-arrow {
	position: relative;
	box-sizing:border-box;
	padding-right:75px;
}

.after-arrow:after {
	content:"";
	display: inline-block;
	
	height:48px;
	width:48px;
	background-color:transparent;
	border-top: 5px solid #FFF;
	border-right:5px solid #FFF;
	
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	
	position: absolute;
	top:50%;
	margin-top:-24px;
	right:15px;

}

.brown-banner .after-arrow {
	display: inline-block;
	vertical-align: middle;
	margin:0;
	width: 62%;
	max-width:620px;
	margin-right:2%;
	font-size:300%;
	line-height:1;
}

.brown-banner .after-arrow span {
	display: block;
	margin:10px 0 0;
	font: 35% "Helvetica Neue", Helvetica, Arial, sans-serif;	
}

.brown-banner a.button {
	vertical-align: middle;
	padding-left:2%;
	padding-right:2%;
}

/*Brown Banner Careers Page ***/

.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:30px;
    
}

.col-centered h3 {
	font-size: 100%;
}

/* News / Events Feeds Section */

.feeds {
	text-align: center;
}

.feeds h2 {
	font-size:200%;
	margin:0 auto;
}

.feeds > p {
	margin:5px auto 25px;
}

.news-events.col {
	display: inline-block;
	width:43%;
	max-width:390px;
}

.news-events.col .events-feed, .news-events.col .news-feed {
	text-align: left;
}

/* Hide feeds by default and only display selected one */

.events-feed, .news-feed {
	display: none;
}

#show-events ~ .events-feed, #show-news ~ .news-feed {
	display: block;
}

.news-feed > p {
	margin-top:20px;
}

.events-feed {
	text-align: center;
}

.event-list {
	list-style: none;
	padding:0;
	text-align: left;
}

.event-list li {
	margin:5px 0;
	text-align: left;
	min-height:75px;
}

/* The following classes are applied to ul */

ul.row li, ul ul.news-list li + li {
	display: inline-block;
	vertical-align: top;
	margin-top:auto;
	padding-top:0;
}

/* Stacks items 2 per row */

.two-per li {
	width:46%;
}

ul.row li + li {
	border:none;
	margin-top:0;
	padding-top:0;
}

.two-per.row li:nth-child(2n) {
	margin-left:6.75%;
}
.two-per.row li:nth-child(1n+3) {
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #CCC;
}

/* Stacks li items 3 per row */

.three-per.row li {
	width:31%;
	margin-left: 1.75%;
	min-height:60px;
}

.three-per.row li:nth-child(3n-2) {
	margin-left:0;
}
.three-per.row li:nth-child(1n+4) {
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #CCC;
}


.event-list li a {
	position: relative;
	display: block;
	height:100%;
	width:100%;
	
	box-sizing: border-box;
	padding-left:80px;
}

.event-list li a:hover .date-circle, .event-list li a:active .date-circle  {
	background-color:#009cdc;
	color:#FFF;
}

.event-list li a:hover .date-circle span, .event-list li a:active .date-circle span {
	color:#FFF;
}


.date-circle {
	display: inline-block;
	width:55px;
	height:30px;
	padding-top:12px;
	padding-bottom:13px;
	/*
	padding-top:3.25%;
	padding-bottom:3.25%;
	*/
	border-radius:50%;
	border:1px solid #BEBFC1;
	
	color:#009CDC;
	font-size: 16px; /* non-percentage value keeps this from changing with text controls */
	line-height:1;
	font-weight:normal;
	text-align: center;
	text-transform: uppercase;
	
	position: absolute;
	top:50%;
	margin-top:-27px;
	left:0;
}

.date-circle span, li article.date-circle span {
	display: block;
	font-size:98%;
	margin:0 auto;
	color:#000;
	font-style:normal;
}

/************************************************************
News / Event lists */

.news-events li h3 {
	margin:0 0 5px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	
	color:#009CDC;
	text-transform: capitalize;
}

.news-events li p {
	margin-bottom:5px;
}

.event-list li span {
	display: block;
	margin:0;
	font-size:85%;
	font-style:italic;
}

.event-list li h3 {
	font-size:150%;
	font-weight:normal;
}

.events-feed .button {
	margin-left:5px;
}

.news-list {
	list-style: none;
	padding:0;
	text-align: left;
}

.news-list a:hover, .new-list a:active {
	color:inherit;
}

.date {
	font-size:90%;
	font-weight:normal;
}

.news-list .date {
	display: block;
	margin-bottom:5px;
}

.news-list li + li {
	margin-top:15px;
	padding-top:15px;
	border-top:1px solid #CCC;
}

.news-list li h3 {
	font-size:100%;
}

.news-list li p {
	font-size:90%;
}

.headline {
	font-weight:normal;
}
.headline:hover, .headline:active {
	color:#000 !important;
}

.news-list li .button {
	padding:10px;
	font-size:85%;
}

.news-list li .button:after {
	margin-left:10px;
	margin-bottom:-2px;
}

.news-list dt { /* Event date */
	position:absolute;
	text-align:center;
	width:3em;
	font:9pt/1.2 'FuturaStd-Book',Tahoma,Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	color:#555554;
	background:#D5D1C3;
	padding:0.6em 0 0.4em 0;
	margin:0.7em 0 0 0;

	-moz-border-radius:0.3em;
	-webkit-border-radius:0.3em;
	border-radius:0.3em;
}
.news-list dt span {
	display:block;
	font-size:13pt;
	color:#232f57;
}
.news-list dd {
	margin:0 0 1em 0;
	padding:0.5em 0 0 0;
	border-top:1px dashed #949285;
}
.news-list dt+dd { /* For events -- keeps things aligned for news as well */
	padding-left:4em;
	min-height:5em;
}

.news-list h3 { /* Titles */
	font:12pt/1.3 Arial,Helvetica,sans-serif;
	margin:0 0 0.2em 0;
}
.news-list h3 a {
	color:#141414;
}
.news-list h4 { /* Date headings */
	font:italic normal 10pt/1.3 Arial,Helvetica,sans-serif;
	color:#30728E;
	margin:0;
}
.news-list p { /* Description */
	margin:0.3em 0 0.5em 0;
}

/************************************************************
Pagination! */
.pagination {
	list-style:none;
	padding:0;
	margin:0 auto;
	
	text-align: center;
}

.pagination li {
	display: inline-block;
	border-left: 1px solid #FFF;
}

.pagination li.next + li {
	border-left: 0;
}

.pagination li strong {
	color:#638979;
	padding:6px 8px;
	/* text-shadow: 1px 1px 3px #000; */
}

.pagination li + li {
	margin-left:0 !important;
}

.pagination li a,
.pagination li span {
	display: inline-block;
	vertical-align: baseline;
	color:#FFF;
	padding:6px 8px;
	font-size: 120%;
	background-color: #FFF;
	color: #000;
}

.pagination li span.current {
	font-weight: bold;
	color: #FFF;
	background-color: #717074;
}

.pagination li.prev {
	margin-right: .24em;
}

.pagination li.next {
	margin-left: .25em;
}

.pagination li.next a,
.pagination li.prev a {
	border-top: 16px solid transparent;
	border-bottom: 17px solid transparent;
	font-size: 0;
	width: 0;
	height: 0;
	vertical-align: middle;
	padding: 0;
	background: none;
	margin-top: -4px;
}

.pagination li.prev a {
	border-right: 16px solid #717074;
}

.pagination li.next a {
	border-left: 16px solid #717074;
}


/* Full News List */
.news-list.full li article h3 {
	font-size: 180%;
	line-height: 1;
	margin: 0 auto;
	text-transform: capitalize;
}

.news-list.full figure {
	margin: 8px auto 0;
	max-width: none;
	display: inline-block;
	vertical-align: top;
	max-height: 300px;
	overflow: hidden;
	box-sizing: border-box;
	border: 5px solid #ECEFF5;
}

.news-list.full figure img {
	width:100%;
	vertical-align: bottom;
}

.news-list.full p a.button {
	margin-top: 15px;
}

/* News/Event Photos List */

.photo-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.photo-list li {
	display: inline-block;
	width: 31%;
	margin: 0 2% 1% 0;
}

.photo-list.photo-single li {
	width: 100%;
	margin: 0;
}

.photo-list a {
	position: relative;
	display: block;
	width: 100%;
	height: 200px;
	background-size: cover;
	background-position: center center;
}

.photo-list a span {
	position: absolute;
	bottom: 0;
	left:0;
	background-color: rgba(54,54,54,.7);
	width: 100%;
	text-align: center;
	color: #FFF;
	padding: .5em 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.photo-list a:hover span {
	background-color: rgba(54,54,54,1);
}

.arrow {
	font-style:italic;
	background:transparent url('../images/icons/chevron.png') no-repeat left 60%;
	padding-left:1em;
}
ul .page-photos {

	list-style-type: none !important;
}


.prop-photos {
	margin:25px auto 0;
}

.prop-photos figure {
	position: relative;
	margin:0;
	width:100%;
	padding-bottom:65%;	
}

.prop-photos figure, .prop-photos ul li {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

.prop-photos ul {
	list-style: none;
	padding:0;
	margin-top:20px;
	text-align: left;
}

.prop-photos ul li {	
	position: relative;
	display: inline-block;
	vertical-align: top;
	width:31%;
	max-width:126px;
	padding-bottom:25%;
	
	/*
	min-width:120%;
	min-height:100%;
	*/

	overflow: hidden;
}

.prop-photos li:nth-child(3n-1) {
	margin-left:2.4%;
	margin-right:2.4%;
}

.prop-photos li:nth-child(1n+4) {
	margin-top:10px;
}

.prop-photos a {
	position: relative;
	display: inline-block;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	
	position: absolute;
	top:0;
	left:0;
}

.prop-photos .circle-hover:after {
	font-size:500%;

	line-height:115%;
	width:75%;
	top:7%;
	left:12.5%;
}


.facebook-feed {
	display: inline-block;
	max-width: 430px;
	width: 43%;
	margin-left: 6%;
	text-align: left;
}

.facebook-feed h3 {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	padding: 10px 0 20px 75px;
	
	color:#009cdc;
	font:100% "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:600;
	text-transform:uppercase;
}

.facebook-feed h3:after {
	content:url('../images/fb_bubble.png');
	
	position: absolute;
	top:50%;
	margin-top:-29px;
	left:0;
}

.facebook-feed h3 span {
	color:#000;
	font-size:90%;
}

.facebook-feed ul {
	list-style: none;
	padding:0;
	margin:15px 0;
}

.facebook-feed ul li {
	font-size:90%;
}

.facebook-feed ul li + li {
	margin-top:15px;
	padding-top:15px;
	border-top:1px solid #CCC;
}

.facebook-feed ul li span {
	display: inline-block;
	margin: 0 0 7px;
	font-size:95%;
}

.facebook-feed ul li a {
	display: block;
	color:#009CDC;
	font-weight:400;
}

/*
.dual-button {
	display: inline-block;
}
*/

.dual-button .button {
	padding-left:6.8%;
	padding-right:6.8%;
}

.dual-button .button:first-child {
	border-radius:5px 0 0 5px;
	border-right:none;
}

.dual-button .button + .button {
	border-radius:0 5px 5px 0;
	border-left:none;
}

.dual-button .button.sel {
	border-color: #717074;
	background-color: #717074;
}
/* Filter area inside heading */
h2 .filter {
	position: absolute;
	bottom:5px;
	left:0;
	margin:0.6em 0.2em 0 0;
	font:10pt/1.2 Arial,Helvetica,sans-serif;
}
h2 .filter div {
	display: inline-block;
}

h2 .filter label {
	padding-right:0.2em;
}

h2 .filter p {
	display: block;
	
}

/* Facility List (for News) */
/*.news-facility-list {
	list-style: none;
	margin: 0;
	padding: 0 0 0 2em;
	text-align: left;
}

.news-facility-list li {
	margin-top: .5em;
}

.news-facility-list li a {
	color: #084226;
	text-align: center;
	font-size: 95%;
}

.news-facility-list li a:after {
	content: "";
	display: inline-block;
	height: 15px;
	width: 21px;
	margin-left: 10px;
	margin-bottom: -1px;
	background: url('../images/icon_sprite.png') no-repeat -163px 0;
}

.news-facility-list li.sel a {
	text-decoration: underline;
	font-weight: bold;
}
*/
/************************************************************
Image headers */

.header-img {
	background:transparent url('../images/pages/banner-frame.png') no-repeat center center;
	margin:0 0 0 -4px;
	padding:12px 0 21px 2px;
	text-align:center;
	min-width:657px;
}

/***************************************************************
Search Results Page */

#search-results h3 {
	box-sizing:border-box;
	padding-right:150px;
}

#search-results > header {
	position: relative;
}

#search-results > header .pagination {
	position: absolute;
	top: -6px;
	right: 0;
}


#search-results > footer {
	text-align: center;
}

#search-results > footer .pagination {
	text-align: center;
}

#search-results ol {
	list-style-type: none;
	text-align: left;
	margin:0 auto;
	padding:1px; 
	/* list-style-position: inside; */
}

#search-results ol h4 {
	margin: 0;
}

#search-results ol h4 a {
	color:#000;
}

#search-results ol a:hover span:after {
	content: '\00bb';
	padding-left: .5em;
}


#search-results ol li {
	padding: 1.25em 0;
	border-top: 1px solid #DDE0E6;
}

#search-results ol li a:hover, #search-results ol li a:active {
	color:#004325;
	
	-webkit-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}

#search-results ol mark {
	 background-color:#7CC0E9; 
}


#search-results ol li a {
	font-size: 90%;
	display: inline-block;
}

#search-results ol li p {
	margin: .25em 0;
}

#search-results ol h4 small {
	display: block;
	font-size: 80%;
	color: #666;
	margin-top: .1em;
}


.search-phrase {
	position: relative;
	padding-left:30px;
	
	font-style:italic;
}

.search-phrase:after {
	content:"\000BB";
	font-style:normal;
	line-height:1;
	
	position: absolute;
	top:50%;
	margin-top:-20px;
	left:0;
}

/* Pagination */

#search-results .pagination {
	list-style:none;
	padding:0;
	margin:0 auto;
	
	text-align: right;
}

#search-results .pagination li {
	display: inline-block;
}

#search-results .pagination li strong {
	padding:6px 8px;
	/* text-shadow: 1px 1px 3px #000; */
}
/*
#search-results .pagination li + li {
	margin-left:0;
}

#search-results .pagination li a {
	display: inline-block;
	vertical-align: baseline;
	color:#000;
	padding:6px 8px;
}

#search-results .pagination li a[title="Previous"], #search-results .pagination li a[title="Next"] {
	font-size:180%;
	line-height:1;
}

#search-results .pagination strong,
#search-results .pagination a {
	font-size: 150%;
}

#search-results .pagination a:hover,
#search-results .pagination strong {
	color: #CFD5B9;
}

#search-results .pagination:last-child {
	text-align: center;
}
*/

/************************************************************
Staff Bio / Modal */

.staff-info {
	margin-bottom: 2em;
}

.staff-info h3 {
	padding: .25em 0;
}

.staff-info h4 {
	margin: .25em 0 0.5em;
	font-size: 130%;
}

#simplemodal-container {
	max-height:100% !important;
}

#modal {
	display:none;
	position:relative;
	background:#fff;
	border-radius: .6em .6em .5em .5em;
	max-width:800px;
/* 	max-height:600px !important; */
}

#modal .simplemodal-close {
	position: absolute;
	line-height: .75;
	right: -10px;
	top:-10px;
	color: #FFF;
	font-size: 150%;
	text-align: center;
	z-index: 5;
	cursor: pointer;
	
	padding:0;
	height:24px;
	width:24px;
	background-color:#262626;
	
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	
	border: 2px solid #FFF;
}

#modal header {
	position: relative;
	background-color: #009CDC;
	margin: 0 auto 0;
	border-radius: .5em .5em 0 0;
	text-align: center;
}

#modal header h2 {
	margin: 0;
	padding: 10px 25px;
	color: #FFF;
	line-height: 25px;
	font-size: 150%;
	background-color: #009CDC;
	text-align: left;
	
	-moz-border-radius:0.5em 0.5em 0 0;
	-webkit-border-radiust:0.5em 0.5em 0 0;
	border-radius:0.5em 0.5em 0 0;
}

.simplemodal-wrap {
	overflow: visible !important;
}

#modal article {
	padding: 15px 25px;
	-moz-border-radius:0 0 0.5em 0.5em;
	-webkit-border-radius:0 0 0.5em 0.5em;
	border-radius: 0 0 0.5em 0.5em;
	
	overflow-y: auto;
	height:auto;
	max-height:400px !important;
}

#modal article p:first-child {
	margin-top:4px;
}

#modal iframe {
	max-width: 100%;
	max-height: 100%;
}

/***************************************************************
FAQs Page *****/

.faq-list dt {
	position: relative;
	margin-bottom:15px;
	color: #009cdc;
	font: bold 180% Georgia,Times,"Times New Roman",serif;
}

.faq-list dt:before {
	content:"Q.";
	margin-right:5px;
}

.faq-list dd { 
	position: relative;
	margin-left:0;
	margin-top:15px;
}

.faq-list dd p:first-child:before {
	content:"A.";
	margin-right:5px;
	
	display: inline;
}

/***************************************************************
Side Bar Navigation */
.side-nav-list {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

.side-nav-list li a {
	display: block;
	padding: .8em .5em;
}

.side-nav-list li a:link,
.side-nav-list li a:visited {
	font-weight: normal;
}


.side-nav-list li.sel a,
.side-nav-list li:hover a {
	background-color: #717074;
	color: #FFF;
}

#video1 {
  border: 6px solid #fff;
  box-shadow: 0 5px 8px 1px #bbb;
  display: inline-block;
  margin: 0 0 32px 0; 
  overflow: hidden;
  position: relative;
  z-index: 0;
  box-sizing: border-box;
  width: 100%;
}

/***************************************************************
****************************************************************
VIDEO PAGE *****/

#vidContent {
	max-width: 1150px;
	text-align: center;
}

#vidMainCol {
	width: 100%;
	max-width: 1050px;
}

#vidMainCol article {
	width: 45%;
	display: inline-block;
}

.videoLayout,
.videoLayout-location {
	border: 6px solid #fff;
  box-shadow: 0 5px 8px 1px #bbb;
  display: inline-block;
  margin: 0 20px 32px 20px; 
  overflow: hidden;
  position: relative;
  z-index: 0;
  box-sizing: border-box;
  width: 100%;
}

.videoLayout p {
	margin: 15px;
}

.videoLayout-location {
	margin: 0px 0px 32px;
}


/******** Misc ***********/
.bannerLinks {
	display: block;
	height: 100%;
	width: 100%;
}

/***************************************************************
****************************************************************
RESPONSIVE *****/

#nav-jump, #nav-close {
	display: none;
}

@media screen and (max-width:1000px) {
	
	/*----------------------Header / Navigation-----------------------*/
	
	.popout-container {
		left:0;
		margin-left:0;
		
	}
	
	/*----------------------Content / Layout -------------------------*/
	
	/* ------------------------- Footer -----------------------------*/
	
}

@media screen and (max-width:980px) { /* Add fluid styles */
	
	/*----------------------Header / Navigation-----------------------*/
	
	.content {
		padding-top:30px;
		padding-bottom:30px;
	}
	
	.virtual-tour .content {
		padding-top:50px;
		padding-bottom:0;
	}
	
	/* pad sides for all smaller screens... */
	
	.contain, .content, .nav-bar, #banner-tiles li {
		box-sizing:border-box;
		padding-left:2%;
		padding-right:2%;
	}
	.content .welcome {
		left:2%;
	}
	#bottom .icon-links {
		right:2%;
	}
	
	/* ...except for a few things */
	.content .contain {
		padding-left:0;
		padding-right:0;
	}
	
	.sub-banner h1 {
		box-sizing:border-box;
		padding-left:2%;
		padding-right:46.5%;
	}
	
	/*----------------------Content / Layout -------------------------*/
	
	.dual-button .button {
		font-size:80%;
	}
	
	/* ------------------------- Footer -----------------------------*/
	
}

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

	/*----------------------Header / Navigation-----------------------*/
	
	/*----------------------Content / Layout -------------------------*/
	
	#content .calendar th abbr {
		font-size:80%;
	}
	
	/* ------------------------- Footer -----------------------------*/


	/* -----------------------Video Page ----------------------------*/
	#vidMainCol article {
		width: 70%;
	}
	
}

@media screen and (max-width:768px) { /* ~~ Navigation Switch ~~ */

	/*----------------------Header / Navigation-----------------------*/
	
	.videoLayout,
	#video1 {
  	width: 100% !important;
  	max-width: 580px !important;
	}
	
	.videoLayout .vidLayoutDiv,
	#video1 #player-1_wrapper {
  	width: 100% !important;
  	max-width: 580px !important;
	}
	
	/* shrink navigation a bit */
	
	body > header .nav-part {
		padding: 0 1%;
		max-width:222px;
	}
	
	/* move text controls to top */
	
	#text-control {
		/* just hide it */
		display: none;
		
		position: absolute;
		top:130px;
	}
	
	/*
#text-control button, #text-control span {
		width:auto;
		display: inline-block;
		font-size:18px;
		padding-left: 13px;
		padding-right:13px;
	}
	
	#text-control button:first-child {
		border-radius:10px 0 0 10px;
	}
	
	#text-control span {
		border-top:none;
		border-bottom:none;
		border-left:1px solid #4D7550;
		border-right:1px solid #4D7550;
		padding-left:7px;
		padding-right:7px;
	}
*/
	
	/* SWITCH TO NAVIGATION MENU (MOBILE) */
	
	#nav-jump {
		display:block;
		position:absolute;
		text-indent:-9999px;
		text-align: left;
		outline:none;
		z-index:100;
		right:2%;
		top:87px;
		width:55px;
		height:55px;
		background: #028EC8;
		/* border:1px solid #FFF; */
		opacity:1;
		transition:none;
	}
	
	#nav-jump:after {
		content:' ';
		position:absolute;
		margin:-1px 0 0 -12px;
		top:50%;
		left:39%;
		width:35px;
		height:4px;
		background:#FFF;
		box-shadow:0 10px 0 #FFF, 0 -10px 0 #FFF;
	}

	#nav-close {
		display:block;
		position:absolute;
		text-indent:-9999px;
		z-index:15;
		outline:none;
		right:2%;
		top:0;
		width:30px;
		height:28px;
		padding:0 5px 5px;
		color:#FFF;
		z-index: 701;
		
		/* font-family:CenturyGothic, Arial, sans-serif; */
	}
	
	#nav-close:after {
		content:'x';
		display:block;
		text-indent:0;
		text-align:center;
		font-size:265%;
		line-height:1;
		position: absolute;
		top:50%;
		margin-top:-14px;
		right:50%;
		margin-right:-8px;
	}
	
	#main-nav {
		position: fixed;
		top:0;
		left:0;
		height:100%;
		width:100%;
		background-color:#028EC8;
		overflow-y: scroll;
		
		/* make space for 'close' button */
		box-sizing:border-box;
		padding-top:50px;
		
		opacity: 0;
		visibility: hidden;
		
		-webkit-transition:all 0.3s ease 0s;
		transition:all 0.3s ease 0s;
		
		z-index: -10;
	}
	
	#main-nav:target {
		opacity: 1;
		visibility: visible;
		z-index: 150;
		
		-webkit-transition:all 0.3s ease 0s;
		transition:all 0.3s ease 0s;
	}
	
	#main-nav .spacer {
		height:0;
		width:0;
		display: none !important;
	}
	
	#main-nav ul a {
		box-sizing:border-box;
		width:100%;
		padding:15px;
	}
	#main-nav ul a:hover, #main-nav ul a:active {
		background-color:#93C3DD;
	}
	
	#main-nav ul, #main-nav .nav-bar > ul > li > a {
		display: block;
		width:100%;
		max-width:none;
		margin-bottom:0;
		
		text-align: left !important;

		font:bold 115% "Helvetica Neue",Helvetica,Arial,sans-serif;
		text-transform:uppercase;
	}
	
	#main-nav > ul > li > a, #main-nav .nav-bar > ul > li > a { /* only top-level links (no dropwdowns) */
		font-size:130%;
	}
	
	#main-nav ul > li {
		display: block;
	}
	
	#main-nav ul ul {
		position: relative;
		border-radius:0;
		border:none;
		left:auto;
		right:auto;
		margin-right:0;
		padding:0;
		opacity: 1;
		background-color:transparent;
	}
	
	#main-nav ul ul > li > a {
		padding-left:40px;
		font:300 100% "Helvetica Neue",Helvetica,Arial,sans-serif;		
		text-transform: uppercase;
	}
	
	#main-nav ul ul:before, #main-nav ul ul:after, #main-nav ul > li + li:before, #main-nav ul > li + li:after {
		content:none;
	}
	
	#main-nav ul ul:before {
		content:"";
		height:1px;
		width:100%;
		box-sizing:border-box;
		
		border-bottom:1px solid #717074;
		
		position: absolute;
		bottom:100%;
		left:0;
	}
	
	/* Re-organize social icons + search */
	body > header .icon-links {
		position: relative;
		
		/* make room to put search bar underneath */
		box-sizing:border-box;
		padding-bottom:30px;
	}
	
	body > header .icon-links li:last-child {
		position: absolute;
		top:38px;
		right:0;
		margin-left:0;
	}
	
	#search input[type="text"] {
		height:100%;
		width:30px;
	}
	#search input[type="text"]:focus {
		position: absolute;
		right:30px;
	}
	
	#search input[type="submit"] {
		right:0;
	}
	
	body > header .nav-bar, #main-nav .nav-part, .nav-bar > ul > li + li {
		margin:0;
		padding-left:0;
		padding-right:0;
		border:none;
	}
	
	#main-nav .nav-bar {
		padding:5px 0;
		background-color:inherit;
	}
	
	header nav ul ul > li + li:after {
		content:none;
	}
	
	header .logo.main-logo {
		position: relative;
/*
		margin:0;
		left:auto;
*/
		top:auto;
	
		padding:10px 0;
	}
	
	/*----------------------Content / Layout -------------------------*/
	
	.dual-button .button {
		padding: 18px 4%;
	}
	
	#banner {
		height:475px;
	}
	
	.sub-banner {
		padding-top:55px;
		padding-bottom:55px;
		min-height:190px;
	}
	
	.content .welcome {
		top:20px;
		left:50%;
		margin-left:-123px;
		margin-top:0;
		font-size:30pt;
	}
	
	.welcome + p {
		padding-left:0;
		padding-top:85px;
		text-align: center;
	}
	
	.three-circles .circle {
		width:32%;
		padding-bottom:32%;
	}
	.three-circles .circle.large {
		width:38.5%;
		padding-bottom:38.5%;
		border-width:7px;
	}
	
	/* ------------------------- Footer -----------------------------*/
	
	/* ------------------ Application Form --------------------------/

  .main.app {
    width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box;
  }

	#emp-app.employment > p,
	#emp-app.employment p.captcha {
		margin: 0 !important;
    padding: 0 !important;
    text-align: center;
    width: 100% !important;
	}
	
	#emp-app .or-separator {
  	display: block;
  	margin-bottom: 6px;
  	text-align: left;
  	padding-left: 50px; 
	}
	
	.firstCol label {
  	margin-left: 0px !important;
	}
	
	#position label {
  	padding-bottom: 4px;
	}
	
	.firstCol input,
	.firstCol select {
  	width: 100% !important;
  	margin-right: 0px !important;
  	box-sizing: border-box;
	}

	#emp-app.employment > p span {
		display: block;
	}

	#emp-app.employment > p select,
	#emp-app.employment > p input {
		display: block;
		width: 100% !important;
	}

	#emp-app.employment table {
		width: 100%;
	}

	#emp-app.employment col {
		width: auto !important;
	}

	#emp-app.employment tr {
		height: auto;
	}
  
  #emp-app.employment tr > td:first-child {
    padding-bottom: 4px;
  }
  
	#emp-app.employment td {
		display: block;
	}
	
	#emp-app.employment td label {
  	margin-left: 0px !important;
	}
	
	#emp-app.employment td.firstCol {
  	padding: 0px;
	}
  
  #emp-app.employment tr.blankRow td {
    display: table-cell;
    padding-bottom: 0px;
    height: 2px;
  }
  
  #emp-app.employment #empType {
    margin-left: 0px !important;
  }

	#emp-app.employment td.cell-date input {
		margin-left: 0 !important;
	}

	#emp-app.employment .captcha img {
		margin: 0 auto;
	}
	
	#emp-app.employment .appInputGroup table tr td span {
  	margin: 0px !important;
	}
	
	#aboutVid {
		margin-left: 10%;
	}
	
	.radioCol,
	.checkCol {
  	padding: 0px 0px 10px 0px !important;
	}
	
	.checkCol .nowrap {
  	display: block;;
  	padding-bottom: 6px;
	}*/
}

@media screen and (max-width:700px) { /* transition to single column layout */

	/*----------------------Header / Navigation-----------------------*/
	
	/*----------------------Content / Layout -------------------------*/
	
	.col, .main, .side, .half, .news-events.col.half, .facebook-feed, #content .leftCol, #content .rightCol {
		display: block;
		width:100%;
		max-width:none;
		
		margin:0;
	}
	#content .leftCol {padding:0;}
	
	.col + .col, #content .leftCol + .rightCol {
		margin-top:35px;
	}
	
	.brown-banner {
		text-align: center;
		padding:20px 0;
	}
	
	.brown-banner .after-arrow {
		width:100%;
		max-width:none;
		padding-right:0;
	}
	
	.brown-banner .after-arrow:after {
		content:none;
	}
	
	.brown-banner .button {
		margin-top:25px;
	}
	
	.calendar th {
		font-size:80% !important;
	}
	
	.button, a.button:link, a.button:visited {
		font-size: 90%;
		padding:15px 2%;
	}
	
	.dual-button .button {
		padding: 23px 6.5%;
	}
	
	.facebook-feed {
		border-top: 1px solid #000;
		padding-top: 25px;
	}
	
	/* Keep popout-menus expanded from now on */
	
	#banner {
		/* padding-bottom:160px; */
	}
	
	#banner .popout-container {
		/* Hide for now! */
		display: none;
		
		position: relative;
	}
	
	#banner .info-list {
		margin:7px 0;
		padding:0 2%;
	}
	
	#banner .info-list li {
		width:100%;
	}
	#banner .info-list li + li {
		margin:5px 0 0;
	}
	
	#banner .popout-menu {
		top:0;
		margin-top:0;
	}
	
	/* put events articles in two columns */
	
	.event-list.three-per.row li {
		width:48%;
	}
	
	.event-list.three-per.row li:nth-child(3n-2) {
	
	}
	
	.event-list.three-per.row li:nth-child(2n-1) {
		margin-left:0;
	}
	.event-list.three-per.row li:nth-child(2n-1) {
		margin-top:10px;
	}
			
	/* ------------------------- Footer -----------------------------*/
	
	/* ----- modal styles ------ */
	#modal .simplemodal-close {
		top:5px;
		right:5px;
	}
}

@media screen and (max-width:575px) { /* mobile layout adjustments */

	/*----------------------Header / Navigation-----------------------*/
	
	#nav-jump {
		top:80px;
	}
	
	body > header .icon-links {
		margin-top:5px;
	}
	
	#search input[type="text"]:focus {
		width:115px;
	}
	
	header .logo.main-logo {
		height: 135px;
		width: 155px;
		margin-left:-77px;
		background-size:100% auto;
	}
	
	#text-control {
		top:105px;
	}

	/*----------------------Content / Layout -------------------------*/
	
	#banner {
		height:380px;
	}
	
	.sub-banner h1 {
		padding-right:2%;
		text-align: center;
		background-color:rgba(255,255,255,0.75);
	}
	
	.collage .content p, .collage .content li {
		line-height:1.45;
	}
	
	.collage .content p, .collage .content li {
		padding-left:5%;
		padding-right:5%;
	}
	
	/* ----------- News Sections / Page ----------- */
	
	/* ------------------------- Footer -----------------------------*/
	
	body > footer {
		padding:15px 0;
	}
	
}

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

	/* responsive calendar table */
	
	#event-calendar h4 {
		text-align: center;
	}
	
	#event-calendar ul + h4 {
		margin-top:20px;
	}
	
	.toggle-button-list li {
		display: block !important;
		margin: 10px auto 0 !important;
		text-align: center;
	}
	
	#content .calendar td {
		padding:0.35em;
		box-sizing:border-box;
	}
	
	.calendar.full tbody {
		border:none !important;
	}
	
	.calendar.full td.hasEvents {
		display: block;
		height:auto !important;
		width:100%;
		border:none !important;
		margin-top:25px;
		padding-bottom:5px !important;
		border:1px solid #CAC8C1 !important;
	}
	
	.calendar th, .calendar td {
		display: none;
		border:none !important;
	}
	
	.calendar.full td li + li {
		margin-top:10px;
	}
	
	.line {
		padding-bottom:2em;
	}
	
	h2 .filter div + div {
		margin-top:5px;
	}
	
}

@media screen and (max-width:500px) {
	
	/*----------------------Header / Navigation-----------------------*/
	
	
	/*----------------------Content / Layout -------------------------*/
	
	.content .welcome {
		font-size:250%;
	}
	
	/* ------------------------- Footer -----------------------------*/
	
	#bottom {
		padding-right:2%;
		padding-bottom:40px;
	}
	
	#bottom .icon-links {
		position: absolute;
		top:auto;
		bottom:0;
		left:2%;
		right:auto;
	}
}

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

	/*----------------------Header / Navigation-----------------------*/
	

	
	/*----------------------Content / Layout -------------------------*/
	
	/* keep size for */
	
	.three-circles {
		margin-bottom:-260px;
	}
	
	.three-circles .circle.large {
		margin-bottom:-20px;
	}
	
	.dual-button .button {
		padding-left:3%;
		padding-right:3%;
	}
	
	/* put events articles in single column */
	.events-feed {
		text-align: center;
	}
	
	.event-list.three-per.row li {
		width:100%;
		margin-left:0;
	}
	
	.event-list.three-per.row li:nth-child(2n-1) {
		margin-top:0;
	}
	.event-list.three-per.row li + li {
		margin-top:10px;
	}
	
	/* ------ contact page ------ */
	
	#content #contact-form p label:first-child, #content #contact-form p .label:first-child {
		margin-left:-10.5em;
	}
	
	/* ------------------------- Footer -----------------------------*/

}

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

	body > header .logo.main-logo {
		left:auto;
		margin-left:0;
	}
		
	#bottom p > a {
		display: block;
		margin-top:5px;
	}
	
	#bottom p > a + a {
		margin-left:0;
	}
	#bottom p > a + a:after {
		content:none;
	}

}