/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

section.right{float:right; padding-top:4em; padding-left:4em; display: block;}

	
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: 'Roboto', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
 color: #eeeeee; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #666666; }
a:hover { color: #000; text-decoration:underline; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #FFF; text-decoration: none; }
mark { background: #ff0; color: #FFF; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 20px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; color:#000; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid { color:#000;}
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* ===================================================
    selected copy styles
   =================================================== */

p::-moz-selection, li::-moz-selection, h1::-moz-selection, h2::-moz-selection, p2::-moz-selection, a::-moz-selection, form::-moz-selection, label::-moz-selection, strong::-moz-selection, em::-moz-selection, nobr::-moz-selection { color: red}
p::selection, li::selection, h1::selection, h2::selection, p2::selection, a::selection, form::selection, label::selection, strong::selection, em::selection, nobr::selection { color: red; }

/* ===================================================
    Initializr styles
    http://verekia.com/initializr/responsive-template
    Author: Jonathan Verrecchia
   =================================================== */

body{ font:13px/24px 'Roboto', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

.wrapper{
	width:90%;
	margin:0 5%;
}


/* ===================
RESPIONSIVE IMAGES
=================== */

img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  width: 100%;
  height: auto;
}





/* ===================
    ALL: black and gray Theme
   =================== */

#header-container{ border-bottom: 1px solid #eeeeee; }
#footer-container{ border-top:    1px solid #eeeeee; }
#main aside      { border-top:    20px solid #FFF; }

#header-container,
#footer-container,
#main aside{
	background:#FFF;
}

::-moz-selection { background: #FFF; color: #fff; text-shadow: none; }
::selection      { background: #FFF; color: #fff; text-shadow: none; }

/* ==============
    MOBILE: Menu
   ============== */

#title{ 
	color:white;
	margin: 1em auto; 
	width:134px;
	height:105px;
}

	li.mobile_only{
	display:block;
	}
	
	li.desktop{
	display:none;
	}

	li.medium_large_only{
	display:none;
	}


nav a{
	display:block;
	margin-bottom:10px;
	padding:15px 0;
	color:black;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
}


nav a:hover{
		z-index:200;
		color:#666;
}

nav a:hover{
	text-decoration:none;
	background:#eeeeee;
	color:black;
}


	nav table.social{
	text-align:center;
	width:100%;
	padding:.5em;
	margin:.5em auto;
	position:relative;
	}

	table.social td {
	text-align:center;
 	}

	table.social td a {
	text-align:center;
	position:relative;
	height: 25px;
    width: 25px;
    margin: 0 auto;
	padding:.5em;
	border:0;
	}

/* ==============
    MOBILE: Main
   ============== */

	#main{
	padding:0;
	}
	
	#main article h1.art_title{
	font-size:2em;
    max-width:95%;
   	font-family: 'Roboto', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: 300;
	line-height: 1.25; 	
	color: #333333;  
	text-align:center;
	font-weight:bolder;
	margin-bottom: 1em;	
	margin-top: .5em;		
	}

