/*
Theme Name: ArtsWest
Theme URI: http://www.artswest.org
Author: Rhianon England
Author URI: http://www.rengland.net

*/
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,table,div,blockquote,fieldset,input
{ margin:0; padding:0 }


/******  HTML5 display definitions **************/
/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display: block;}
/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */
audio, canvas, video {display: inline-block; *display: inline; *zoom: 1;}
/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS5 devices.
 */
audio:not([controls]) {display: none; height: 0;}
/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */
[hidden] {display: none;}

html,body {height:100%;}
html { overflow-y: scroll; font-size:100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
button, input, select, textarea {font-family: sans-serif; font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;}
textarea {padding: 10px;}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}





/********** BASE (MOBILE) SIZE ****************
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important. */

body {
  font-size:100%; /* most devices, 16px */ 
  font-family:'Helvetica Neue', arial, sans-serif;
  min-width: 320px;
  background: #262e35;
}

h1,h2,h3,h4,h5 {text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased; /*keep safari from bolding headlines*/
  font-weight: 700;
  /*
	if you're going to use webfonts, be sure to check your weights
	http://css-tricks.com/watch-your-font-weight/
	*/}
h1 {
  font-size:1.875em;/*30*/ 
  line-height:1em;
  font-weight: normal;
  text-transform: uppercase;
}
h2 {
  font-size:2.375em;/*38*/ 
  line-height:1.26315789473684em;/*48*/ 
  margin:20px 0 20px; /*margin top was 40*/
  color: #333;
  background: #c6cdd4;
  font-family: bebas_neueregular, 'Helvetica Neue', arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  text-align: right;
  padding: 0 15px 0 40px;
  border-top: 1px solid #448098;
  border-right: 1px solid #448098;
  border-bottom: 1px solid #448098;
  /*border: 1px solid #ADADAD;*/
  border-top-right-radius:7px;
  border-bottom-right-radius:7px;
}
h2 a, h3 a {color: #448098;}
h2 a:hover, h3 a:hover {color: #194f64;}
h3 {
  font-size: 2em;/*32*/
  line-height:1.15em; 
  margin-top: 5px;
  margin-bottom:15px;
  color: #448098;
  font-family: bebas_neueregular, 'Helvetica Neue', arial, sans-serif;
  font-weight: normal;
}
h3 a {color: #1a1a1a;}
h3 a:hover {color: #448098;}
h4 {
  font-size: 1.625em;/*26*/ 
  line-height: 1em;
  font-family: bebas_neueregular, 'Helvetica Neue', arial, sans-serif;
  font-weight: normal;
  /*color: #1a1a1a;*/ color: #444;
  margin-bottom: 15px;
}
h5 {
  font-size: 1.31578947368421em; /*25/19*/
  line-height: 1em; 
  text-transform: uppercase; 
  font-family: bebas_neueregular, 'Helvetica Neue', arial, sans-serif;
  font-weight: normal;
}
h6 {
  font-weight: bold; 
  color: #aad2da; 
  margin-bottom: 5px; 
  display: block; 
  font-size: 22px;
  line-height: 25px;
}

p,ul,ol,table {
  font-size:1.125em;/*18*/ /* if edited, change #nav li*/
  line-height:1.27777777777778em; /*23/18*/
  padding-bottom:15px; 
  color:#030303;
}
div {padding-bottom:0;}
table {margin-bottom:15px; padding-bottom:0;}
table td p {font-size:18px;/*19*/ line-height:23px; /*24/19*/ padding-bottom:0;}
ul,ol {margin-left:20px;}
ul li,ol li {padding-bottom:10px;}
ul ul,ol ol,ul ol,ol ul {margin-top:10px; padding-bottom:0;}
a {color:#448098; text-decoration: none;}
a:hover {color: #aad2da;}
a img {border:none;}
hr {height: 0; border: 0; border-top: 1px solid #ccc;  margin:10px auto 25px;} 

.clear {clear:both;}
.block {display:block;}
/*.wp-caption.alignright {margin: 0 0 10px 5px;}
.wp-caption.alignleft {margin: 0 10px 5px 0;} */
.aligncenter, div.aligncenter {display: block; margin:auto; text-align:center;}
.alignright {float: right;}
.alignleft {float: left;}
.smallText {font-size: 14px;}

/***************************** All Pages *****************************/

.wrap, #nav-sticky-wrapper {max-width: 1020px; margin:auto;}
#nav-sticky-wrapper {background: #fff; height: 50px !important; /*added to stop gap on home page*/}

/*** Top Bar ***/
#topBar {
  background: #194f64; 
  height: 40px; 
  border-bottom: 2px solid #040404; 
  position: relative;
  z-index: 20;
  -webkit-box-shadow: 0 10px 10px -6px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 10px 10px -6px rgba(0, 0, 0, 0.3);
          box-shadow: 0 10px 10px -6px rgba(0, 0, 0, 0.3);
}
#utility {float: right; height: 40px; overflow: hidden;}
#utility li {
  list-style-type: none;
  font-family: bebas_neueregular, 'Helvetica Neue', arial, sans-serif;
  font-size: 1.21052631578947em;/*22/19*/
  line-height: 38px;
  display: inline-block;
  padding-right: 30px;
}
#utility a {text-decoration: none; color: #fff;
o-transition:color .2s ease-in;
  -ms-transition:color .2s ease-in;
  -moz-transition:color .2s ease-in;
  -webkit-transition:color .2s ease-in;
  transition:color .2s ease-in;}
#utility a:hover {color: #ccc;}

#topBar .social {display: none;}
#btmBar .social {float: none; margin: auto; text-align: center; }
#btmBar .social ul {margin-left: 0;}
.social {float: left; padding-top: 7px; height: 48px;}
.social ul {padding-bottom: 0; margin-left: 30px;}
.social li {
  line-height: 48px;
  width: 33px;
  height: 33px;
  list-style-type: none;
  display: inline-block;
  background: #262e35;
  padding-bottom: 0;
  margin-right: 10px;
  border: 1px solid #dcdbdb;
  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
  o-transition:background-color .2s ease-in;
  -ms-transition:background-color .2s ease-in;
  -moz-transition:background-color .2s ease-in;
  -webkit-transition:background-color .2s ease-in;
  transition:background-color .2s ease-in;
}
.social li:hover {background: #448098;}
.social li a {display: block; height: 31px; /*account for borders*/}
.social .facebook {background: url(images/facebook-32.png) no-repeat center center;}
.social .twitter {background: url(images/twitter-32.png) no-repeat center center;}
.social .youtube {background: url(images/youtube-32.png) no-repeat center center;}
.social .rss {background: url(images/rss-32.png) no-repeat center center;}

/*** Nav ***/
#nav {
  background: #448098; 
  height: 50px; /*was min-height*/
  border-top: 2px solid #262e35;
  border-bottom: 2px solid #262e35;
  /*border: 2px solid #040404;*/
  width: 100%;
  max-width: 1020px; /* removed wrap class and added these 2*/
  margin: auto;
  z-index: 9999;
}
#nav ul {/*text-align: center;*/ padding-bottom: 0; margin-left: 0; margin-top: 0; text-align: justify; width: 92%; margin:auto;}
#nav li {
  list-style-type: none;
  display: inline-block;
  font-family: bebas_neueregular, 'Helvetica Neue', arial, sans-serif;
  font-size:1.33333333333333em;/*24/18*/
  line-height: 46px; /*account for borders*/ 
  font-weight: normal;
  padding:0 1.6%; /*temp fix till justify is fixed*/
  position: relative;
}
.ie8 #nav ul {}
#nav .filler {width:100%; display: inline-block; height:0px; visibility: hidden;}

#nav li a {
  color: #fff; 
  font-weight: normal;
  text-decoration: none;
  o-transition:color .2s ease-in;
  -ms-transition:color .2s ease-in;
  -moz-transition:color .2s ease-in;
  -webkit-transition:color .2s ease-in;
  transition:color .2s ease-in;
  }
#nav li a:hover {color: #ccc;}

/*** dropdown ***/
#nav ul li ul {
  position: absolute; 
  z-index: 9999;
  background: #448098;
  margin-top: 0;
  border-bottom: 2px solid #040404;
  border-left: 2px solid #040404;
  border-right: 2px solid #040404;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  width: 180px;
}
.ie8 #nav ul li ul {}
#nav ul li ul li {
  font-size: 1em;
  font-size: 0.71875em;/*23/32*/
  line-height: 1em;
  text-align: left;
  padding: 7px 10px;
  width: 180px;
  border-bottom: 1px solid rgba(255,255,255,0.3);
  font-weight: normal;
}
#nav ul li ul li:last-child {border-bottom: 0;}