#main article section.right.highlights h1{
	color:#666;
	font-weight:bold;
	font-size:1.5em;	
	text-align:left;
   	font-family: 'Roboto', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	}
	
	#main aside{
	color:white;
	padding:0px 5% 10px;
	}

	#footer-container footer{
	color:white;
	padding:20px 0;
	}

	ul li.dropdown_item{
	display:none;	
	}

	#main footer{
		position:relative;	
		width:90%;
		background:#fff;
	}

	p3{
	line-height:1.25em;
   	font-family: 'Roboto', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   	font-weight: 300;
   	font-size:.7em;
	text-align: center;
	color:#666;
	}
	

	#main article section.right{
	padding-top:3%;
	width:100%;
	}

	#main article section.right p img{
	text-align:center;
	}

	.right p {
		padding-top:0;
		margin-top:0;
	}
	
	.right h1 {
	padding-bottom:0;
	margin-bottom:0;
	}

	table.thumbnails{
	width:80%;
	}

	table.thumbnails td a {
	text-align:center;
	border-bottom:none;
	}
	
	table.thumbnails td a img {
	border:none; 
	max-height:30px;
	max-width:30px;
	border-bottom:none;
	}

	.icon{
	width:97px;
	height:94px;
	}

	.item{
	flex: 11 8%; 
	max-width:33px;
	padding:3px;
	}
	
	.thumb_wrap{
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */   flex-wrap: wrap;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   /* You can set flex-wrap and flex-direction individually */
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
   /* Or do it all in one line with flex flow */
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   /* tweak the where items line up on the row */
   /* valid values are: flex-start, flex-end, space-between, space-around, stretch */
   -webkit-align-content: flex-end;
   align-content: flex-end;
	max-width:350px;
	padding-bottom:2em;
	
	}
	
	div.thumbnail_01 {
	order: 1;
	-webkit-box-ordinal-group: 1;  
  	-moz-box-ordinal-group: 1;     
  	-ms-flex-order: 1;     
  	-webkit-order: 1;  
	}	

	div.thumbnail_02 {
	order: 2;
	-webkit-box-ordinal-group: 2;  
  	-moz-box-ordinal-group: 2;     
  	-ms-flex-order: 2;     
  	-webkit-order: 2;  	
	}	

	div.thumbnail_03 {
	order: 3;
	-webkit-box-ordinal-group: 3;  
  	-moz-box-ordinal-group: 3;     
  	-ms-flex-order: 3;     
  	-webkit-order: 3;  	
	}	

	div.thumbnail_04 {
	order: 4;
	-webkit-box-ordinal-group: 4;  
  	-moz-box-ordinal-group: 4;     
  	-ms-flex-order: 4;     
  	-webkit-order: 4;  	
	}	

	div.thumbnail_05 {
	order: 5;
	-webkit-box-ordinal-group: 5;  
  	-moz-box-ordinal-group: 5;     
  	-ms-flex-order: 5;     
  	-webkit-order: 5;  
	}	

	div.thumbnail_06 {
	order: 6;
	-webkit-box-ordinal-group: 6;  
  	-moz-box-ordinal-group: 6;     
  	-ms-flex-order: 6;     
  	-webkit-order: 6;  }	

	div.thumbnail_07 {
	order: 7;
	-webkit-box-ordinal-group: 7;  
  	-moz-box-ordinal-group: 7;     
  	-ms-flex-order: 7;     
  	-webkit-order: 7;  
	}	

	div.thumbnail_08 {
	order: 8;
	-webkit-box-ordinal-group: 8;  
  	-moz-box-ordinal-group: 8;     
  	-ms-flex-order: 8;     
  	-webkit-order: 8;  
	}	

	div.thumbnail_09 {
	order: 9;
	-webkit-box-ordinal-group: 9;  
  	-moz-box-ordinal-group: 9;     
  	-ms-flex-order: 9;     
  	-webkit-order: 9;  
	}	

	div.thumbnail_10 {
	order: 10;
	-webkit-box-ordinal-group: 10;  
  	-moz-box-ordinal-group: 10;     
  	-ms-flex-order: 10;     
  	-webkit-order: 10;  	
	}	

	div.thumbnail_11 {
	order: 11;
	-webkit-box-ordinal-group: 11;  
  	-moz-box-ordinal-group: 11;     
  	-ms-flex-order: 11;     
  	-webkit-order: 11;  	
	}	

	div.thumbnail_12 {
	order: 12;
	-webkit-box-ordinal-group: 12;  
  	-moz-box-ordinal-group: 12;     
  	-ms-flex-order: 12;     
  	-webkit-order: 12;  	
	}	

	div.thumbnail_13 {
	order: 13;
	-webkit-box-ordinal-group: 13;  
  	-moz-box-ordinal-group: 13;     
  	-ms-flex-order: 13;     
  	-webkit-order: 13;  
	}	

	div.thumbnail_14 {
	order: 14;
	-webkit-box-ordinal-group: 14;  
  	-moz-box-ordinal-group: 14;     
  	-ms-flex-order: 14;     
  	-webkit-order: 14;  
	}	

	div.thumbnail_15 {
	order: 15;
	-webkit-box-ordinal-group: 15;  
  	-moz-box-ordinal-group: 15;     
  	-ms-flex-order: 15;     
  	-webkit-order: 15;  
	}	

	div.thumbnail_16 {
	order: 16;
	-webkit-box-ordinal-group: 16;  
  	-moz-box-ordinal-group: 16;     
  	-ms-flex-order: 16;     
  	-webkit-order: 16;  	
	}	

	div.thumbnail_17 {
	order: 17;
	-webkit-box-ordinal-group: 17;  
  	-moz-box-ordinal-group: 17;     
  	-ms-flex-order: 17;     
  	-webkit-order: 17;  
	}	

	div.thumbnail_18 {
	order: 18;
	-webkit-box-ordinal-group: 18;  
  	-moz-box-ordinal-group: 18;     
  	-ms-flex-order: 18;     
  	-webkit-order: 18;  	
	}	

	div.thumbnail_19 {
	order: 19;
	-webkit-box-ordinal-group: 19;  
  	-moz-box-ordinal-group: 19;     
  	-ms-flex-order: 19;     
  	-webkit-order: 19;  
	}	

	div.thumbnail_20 {
	order: 20; 
	-webkit-box-ordinal-group: 20;  
  	-moz-box-ordinal-group: 20;     
  	-ms-flex-order: 20;     
  	-webkit-order: 20;  	
	}	

	div.thumbnail_21 {
	order: 21;
	-webkit-box-ordinal-group: 21;  
  	-moz-box-ordinal-group: 21;     
  	-ms-flex-order: 21;     
  	-webkit-order: 21;  	
	}

	div.thumbnail_22 {
	order: 22;
	-webkit-box-ordinal-group: 22;  
  	-moz-box-ordinal-group: 22;     
  	-ms-flex-order: 22;     
  	-webkit-order: 22;  	
	}	

	div.thumbnail_23 {
	order: 23;
	-webkit-box-ordinal-group: 23;  
  	-moz-box-ordinal-group: 23;     
  	-ms-flex-order: 23;     
  	-webkit-order: 23;  	
	}	

	div.thumbnail_24 {
	order: 24;
	-webkit-box-ordinal-group: 24;  
  	-moz-box-ordinal-group: 24;     
  	-ms-flex-order: 24;     
  	-webkit-order: 24;  	
	}	

	div.thumbnail_25 {
	order: 25;
	-webkit-box-ordinal-group: 25;  
  	-moz-box-ordinal-group: 25;     
  	-ms-flex-order: 25;     
  	-webkit-order: 25;  	
	}	

	div.thumbnail_26 {
	order: 26;
	-webkit-box-ordinal-group: 26;  
  	-moz-box-ordinal-group: 26;     
  	-ms-flex-order: 26;     
  	-webkit-order: 26;  	
	}	

	div.thumbnail_27 {
	order: 27;
	-webkit-box-ordinal-group: 27;  
  	-moz-box-ordinal-group: 27;     
  	-ms-flex-order: 27;     
  	-webkit-order: 27;  	
	}	

	div.thumbnail_28 {
	order: 28;
	-webkit-box-ordinal-group: 28;  
  	-moz-box-ordinal-group: 28;     
  	-ms-flex-order: 28;     
  	-webkit-order: 28;  	
	}	

	div.thumbnail_29 {
	order: 29;
	-webkit-box-ordinal-group: 29;  
  	-moz-box-ordinal-group: 29;     
  	-ms-flex-order: 29;     
  	-webkit-order: 29;  	
	}	

	div.thumbnail_30 {
	order: 30;
	-webkit-box-ordinal-group: 30;  
  	-moz-box-ordinal-group: 30;     
  	-ms-flex-order: 30;     
  	-webkit-order: 30;  	
	}	
	
	div.thumbnail_31 {
	order: 31;
	-webkit-box-ordinal-group: 31;  
  	-moz-box-ordinal-group: 31;     
  	-ms-flex-order: 31;     
  	-webkit-order: 31;  	
	}	

	div.thumbnail_32 {
	order: 32;
	-webkit-box-ordinal-group: 32;  
  	-moz-box-ordinal-group: 32;     
  	-ms-flex-order: 32;     
  	-webkit-order: 32;  	
	}

	div.thumbnail_33 {
	order: 33;
	-webkit-box-ordinal-group: 33;  
  	-moz-box-ordinal-group: 33;     
  	-ms-flex-order: 33;     
  	-webkit-order: 33;  	
	}
	
	div.thumbnail_34 {
	order: 34;
	-webkit-box-ordinal-group: 34;  
  	-moz-box-ordinal-group: 34;     
  	-ms-flex-order: 34;     
  	-webkit-order: 34;  	
	}	

	div.thumbnail_35 {
	order: 35;
	-webkit-box-ordinal-group: 35;  
  	-moz-box-ordinal-group: 35;     
  	-ms-flex-order: 35;     
  	-webkit-order: 35;  	
	}	

	div.thumbnail_36 {
	order: 36;
	-webkit-box-ordinal-group: 36;  
  	-moz-box-ordinal-group: 36;     
  	-ms-flex-order: 36;     
  	-webkit-order: 36;  	
	}	

	div.thumbnail_37 {
	order: 37;
	-webkit-box-ordinal-group: 37;  
  	-moz-box-ordinal-group: 37;     
  	-ms-flex-order: 37;     
  	-webkit-order: 37;  	
	}	

	div.thumbnail_38 {
	order: 38;
	-webkit-box-ordinal-group: 38;  
  	-moz-box-ordinal-group: 38;     
  	-ms-flex-order: 38;     
  	-webkit-order: 38;  	
	}	

	div.thumbnail_39 {
	order: 39;
	-webkit-box-ordinal-group: 39;  
  	-moz-box-ordinal-group: 39;     
  	-ms-flex-order: 39;     
  	-webkit-order: 39;  	
	}	

	div.thumbnail_40 {
	order: 40;
	-webkit-box-ordinal-group: 40;  
  	-moz-box-ordinal-group: 40;     
  	-ms-flex-order: 40;     
  	-webkit-order: 40;  	
	}	

	div.thumbnail_41 {
	order: 41;
	-webkit-box-ordinal-group: 41;  
  	-moz-box-ordinal-group: 41;     
  	-ms-flex-order: 41;     
  	-webkit-order: 41;  	
	}
	
	div.thumbnail_42 {
	order: 42;
	-webkit-box-ordinal-group: 42;  
  	-moz-box-ordinal-group: 42;     
  	-ms-flex-order: 42;     
  	-webkit-order: 42;  	
	}

	div.thumbnail_43 {
	order: 43;
	-webkit-box-ordinal-group: 43;  
  	-moz-box-ordinal-group: 43;     
  	-ms-flex-order: 43;     
  	-webkit-order: 43;  	
	}	
	
	div.thumbnail_44 {
	order: 44;
	-webkit-box-ordinal-group: 44;  
  	-moz-box-ordinal-group: 44;     
  	-ms-flex-order: 44;     
  	-webkit-order: 44;  	
	}	
	
	div.thumbnail_45 {
	order: 45;
	-webkit-box-ordinal-group: 45;  
  	-moz-box-ordinal-group: 45;     
  	-ms-flex-order: 45;     
  	-webkit-order: 45;  	
	}	
	
	div.thumbnail_46 {
	order: 46;
	-webkit-box-ordinal-group: 46;  
  	-moz-box-ordinal-group: 46;     
  	-ms-flex-order: 46;     
  	-webkit-order: 46;  	
	}	
	
	div.thumbnail_47 {
	order: 47;
	-webkit-box-ordinal-group: 47;  
  	-moz-box-ordinal-group: 47;     
  	-ms-flex-order: 47;     
  	-webkit-order: 47;
	}	
	
	div.thumbnail_48 {
	order: 48;
	-webkit-box-ordinal-group: 48;  
  	-moz-box-ordinal-group: 48;     
  	-ms-flex-order: 48;     
  	-webkit-order: 48;  	
	}	
	
	div.thumbnail_49 {
	order: 49;
	-webkit-box-ordinal-group: 49;  
  	-moz-box-ordinal-group: 49;     
  	-ms-flex-order: 49;     
  	-webkit-order: 49;  	
	}	
	
	div.thumbnail_50 {
	order: 50;
	-webkit-box-ordinal-group: 50;  
  	-moz-box-ordinal-group: 50;     
  	-ms-flex-order: 50;     
  	-webkit-order: 50;  	
	}		

/*iframe*/

.iframe{
	padding-top:1.75em;
	margin-top:2.5em;
}

.scroll iframe{
	scrollbars:none;
	border:1px solid #cccccc; 
	width:370px;
	padding-bottom:0em;
}

.scroll {
	scrollbars:none;
	padding-bottom:1.75em;
	margin-bottom:2em;
}

/*gallery page*/

.highlights{
	float:right;
	width:100%;
	padding:.75em;
}

.new_events div.icon{
	float:right;
	width:100%;
	padding:.75em;
}

.left{
	/*float:left;*/
	}

.left_gallery{
	/*float:left;*/
    margin: 0 auto;
	max-width:380px;
	max-height:520px;
	padding-bottom:2em;
}

.left_gallery_home{
	float:left;
	max-width:380px;
	max-height:300px;
	width:100%;
	padding:1em 1em 2em 0;
}

.left_gallery a .gallery{
	float:left;
	padding:1em 1em 1em 0;
	max-width:350px;
}

.left_gallery_home a .gallery{
	float:left;
	padding:1em 1em 1em 0;
	max-width:350px;
}

.left_gallery_home div.rotator ul li a img{
	float:left;
	padding:1em 1em 1em 0;
	max-width:275px;
}

.right div.icon h1, .new_event div.icon h1 {
	text-align:left;
	margin-bottom:0px;
	padding-bottom:0;
	padding-top:0;
	margin-top:0;
}