/*#nav ul li ul {display:none;}
#nav ul li:hover ul, #nav ul li ul:hover  {display:block;}*/
#nav ul li ul {
  visibility:hidden;
  opacity:0;
  -ms-transition:visibility 0s linear 0.2s,opacity 0.2s linear;
  -moz-transition:visibility 0s linear 0.2s,opacity 0.2s linear;
  -webkit-transition:visibility 0s linear 0.2s,opacity 0.2s linear;
  transition:visibility 0s linear 0.2s,opacity 0.2s linear;
}
#nav ul li:hover ul, #nav ul li ul:hover  {
  visibility:visible;
  opacity:1;
  -ms-transition-delay:0s;
  -moz-transition-delay:0s;
  -webkit-transition-delay:0s;
  transition-delay:0s;
}


/*with extra sub menus:
#nav ul li ul, #nav ul li ul li ul {display:none;}
#nav ul li:hover ul, #nav ul li ul:hover   {display:block;}
#nav ul li:hover ul ul, #nav ul li ul:hover ul  {display:none;}
#nav ul ul li:hover ul, #nav ul ul li ul:hover {display:block;}*/

#nav .current-page-ancestor a, #nav .current_page_item a, #nav .current-menu-item a, #nav .current_page_parent a {
  color: #aad2da;
}
/*dropdown reset to white*/
#nav .current-page-ancestor .sub-menu a, #nav .current_page_item .sub-menu a, #nav .current-menu-item .sub-menu a, #nav .current_page_parent .sub-menu a {
  color: #fff;
}
/*dropdown hover*/
#nav .current-page-ancestor .sub-menu a:hover, #nav .current_page_item .sub-menu a:hover, #nav .current-menu-item .sub-menu a:hover, #nav current_page_parent .sub-menu a:hover {
  color: #ccc;
}
/*dropdown selected*/
#nav .current-page-ancestor .sub-menu .current_page_item a, #nav .current_page_item .sub-menu current_page_item a, #nav .current-menu-item .sub-menu .current_page_item a, #nav .current_page_parent .sub-menu .current_page_item a {
  color: #aad2da;
}


.responsiveSelectContainer {text-align: center;}
.responsiveMenuSelect {margin:4px auto 0 !important; width: 90% !important; height: 35px !important;}
.responsiveSelectContainer select.responsiveMenuSelect, select.responsiveMenuSelect {
  /*background: #ccc;*/ background: #448098;
  /*color: #333;*/ color: #fff;
  border:1px dotted #ccc !important;
  font-size: 20px !important;
  line-height: 23px !important;
  -webkit-appearance: none;
}