.right p img, .new_event p img{
	max-width:125px;
	padding-left:35%;
	text-align:center;
	padding-top:1.25em;
}
.new_event div.icon p{
	float:left;
	margin-top:0;
	padding-top:0;
	vertical-align:top;
	}

.right div.icon a.icon img.icon, .new_event div.icon a.icon img.icon{
	border:1px solid #cccccc; 
	color:#666;
	margin-right:.75em;
}

.right div.icon a .icon{
	float:left;
	display: block;
	padding:.125em;
}

.right div.icon{
	width:100%;
	padding:1em;
	padding-bottom:2em;
}

.new_event div.icon{
	float:right;
	padding-left:0;
	padding-bottom:2.5em;
	padding-top:1em;
	min-width:150px;
	}

.new_event div.icon a .icon{
	float:left;
	display: block;
	padding:.125em;
}


/* ===============
    ALL: IE Fixes
   =============== */

.ie7 #title{ padding-top:20px; }


/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== media queries ====================================================== */


@media only screen and (min-width: 410px) {

#main article section.right {
    padding-top: 3%;
    width: 85%;
    margin: 0 auto;
}

.thumb_wrap{
	margin:0 auto;
	}
	

}

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

/* ====================
    INTERMEDIATE: Menu
   ==================== */
	
	#title{ 
	width:134px;
	height:105px;
	color:white;
	padding-left:0;
	}
	
	#main article h1.art_title{
	color:#666;
	/*width:44.5%;*/
	width:100%;
	}

	nav a{
		float:left;
		width:13%;
		margin:0 .5%;
		padding:10px 1%;
		margin-bottom:0;
	}
	
	nav li:first-child a{ margin-left:0;  }
	nav li:last-child  a{ margin-right:0; }

	#main article .right{
		padding-top:3%;
		width:100%;
	}

	li.mobile_only{
	display:block;
	margin:0 auto;
	width:100%;
	}
	
	li.mobile_only a{
	display:block;
	margin:0 auto;
	width:100%;
		}
		
	li.desktop{
	display:none;
	}

	li.medium_large_only{
	display:none;
	}


	nav table.social{
	text-align:center;
	max-height:23px;
	position:relative;
	width:150px;
	margin:.5em auto;
	}

	table.social td {
	text-align:center;
	margin:0 auto;
 	}


	table.social td a {
	text-align:center;
	position:relative;
	height: 25px;
    width: 25px;
    margin: 0 auto;
	padding:.5em;
	border:0;
	}
	
	p3{	
	text-align: center;
	margin:1em auto;
	}

	table.thumbnails{
	max-height:115px;
	position:relative;
	width:100%;
	max-width:400px;
	}

	table.thumbnails td{
	float:right;
	text-align:center;
	max-height:37px;
	}

	table.thumbnails td a {
	text-align:center;
	border-bottom:none;
	min-width:23px;
	}
	
	table.thumbnails td a img {
	border:none; 
	max-height:30px;
	max-width:30px;
	border-bottom:none;
	}

	.thumb_wrap{
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */   flex-wrap: wrap;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   /* You can set flex-wrap and flex-direction individually */
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;   
   /* Or do it all in one line with flex flow */
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   /* tweak the where items line up on the row */
   /* valid values are: flex-start, flex-end, space-between, space-around, stretch */
   -webkit-align-content: flex-end;
   align-content: flex-end;
	max-width:400px;
	}


/*iframe*/

.scroll iframe {
	scrollbars:none;
	}

.scroll{
	min-width:320px;
	height:8em;
	border:none; 
	scrollbar-face-color: #666666; 
	scrollbar-highlight-color: #333333; 
	scrollbar-shadow-color: #888888; 
	scrollbar-3dlight-color: #cccccc; 
	scrollbar-arrow-color: #999999; 
	scrollbar-track-color: #555555; 	
	scrollbar-darkshadow-color: #333333; 
	scrollbar-base-color: #cccccc
}


/*gallery page*/

.highlights{
	min-width:300px;
	float:right;
	width:30%;
}

.left_gallery_home{
	/*float:left;*/
	clear:both;
	float:none;
	max-width:420px;
	max-height:430px;
	padding:1em 1em 1em 0;
	margin:0 auto;
	}

.left_gallery, .new_event{
	/*float:left;*/
    margin: 0 auto;
	max-width:400px;
	max-height:630px;
	}

	.wrapper {
    width: 70%;
    margin: 0 15%;
}

.right p img, .new_event p img{
	padding-top:2.25em;
	padding-left:0em;
	margin-left:0em;
}

.right p, .new_event p {
		padding-top:0;
		margin-top:0;
	}
	
#main article section.right {
    padding-top: 3%;
    max-width: 445px;
    margin: 0 auto;
}