/*** Main Content ***/
#main {background: #fff; padding: 50px 0;}
#content {width: 100%; float: left; padding:0 40px 0 40px;}
#content h2 {
  margin-left: -40px;/*was 50 for ribbon*/ 
  /*position: relative;*/ /*for ribbon*/
  padding: 0 15px 0 50px; /*60 for ribbon*/
}
#content h2:first-child {margin-top: 0 !important;}
#content img {max-width: 100%; height: auto;}
#content img.aligncenter, #content .wp-caption.aligncenter {margin-bottom: 15px;}
#content ul li ul li {font-size: 18px;}

/*#content h2:before {
 content: "";
 position: absolute;
 display: block;
 border-style: solid;
 border-color: #8f7f7f transparent transparent transparent;
 bottom: -0.3em;
 left: 0;
 border-width: 0.3em 0 0 0.3em;
 margin-left: -1px;
}*/

/*** Popup ***/
.popup {
  display: none;
  background: rgba(170,210,218,0.9);
  padding: 20px;
  -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
  border: 1px solid #448098;
  outline: none;
}
.close {
  position: absolute; 
  top: 3px; 
  right: 5px;
  cursor: pointer;
}
.popup_background {z-index: 2000;}  
.popup_wrapper {z-index: 2001;} 
 /* Add inline-block support for IE7 */  
 .popup_align,  .popup_content {*display: inline; *zoom: 1;}