section.right.highlights h1, .right h1, .new_event h1{
	font-size:1.85em;	
	text-align:left;
	padding-bottom:0;
	margin-bottom:0;
	margin-top:0;
	padding-top:0;
	padding-left:0em;
	margin-left:0em;
}

section.right.highlights h1 {
		font-size:1.85em;	
	}

.left_gallery a .gallery, .left_gallery a .gallery, .left_gallery div.rotator ul li a img{
	float:left;
	max-width:400px;
	padding:1em 1em 1em 0;
}

.left_gallery_home a .gallery, .left_gallery_home a .gallery, .left_gallery_home div.rotator ul li a img{
	float:left;
	max-width:400px;
	padding:1em 1em 1em 0;
}


.right div.icon a .icon, .new_event div.icon a .icon{
	float:left;
	display: block;
	padding:.125em;
}

.right div.icon, .new_event div.icon{
	float:right;
	padding-left:0;
	padding-bottom:2.5em;
	padding-top:1em;
	min-width:300px;
}

section.right div.icon a.icon img.icon, section.new_event div.icon a.icon img.icon{
	border:1px solid #cccccc; 
}

/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

	.oldie nav a{
		margin:0 0.7%;		
	}
}


@media only screen and (min-width: 860px) {


/* ============
    WIDE: Menu
   ============ */
	
	#title{
		/*padding-top:1.5%;
		padding-bottom:.25%;*/
		float:left;
		width:85px;
		height:65px;
		padding:1em 0;
	}


	nav table.social{
	margin-top:.5em;
	float:right;
	max-width:75px;
	text-align:center;
	width:100%;
	max-height:23px;
	position:relative;
	}

	li.mobile_only{
	display:none;
	}
	
	li.desktop{
	display:block;}
	
	li.medium_large_only{
	display:block;
	}	

	ul li.dropdown_item{
	display: none;	
	}

	table.social td a img{
	min-width:16px;
	border-bottom:none;
	}

	#main article section.right p img{
		text-align:center;
	}