.navigation {width:100%; padding-bottom:20px; font-size:15px; margin-bottom:15px; /*border-bottom:1px solid #ccc;*/}
.navBtm {padding:20px 0 0 0 !important; margin:15px 0 0 0 !important; /*border-top:1px solid #ccc !important; border-bottom:none !important;*/}
.wp-pagenavi span.current {background:#6C6E72; color:#fff;}
.wp-pagenavi a {color:#000;}
.wp-pagenavi a, .wp-pagenavi span {border:1px solid #ADADAD; background: #D8F5FF;}

.clickPledge {margin:5px 0; border: 1px solid #000;}

.donateTable, .table {border: 1px solid #448098; width: 100%; border-collapse: collapse;}
.donateTable th, .table th {padding: 10px; background: #c6cdd4;}
.donateTable td, .table td {vertical-align: top; padding: 10px 5px 20px; font-size: 0.72222222222222em;/*13/18*/ line-height: 1.21428571428571;/*17/14*/ border: 1px solid #448098;}
.donateTable td span, .donateTable td h6 {font-weight: bold; color: #262e35; margin-bottom: 5px; display: block; font-size: 14px;/*14/13*/ line-height: 17px;}
.donateTable td p {font-size: 13px; padding-bottom: 0;}
/*.donateTable tr:nth-child(2) td, .donateTable tr:nth-child(5) td {border-bottom: 1px solid #ccc;}*/
.table td {padding-bottom: 10px;}
.contactTable {margin-bottom: 30px;}
.volunteerTable {width: 70%; margin:20px auto;}

.addSupport {display: table;}
.addSupport .wp-caption {display: table-cell; vertical-align: middle; float: none;}
.page-id-172 .wp-caption {margin: 0 10px 20px;}
.page-id-172 h4 {margin-bottom: 10px;}

/* search */
#content .searchTerm {font-weight:bold; color: #448098;}

/*** Sidebar ***/
#sidebar {
  /*width:30.75%;*/ /*320px;*/ 
  width: 100%;
  min-width: 260px;
  padding:20px 40px 0 40px; 
  margin:auto;
  clear: both;
}
#sidebar ul {margin-left: 0;}
#sidebar ul li {list-style:none; padding-bottom: 0; margin-bottom: 40px;}
#sidebar ul li ul {margin-bottom:10px; /*margin-left: 20px;*/}
#sidebar ul li ul li {
  /*list-style-type:square;*/
  padding-bottom: 5px; 
  margin-bottom: 0; 
  font-size: 18px; 
  line-height: 21px;
}
#sidebar ul.menu {margin-top:0; margin-bottom: 0;}

#sidebar h2 {
  background: none; 
  border:none;
  padding-left: 0;
  font-size: 30px;
  margin-bottom: 10px;
  margin-top:0;
}
#sidebar .widget_text, #sidebar .widget_nav_menu {
  font-size: 0.84210526315789em;/*16/19*/ 
  line-height: 1.18751em;/*19/16*/
  padding: 15px;
  /*border: 1px solid #999;*/ border:3px solid #999;
  /*background: #D8F5FF;*/background: #e8e6e6;
  -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
}
#sidebar select {padding: 5px;}
/*** donate button ***/
#sidebar #text-3.widget_text {background: none; border: none; padding: 0;}
#sidebar #text-3.widget_text .textwidget {text-align: center;}
/*.page-id-21 #text-3 {display: none;}*/ /*hide button on donate page*/

/*** Search ***/
#searchform {margin: 0px auto;/* padding: 5px 3px;*/}
#sidebar #searchform label {display: none;}
#sidebar #searchform #s {
  width: 75%;
  height: 32px;
  padding: 0px 5px; 
  border:2px solid #262e35;  
  margin:0px auto;
  font-size: 17px;
  line-height: 30px;
  -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
  background-image: -moz-linear-gradient(top, #ffffff, #f0f0f0);
  background-image: -ms-linear-gradient(top, #ffffff, #f0f0f0);
  background-image: -o-linear-gradient(top, #ffffff, #f0f0f0);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#f0f0f0));
  background-image: -webkit-linear-gradient(top, #ffffff, #f0f0f0);
  background-image: linear-gradient(top, #ffffff, #f0f0f0);
  }
#sidebar .submit.button { 
  float:right; 
  background-color: #262e35; 
  color: #fff;
  /*width: 45px;*/
  width: 20%;
  padding: 5px;
  font-family: 'Helvetica Neue', arial, sans-serif;
  font-size: 16px;
  /*line-height: 35px;*/
  text-align: center;
  font-weight: bold;
  border: none;
  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
}

/*** sidebar boxes ***/
.box {
  width: 100%;
  max-width: 264px;
  height: 214px; /*was max-height*/
  margin: auto;
  border: 2px solid #262e35;
  overflow: hidden;
  background: #c6cdd4; /*#1a1a1a;*/
  position: relative;
  z-index: 1;
  /*min-height: 210px;*/
  -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
}
.box h4.title {
  background: #194f64;
  height: 42px;
  text-align: center;
  color: #fff;
  font-size: 1.57894736842105em;/*30/19*/
  line-height: 40px;
  margin-bottom: 0;
  border-bottom: 1px solid #fff;
}
.box h4.title a {color: #fff;}
.box .thumb {width: 260px; max-height: 170px;}
.box .thumb.default {width: auto;max-height: 120px; display: block; margin: auto;}
.box .attachment-featured_thumb {text-align: center;}
.box .info {
  position: absolute;
  bottom: 0; 
  left: 0;
  z-index: 5;
  background: rgba(0,0,0,0.5);
  padding: 5px 10px;
  width: 100%;
}
.ie8 .box .info {background: #333;}
.box h5, .box h5 a {color: #fff;}
.box p.date {
  padding-bottom: 0; 
  color: #bcbcbc;
  font-size: 0.89473684210526em;/*17/19*/
  line-height: 1em;
  font-family: bebas_neueregular, 'Helvetica Neue', arial, sans-serif;
}
.box p.date a {color: #aad2da;}
.box p.date a:hover {color: #448098;}

/*featured video*/
.page-template-theatre-php .DOP_WallGridGallery_Thumbnails {
  margin: 0 !important; 
  position: absolute; 
  bottom: 0 !important; 
  left: 0 !important;
  height: 170px !important;
}
.page-template-theatre-php .DOP_WallGridGallery_ThumbContainer {height: 170px !important;}
.page-template-theatre-php .DOP_WallGridGallery_ThumbLabel {
  background: rgba(0,0,0,0.5) !important;
  padding: 5px 10px !important;
  width: 100%;
  text-align: left !important;
  font-family:bebas_neueregular, 'Helvetica Neue', arial, sans-serif !important;
  color: #fff !important;
  /*font-size: 25px !important;*/
  font-size: 1.31578947368421em !important; /*25/19*/
  line-height: 1em !important; 
  font-weight: normal !important;
  bottom: 0 !important;
  left: 0 !important;
}

iframe {max-width: 100%; height: auto;}


/*** Footer ***/
#footer {clear: both; background: #c6cdd4; position: relative; border-top: 1px solid #448098;}
#footer a:hover {color: #262e35;}
.fArea {
  padding: 30px 40px;
}
#f1.fArea p {padding-bottom: 10px; font-size:0.875em; line-height: 1.21428571428571em;/*17*/}
#f1.fArea p:last-child {padding-bottom: 0;}
#f2.fArea {}
#f3.fArea {}
.fArea p {padding-bottom: 0; font-size: 1.0625em;/*17*/ line-height: 1.24em;/*21px*/}
.fArea h3 {
  font-size: 1.625em;/*26*/ 
  line-height: 1em;
  font-family: bebas_neueregular, 'Helvetica Neue', arial, sans-serif;
  font-weight: normal;
  color: #1a1a1a;
  margin-bottom: 15px;
}
.divider {
  display: none;
}


#btmBar {background: #448098; min-height: 50px; border-top: 2px solid #262e35; overflow: hidden;}
.copyright {text-align: center;}
.copyright p {
  /*float: right;*/
  font-size: 1.375em; /*22*/
  line-height: 48px;
  color: #fff;
  /*padding-right: 30px;*/
  font-family: bebas_neueregular, 'Helvetica Neue', arial, sans-serif;
}
#btmBar p {padding-bottom: 0;}
.copyright a {color: #fff;}
.copyright a:hover {color: #fcca33;}



/***************** Home Page **********************/

/*** Slideshow area ***/
#slideshow {
  width:100%; 
  /*height:100%; */
  max-height:340px; 
  position: relative;  
  background: #000;
  overflow: hidden;
  min-height: 250px;
}
/*#new-royalslider-1 {height: 340px;}
.rsMainSlideImage {margin:0 !important;}*/
#meteor-slideshow {min-height: 250px;}
.meteor-clip {min-height: 250px;}
body .meteor-slides .mslide img {margin-left: -20% !important;}

.meteor-slides .meteor-buttons {display: none;}
.meteor-slides ul.meteor-nav {display: none;}
div.navpaged, div.navboth {margin-bottom: 0 !important;}
.meteor-slides h1 {    
  color: #fff;
  text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000,
     0 0px 10px #000;
  position: absolute;
  right: 25px;
  bottom: 15px;
  z-index: 11; 
  text-align: right;  
  width: 90%;
}


#logoBox {
  background: rgba(255,255,255,0.8);
  width: 29.9%;/*275px;*/
  max-width: 275px;
  min-width: 165px;
  margin: 3% 0 2%;
  height: auto;
  padding: 15px;
  overflow: hidden;
  position: absolute;
  /*top: 11%;*//*40*/
  border-top-right-radius:7px;
  border-bottom-right-radius:7px;
  z-index: 10;
}
.ie8 #logoBox {background: #fff;}
.logo {float:right; max-width: 100%;}

.hpSponsors {
  width: 100%; 
  padding: 0px 20px 0; /*padding top 10 with border*/
  text-align: center; 
  /*border-top: 5px solid #D8F5FF;*/
  display: block;
}
.hpSponsors a {}
.hpSponsors .wp-caption, .hpSponsors .sponsor {
  display: inline-block;
  /*float: none; max-width: 150px; works for captions*/
  margin: 0 1.5% 5px;
  width: 47%;
  float: left;
}
.hpSponsors img {max-height: 70px; width: auto; max-width: 100%; }
/*firefox hack*/
@media screen and (min--moz-device-pixel-ratio:0) {
  .hpSponsors img {width:100%;}
}
/*ie hack*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .hpSponsors img {width:100%;}
}
.page-template-home-page-php #main {padding-bottom: 10px;}

/****************** Interior Page ***********************/
#banner {
  width: 100%;
  min-width: 320px;
  min-height: 200px;
  max-height: 240px;
  position: relative;
  text-align: center;
  background: #000;
  overflow: hidden; 
}
#banner img.attachment-banner, .mslide img  {
  max-width: 100%; 
  min-width: 768px;
  height: auto; 
  width: 100%; 
  min-height: 200px;
  display: block;
  text-align: center;
  margin-left: -30%;
}
/*.ie8 #banner img.attachment-banner {margin-left: 0;}*/
#banner #logoBox {
  width: 20%;/*174*/
  padding-left: 20px;
  max-height: 123px;
  min-width: 135px;
}
#banner .logo {max-height: 125px;}
#section h1 {
  color: #fff;
  text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000,
     0 0px 10px #000;
  position: absolute;
  right: 25px;
  bottom: 15px;
  z-index: 11; 
  text-align: right;
  max-width: 60%;
}
#banner .credit {
  position: absolute; 
  bottom: 5px; 
  left: 8px;
  font-size: 12px;
  font-style: oblique;
  color: #fff;
  text-shadow: 0 0 3px #000;
  width: 30%;
  text-align: left;
}


/* Accordion Styles */
.accordion {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 20px;
}
h3.accordion-title {
    border-top: 1px solid #dbdbdb;
    margin: 0;
    padding: 20px 0 0;
    cursor: pointer;
    font-size: 26px;
    line-height: 1em;
    font-weight: normal;
    /*color: #444;*/
    color: #448098;
}
h3.accordion-title.open {
  padding-bottom:10px;
}
.accordion-title:hover {}
.accordion-title:first-child {border: none;}
.accordion-title.open {cursor: default;}
.accordion-content {}
.accordion-content ul {padding-bottom:0;}

/* For closed accordion items */
.accordion .accordion-title {
    background-image: url("images/open.png");
    background-position: right 20px;
    background-repeat: no-repeat;
    background-size: 20px;
}
/* For open accordion items */
.accordion .accordion-title.open {
    background-image: url("images/close.png");
}


/********************* Single Theatre *************************/
.single-theatre {}
#tabs {margin:60px 0 20px; clear: both;}
UL.tabNavigation {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #448098;
    border-top: 3px solid #448098;
    border-left: 3px solid #448098;
    border-right: 3px solid #448098;
    min-height: 32px;
    text-align: left;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}

UL.tabNavigation LI {
  display: inline-block; 
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 27px;
  padding-bottom: 0;
}

UL.tabNavigation LI A {
    padding: 0px 10px 5px;
    color: #fff;
    text-decoration: none;
    display: block;
}

UL.tabNavigation LI A.selected,
UL.tabNavigation LI A:hover {
    background-color: #c3cbd1;
    color: #000;
}

UL.tabNavigation LI A:focus {outline: 0;}

.tab {
  padding: 15px;
  background:  #c3cbd1;
  border-right:3px solid #448098;
  border-left:3px solid #448098;
  border-bottom:3px solid #448098;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.tab p {font-size: 1em;/*16/16*/ line-height: 1.2em;}
.tab p a:hover {color: #000;}

.tab h2 { color: #000;}

/************************* Single Gallery ********************/
.single-gallery_exhibits .DOP_WallGridGallery_ThumbnailsWrapper {
  width: 100% !important;
  margin-left:0 !important;
  margin-bottom: 30px !important;
  -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
}
.DOP_WallGridGallery_ThumbContainer {opacity: 1 !important;}
#galleryContent {margin:40px 0 20px; clear: both;}



/*************************** Blog *****************************/

.blogExcerpt {margin:10px 0 30px; clear:both; overflow: hidden;}
.blogThumb {display: none;}
.blogBody {min-height: 160px;}
.blogBody p {padding-bottom: 10px;}
.blogBody h3 {margin-bottom: 0; margin-top: 0; line-height: 1em;}
.blogBody h4 {margin-bottom: 5px;}
.blogBody .date, .single-post .date {
  font-size: 1.0625em;/*17*/ 
  color: #4b4b4b; 
  text-transform: uppercase;
  padding-bottom: 15px;
}
.more {display: inline-block; float: right;}

p.postmetadata {font-size: 0.875em;/*14/16*/ line-height: 1.21428571428571em;/*17/14*/}
.commentCount {display: block; margin-top: 5px;}

/* blog single */
.featuredImage {float: right; margin: 0 0 10px 20px;}

/************************** Buttons ****************************/
.more a, a.button, input#cc_Go, #submit, .sml_submitbtn {
  display: inline-block;
  padding: 8px 15px;
  text-decoration: none;
  font-family: helvetica, sans-serif;
  font-size: 16px;
  line-height: 16px;
  text-transform: uppercase;
  color: #fff;
  background-color: #262e35;
  margin-top:15px;
  -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
  border: none;
  o-transition:background-color .2s ease-in;
  -ms-transition:background-color .2s ease-in;
  -moz-transition:background-color .2s ease-in;
  -webkit-transition:background-color .2s ease-in;
  transition:background-color .2s ease-in;
}
.more a:hover, a.button:hover, #submit:hover, .sml_submitbtn:hover {
  color: #fff;
  background: #478097;
  cursor: pointer;
}

a.lrgBtn {
  font-size:32px; 
  line-height: 34px;
  width: auto;
  max-width: 300px;
  margin: 0 auto 0px;
  text-align: center;
  background: #448098;
  text-transform: uppercase;
  color: #fff;
  padding: 5px 25px;
  display: inline-block;
  border: 2px solid #262e35;
  -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;
  font-family: bebas_neueregular, 'Helvetica Neue', arial, sans-serif;
  o-transition:background-color .2s ease-in, color .2s ease-in;
  -ms-transition:background-color .2s ease-in, color .2s ease-in;
  -moz-transition:background-color .2s ease-in, color .2s ease-in;
  -webkit-transition:background-color .2s ease-in, color .2s ease-in;
  transition:background-color .2s ease-in, color .2s ease-in;
}
a.lrgBtn:hover {color: #fff; background: #194f64;}
.yellowBtn.lrgBtn {background: #aad2da; color: #333;}
.buttonwidget, .yellowbutton {text-align: center;}

/* newsletter form */
.password-form .field, .sml_nameinput, .sml_emailinput {
  padding:6px; 
  border: 1px solid #262e35; 
  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
  margin-right: 10px;
  max-width: 100%;
}
.sml_nameinput {margin-bottom: 10px;}
.password-form #submit, .sml_submit {padding: 5px 10px;}

.sml_subscribe label {display: none;}

/*** constant contact widget ***/
#constant-contact-signup {}
.kws_form {
  width: 100% !important; 
  padding: 0 !important; 
  background-color:transparent !important;
}
div.kws_form label {display: none !important;}
#cc_email_address, .t {
  width: 100% !important;
  font-family: 'Helvetica Neue', arial, sans-serif;
  font-size: 15px !important;
  padding: 5px 10px !important;
  /*text-transform: uppercase;*/
  border: 1px solid #757474 !important;
  margin-bottom: 10px !important;
  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
}
input#cc_Go /*submit*/ {
  float: right; 
  border: none; 
  padding: 6px 10px;
}

/*** Calendar ***/
.gce-event-info {border: 2px solid #448098 !important;}
.gce-event-info .gce-tooltip-event { text-transform: uppercase; background: #aad2da !important; color: #448098 !important; padding:4px !important; border: 1px solid #ADADAD; margin-bottom: 5px !important;}
.gce-page-grid .gce-calendar .gce-day-number {font-size: 1.5em !important;}
.gce-page-grid .gce-calendar .gce-month-title {text-transform: uppercase; margin-bottom: 5px;}
.gce-page-grid .gce-calendar .gce-has-events {color: #448098 !important;}

/*** Board Members ***/
.boardReturn {margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #ccc; font-size: 15px;}


/************** Wordpress Styles ********************/
.navigation {width:100%; padding-bottom:10px; float:left;}
.navigation .alignleft {float:left; width:49%; display:block; text-align:left;}
.navigation .alignright {float:right; width:49%; text-align:right; display:block;}
.entry .postmetadata a {display:inline;}
#content .box p.browse {padding-bottom:7px;}
.buttons-wrap {clear:left;}

textarea#comment {width:500px; height:100px;}
.commentlist li, /*#commentform input,*/ #commentform textarea {font-size:13px;}
.commentlist li ul li {font-size: 13px;}
.commentlist li {font-weight: bold; margin-left:10px; padding:15px 0; list-style:none;}
.commentlist li .avatar {float: left; border: 1px solid #eee; padding: 2px; background: #fff; margin:0 10px 5px 0;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}
.commentlist p {font-weight: normal; line-height: 1.5em; color:#333; text-transform: none;}
.commentmetadata {font-weight: normal; font-size:11px;}
.comment-body p {clear:left;}
#respond {margin-top:10px;}
.avatar {vertical-align:middle;}
.comment-div {padding:10px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius:7px; background:#c6cdd4; border: 1px solid #448098;}
.comment-div a:hover {color: #262e35;}
.comment-author {}
.comment-author .comment-meta {text-transform:uppercase; font-size:18px; color:#05718C; font-weight:normal; padding-top:10px;}
.comment-author small {text-transform:uppercase; font-size:11px; color:#666;}
.bypostauthor .comment-div { background:#c1dcd5;}
.bypostauthor .comment-author {color:#05718C;}
.reply a {margin-right:7px;}

.wp-caption {
	background:none;
	background: #fff;
	border: none !important;
	margin: 10px;
	text-align: center;
}
.wp-caption img {border: 0 none; margin: 0; padding: 0;}
.wp-caption p.wp-caption-text, .featuredImage p.wp-caption-text {font-size: 12px; line-height: 14px; text-transform: uppercase; text-align:center;  margin: 0; padding: 5px 4px 5px; color: #262e35;}




/*
RETINA (2x RESOLUTION DEVICES)
*/
@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 320px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (                min-resolution: 192dpi) and (min-width: 320px),
only screen and (                min-resolution: 2dppx)  and (min-width: 320px) { 



}



/***********************************************************************************/



/*
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*/
@media only screen and (min-width: 30.0625em) { /*481*/
  /******************************************************************
  
  Stylesheet: 481px and Up Stylesheet
  
  This stylesheet is loaded for larger devices. It's set to 
  481px because at 480px it would load on a landscaped iPhone.
  This isn't ideal because then you would be loading all those
  extra styles on that same mobile connection. 
  
  A word of warning. This size COULD be a larger mobile device,
  so you still want to keep it pretty light and simply expand
  upon your base.less styles.
  
  ******************************************************************/
  
  
	/* at this larger size, we can start to align images */
	img.alignright {margin: 0 0 .3em 1.5em;display: inline; border:none;}
	img.alignleft {margin: 0 1.5em .3em 0;display: inline; border:none;}
	img.aligncenter {display:block; margin:auto; border:none;}

	h1 {font-size:3.125em;/*50*/}

  #banner img.attachment-banner {margin-left: 0;}

  #topBar {height: 50px;}
  #utility {height: 50px;}
  #utility li {line-height: 48px;}

  #btmBar .social {float: left; margin: 0; text-align: left;}
  #btmBar .social ul {margin-left: 30px;}
  .copyright {text-align: right;}
  .copyright p {float: right; padding-right: 30px;}
  

}

@media only screen and (min-width: 37.5em) { /*600*/
  #topBar .social {display: block;}

  #utility li {}

  #banner #logoBox {max-height: 153px; min-width: 165px;}
  #banner .credit {width: 50%;}

  body .meteor-slides .mslide img {margin-left: 0% !important; margin: auto !important;}

  .gce-page-grid .gce-calendar .gce-day-number {font-size: 1.8em !important;}
}


@media only screen and (min-width: 46.25em) { /*740*/
  #nav li {font-size: 1.5em; /*27/18*/}

  #content {width: 58%;/*615*/ padding: 0 0 0 40px;}

  /*** footer ***/
  .fArea {
    float: left; 
    width:29.019607843137%; 
    max-width: 296px; 
  }
  #f2.fArea {width: 41.470588235294%; max-width: 423px;}
  #f3.fArea{float: right;}
  .divider {
    position:absolute;
    top:20%;
    bottom:20%;
    border-left:1px solid #ADADAD;
    display: block;
  }
  .d1 {left: 29.019607843137%;}
  .d2 {right: 29.019607843137%;}
  #btmBar {height: 50px;}

  /*** Sidebar ***/
    #sidebar {
      float: right; 
      margin:0;
      width: 35%;
      max-width: 310px;
      padding: 0px 40px 0 0;
      clear: none;
    }
    a.lrgBtn {max-width: 240px;}

  /*** Home page ***/
  .hpSponsors {display: table;}
  .hpSponsors .sponsor {
    display: table-cell; 
    vertical-align: middle;
    float: none;
    width: auto;
    margin: 0 1.5%;
  }

  /*** Blog ***/
  .blogThumb {display:block; float: left; width: 160px; height: 160px;}
  .blogBody {margin-left: 180px; }
}



/***********************************************************************************/


/*
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 48em) { /*768*/
  
 
}

/*
RETINA (2x RESOLUTION DEVICES)
*/
/*@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 768px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 768px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 768px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 768px),
only screen and (                min-resolution: 192dpi) and (min-width: 768px),
only screen and (                min-resolution: 2dppx)  and (min-width: 768px) { 



}*/
@media only screen and (min-width: 50em) { /*800*/
  .meteor-slides .meteor-buttons {
    display: block;
    bottom: 7px !important; 
    left:60px !important; 
    width: 30% !important; 
    height: 22px !important;
  }
  .meteor-slides .meteor-buttons a {margin-right: 7px !important;}
  .meteor-slides ul.meteor-nav {
    display: block !important;
    position: absolute;
    bottom: 7px;
    left: 0;
    height: 22px !important;
    width: 60px !important;
    z-index: 999;
  }

  .meteor-slides h1 {width: 70%;}
}

@media only screen and (min-width: 56.25em) { /*900*/
  #content {width: 64%;/*615*/}
  .gce-page-grid .gce-calendar .gce-day-number {font-size: 2em !important;}
}

  
/***********************************************************************************/
  
/*
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 63.75em) { /*1020*/
  #banner {height: 240px;}
  body .meteor-slides .mslide img {height: 340px !important;}

}


/* Retina */
@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 1024px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 1024px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 1024px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 1024px),
only screen and (                min-resolution: 192dpi) and (min-width: 1024px),
only screen and (                min-resolution: 2dppx)  and (min-width: 1024px) { 


}

/***********************************************************************************/


  
  /*Stylesheet: Retina Screens & Devices Stylesheet
  
  
  EXAMPLE 
  Let's say you have an image and you need to make sure it looks ok
  on retina screens. Let's say we have an icon which dimension are
  24px x 24px. In your regular stylesheets, it would look something
  like this:
  
  .icon {
  	width: 24px;
  	height: 24px;
  	background: url(img/test.png) no-repeat;
  }
  
  For retina screens, we have to make some adjustments, so that image
  doesn't look blurry. So, taking into account the image above and the
  dimensions, this is what we would put in our retina stylesheet:
  
  .icon {
  	background: url(img/test@2x.png) no-repeat;
  	background-size: 24px 24px;
  }
  
  So, you would create the same icon, but at double the resolution, meaning 
  it would be 48px x 48px. You'd name it the same, but with a @2x at the end
  (this is pretty standard practice). Set the background image so it matches
  the original dimensions and you are good to go. 
  
  */

/*
RETINA (2x RESOLUTION DEVICES) - All Sizes
*/
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
 
  /*#nav ul {background:url(images/nav-left@2x.png) no-repeat bottom left,url(images/nav-right@2x.png) no-repeat top right; background-size: 36px 11px;}*/
}


/***********************************************************************************/

/*
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*/
@media print {
  /******************************************************************
  
  Stylesheet: Print Stylesheet
  
  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.
  
  ******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a:after,
  a:visited:after {
    content: " (" attr(href) ")";
  }
  a abbr[title]:after,
  a:visited 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;
  }
  #sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}

/*--------------------------------------------------------------*/
/*	HOLIDAY COLOR SCHEME - REMARK THIS SECTION BELOW DURING NON-HOLIDAY SEASON
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/*	DARK BLUE (262E35)  --> D33031
/*--------------------------------------------------------------*/
/* body {background:#D33031;}
.social li {background:#D33031;}
#nav {border-top:2px solid #D33031; border-bottom:2px solid #D33031;}
#footer a:hover {color:#D33031;}
#btmBar {border-top:2px solid #D33031;}
#sidebar .submit.button {background-color:#D33031;}
#sidebar #searchform #s {border:2px solid #D33031;}
.box {border:2px solid #D33031;}
.donateTable td span, .donateTable td h6 {color:#D33031;}
.more a, a.button, input#cc_Go, #submit, .sml_submitbtn {background-color:#D33031;}
a.lrgBtn {border:2px solid #D33031;}
.password-form .field, .sml_nameinput, .sml_emailinput {border:1px solid #D33031;}
.comment-div a:hover {color:#D33031;}
.wp-caption p.wp-caption-text, .featuredImage p.wp-caption-text {color:#D33031;} */


/*--------------------------------------------------------------*/
/*	MEDIUM BLUE (448098)  --> D33031
/*--------------------------------------------------------------*/
/* h2 {border-top:1px solid #D33031; border-right:1px solid #D33031; border-bottom:1px solid #D33031;}
h2 a, h3 a {color:#D33031;}
h3 {color:#D33031;}
h3 a:hover {color:#D33031;}
a {color:#D33031;}
.social li:hover {background:#D33031;}
#nav {background:#D33031;}
#nav ul li ul {background:#D33031;}
.responsiveSelectContainer select.responsiveMenuSelect, select.responsiveMenuSelect {background:#D33031;}
.popup {border:1px solid #D33031;}
.donateTable, .table {border:1px solid #D33031;}
.donateTable td, .table td {border:1px solid #D33031;}
#content .searchTerm {color:#D33031;}
.box p.date a:hover {color:#D33031;}
#footer {border-top:1px solid #D33031;}
#btmBar {background:#D33031;}
h3.accordion-title {color:#D33031;}
UL.tabNavigation {background:#D33031; border-top:3px solid #D33031; border-left:3px solid #D33031; border-right:3px solid #D33031;}
.tab {border-right:3px solid #D33031; border-left:3px solid #D33031; border-bottom:3px solid #D33031;}
a.lrgBtn {background:#D33031;}
.gce-event-info {border:2px solid #D33031 !important;}
.gce-event-info .gce-tooltip-event {color:#D33031 !important;}
.gce-page-grid .gce-calendar .gce-has-events {color:#D33031 !important;}
.comment-div {border:1px solid #D33031;}
.more a:hover, a.button:hover, #submit:hover, .sml_submitbtn:hover {background:#D33031;}
.comment-author .comment-meta {color:#D33031;}
.bypostauthor .comment-author {color:#D33031;} */


/*--------------------------------------------------------------*/
/*	DARK/MED BLUE (194F64)  --> D33031
/*--------------------------------------------------------------*/
/* h2 a:hover, h3 a:hover {color:#D33031;}
#topBar {background:#D33031;}
.box h4.title {background:#D33031;}
a.lrgBtn:hover {background:#D33031;} */


/*--------------------------------------------------------------*/
/*	LIGHT BLUE (AAD2DA)  --> F1B775
/*--------------------------------------------------------------*/
/* h6 {color:#F1B775;}
a:hover {color:#F1B775;}
#nav .current-page-ancestor a, #nav .current_page_item a, #nav .current-menu-item a, #nav .current_page_parent a {color:#F1B775;}
#nav .current-page-ancestor .sub-menu .current_page_item a, #nav .current_page_item .sub-menu current_page_item a, #nav .current-menu-item .sub-menu .current_page_item a, #nav .current_page_parent .sub-menu .current_page_item a {color:#F1B775;}
.popup {background:rgba(241,183,117,0.9);}
.box p.date a {color:#F1B775;}
.yellowBtn.lrgBtn {background:#F1B775;}
.gce-event-info .gce-tooltip-event {background:#F1B775 !important;}

h2 {background:#F1B775;}
.box {background:#F1B775;}
#footer {background:#F1B775;}
.comment-div {background:#F1B775;} */


/*--------------------------------------------------------------*/
/*	LIGHT GREEN (C1DCD5)  --> F1B775
/*--------------------------------------------------------------*/
/* .bypostauthor .comment-div { background:#F1B775;} */


/*--------------------------------------------------------------*/
/*	LIGHTEST BLUE (D8F5FF)  --> F1B775
/*--------------------------------------------------------------*/
/* .wp-pagenavi a, .wp-pagenavi span {background: #F1B775;} */



/************Colors************
grey: #6c6e72
light grey: #ADADAD
orange: #ff5331
light blue: #d8f5ff
dark green: #01624a
yellow: #fcca33
near black: #1a1a1a

7/14/15
light blue: #aad2da
dark blue: #262e35
dark/med blue: #194f64
med blue: #448098
light grey: #c6cdd4
******************************/