/* ============
    WIDE: Main
   ============ */


#main article header h1.gallery, {
   	font-family: 'Roboto', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: 300;	
   letter-spacing: .65em; 
	line-height: 1.25; 	
	color: #333333;  
	text-align:left;
	font-weight:bolder;
	margin-bottom: 0em;	
	margin-top: 0em;		
	padding-top:1%;
	float:right;
	width:51%;
}
	#main article section.left{
		float:left;
		width:50%;
		/*padding-right:4em;*/
	}
		
	#main article section.right{
		padding-top:1%;
		float:left;
		width:45%;
		min-width:200px;
		padding-left:0;
		margin-left:0;
	}
		
	#main aside{
		float:right;
		width:28%;
	}

	#main footer{
		position:relative;	
		float:left;
		width:77%;
		bottom:2%;
		padding-top:5%;
		background:#fff;
	}
	
	.wrapper {
    width: 80%;
    margin: 0 10%;
}
	
/*iframe*/

.scroll iframe{
	width:328px;
	scrollbars:none;
	overflow-x:hidden; 
	overflow-y:auto; 
	margin-right:0px; 
	margin-top:0px; 
	margin-top:0px; 
	/*margin-left:20px;*/ 
	padding:0px;
	border:1px solid #cccccc; 
}


.scroll{
	width:350px;
	-webkit-overflow-scrolling:touch;
	overflow:hidden;
	height:9.25em;
	border:none; 
	scrollbar-face-color: #666666; 
	scrollbar-highlight-color: #333333; 
	scrollbar-shadow-color: #888888; 
	scrollbar-3dlight-color: #cccccc; 
	scrollbar-arrow-color: #999999; 
	scrollbar-track-color: #555555; 	
	scrollbar-darkshadow-color: #333333; 
	scrollbar-base-color: #cccccc
}



/*gallery page*/

.highlights{
	width:60%;
	text-align:left;
	float:right;
	margin-left:0px;
	padding-left:0px;
	margin-top:0px;
	padding-top:0px;
	}

.right p img{
	padding-top:2.25em;
	padding-left:0em;
	margin-left:0em;
}

.right h1{
	padding-left:0em;
	margin-left:0em;
}

/*.left_gallery{
	float:left;
	max-height:630px;
	}*/

.left_gallery, .left{
	width:52%;
	float:left;
	max-width:600px;
	max-height:600px;
	padding:1em 1em 1em 0;
	}

.new_event{
	max-width:400px;
	}

.left_gallery_home{
	width:52%;
	float:left;
	max-width:600px;
	max-height:570px;
	padding:1em 1em 1em 0;
	}

.left_gallery_home a .gallery{
	float:left;
	min-width:450px;
	padding:1em 1em 1em 0;
}

.left_gallery_home div.rotator ul{
	float:left;
	max-width:450px;
	padding:1em 1em 1em 0;
}

.right div.icon a.icon {
	float:left;
	display: block;
	padding:.25em;
}

.right div.icon a.icon img.icon{
	color:#666;
	border:1px solid #cccccc; 
}

.right div.icon h1{
	color:#666;
	text-align:left;
	margin-bottom:0px;
	padding-bottom:.125em;
	padding-top:0px;
	padding-left:0em;
	margin-left:0em;
}

.right div.icon p{
	text-align:left;
	padding-left:0em;
	margin-left:0em;
}

.right div.icon{
	float:right;
	min-width:200px;
	max-width:500px;
	padding-bottom:.5em;
	padding-left:0em;
	max-height:150px;
}

.new_events div.icon{
	float:right;
	min-width:380px;
	max-width:500px;
	padding-bottom:.5em;
	padding-left:0em;
	max-height:150px;
}

.right div.icon h1, .right div.icon p{
	max-width:300px;
	float:left;
	width:50%;
	min-width:220px;
	margin:0 0 0 15px;	
	padding-left:0em;	
	text-align:left;
}

	p3{	
	left:0em;	
	line-height:.5em;
	float:left;	
	text-align: left;
	margin-bottom:1em;
	}




#main article h1.art_title{
	font-size:1.75em;
   	font-family: 'Roboto', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: 300;
	line-height: 1; 	
	color: #333333;  
	text-align:left;
	font-weight:bolder;
	margin-bottom: 0em;	
	margin-top: 0em;		
	padding-top:1%;
	float:left;
	width:100%;
}

	.wrapper {
    width: 90%;
    margin: 0 5%;
}

	nav{
		float:right;
		width:70%;
		position: relative;
		z-index:100;
		color: #333333;
	}

	nav ul li{
		text-decoration:none;
		min-width:120px;
	}
	
	ul li.dropdown_item{
	display: block;	
	}

	nav {
		width:75%;
		float:right;
	}
	
	nav ul {
		margin-top:3%;
		padding-right:0%;
		list-style-type: none;
		text-decoration:none;
		z-index:100;
	}

	nav ul li {
		padding-left: 0em;
		width:100%;
		z-index:200;
	}
	nav ul li a {
		z-index:210;
	}
	
	nav ul li.last{
		padding-left: 0em;
		width:100%;
		z-index:200;
		padding-right:0%;
		}

	nav ul li ul.dropdown {
		display: none;
		text-align:left;
		margin-top:3.25em;
		padding-top:0em;
		margin-left:11.8em;
		padding-left: 0em;
		z-index:20;
	}

	nav ul li:hover ul {
		display: block;
		position: absolute;
		color: #333333;
		background:#eeeeee;
		z-index:20;
	}


	nav ul li ul.dropdown li a:hover, nav ul li ul.dropdown li a:hover{
		color:#fff;
		background:#666666;
		border-bottom:#333333 solid 1px;
		z-index:100;
	}


	nav ul li:hover ul li a {
		width:9em;
		padding:10px 1%;
		display:block;
		color: #000;
		text-align: left;
		padding-left: .5em;
		background:#eeeeee;
		z-index:200;
		float:none;
	}

	nav ul li a:hover {
		background:#eeeeee;
		border-bottom:#666666 solid 1px;
		z-index:100;
	}


	li.mobile_only{
	display:none;
	}

	li.medium_large_only{
	display:block;
	}



}

/*@media only screen and (min-width: 948px) {
#main article h1.art_title{
float:left;
width:100%;
display:block;
}

}*/


@media only screen and (min-width: 1140px) {

/* ===============
    Maximal Width
   =============== */

	.wrapper{
		width:1026px; /* 1140px - 10% for margins */
		margin:0 auto;
	}

}

/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}