/*
Theme Name: UCLA Volunteer Center
Theme URI: http://volunteer.ucla.edu/
Description: Theme for UCLA Volunteer Center
Author: Dustin Hamano
Version: 1.0
Tags:
*/
/* GLOBAL ELEMENTS */


html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, small, strike, strong, em, center, ol, ul, li, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  background: transparent;
}

/* <!--// BEGIN: AU CSS //--> */
* {
  margin: 0;
  padding: 0;
}

.clear {
  clear: both;
}


/*html{
  overflow-x: hidden;
}*/

body {
  text-align: center;
  background: #f7f7f7;
  font-size: 62.5%;
  font-family: Arial, Helvetica, sans-serif;
}


textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #555;
}


/* <!--// END: AU CSS //--> */
h1, h2, h3, h4, h5, h6 {
  font: normal normal normal inherit/inherit 'century gothic',helvetica,arial,sans-serif;
}

h2 {
  font-family: 'Century Gothic', Helvetica, Arial, sans-serif;
  font-size: 2.5em;
  color: #333;
  letter-spacing: -0.05em;
}

h2 a {
  color: #333;
  text-transform: none;
}

a:hover {
  text-decoration: underline;
}

.entry li {
  margin: 4px 0 0 0px;
}

img {
  border: 0;
}

.size-full {
  max-width: 640px;
  height: auto;
}

#iw_kml p {
  margin: 0;
}

p {
  font-size: 1.1em;
  line-height: 22px;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.aligncenter {
  text-align: center;
}

.alignelementcenter {
  display: inline-block;
  margin: 0 auto 0 auto;
}

.clearall {
  clear: both;
}

a {
  color: #3185c1;
  text-decoration: none;
  word-wrap: break-word;
}

#wrapper {
  width: 960px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  background: #f2f2f2;
}


#content, #content_home, #footer_content {
  margin-left: auto;
  margin-right: auto;
}

.margin-tag {
  /* Adds extra margin above image on secondary pages. */
  padding-top: 25px;
}

/* HEADER */
#ucla-vol-logo {
  margin: 0;
  padding: 0;
  width: 198px;
  height: 52px;
  border: 0;
  position: absolute;
  top: 5px;
}

#navbg {
  /* This sets the positioning of the volunteer navigation bar in the header on homepage */
  margin: 0 auto;
  padding: 0;
  background-color: #333;
  width: 960px;
  height: 64px;
  position: relative;
  z-index: 85;
  bottom: 90px;
  overflow: visible;
}

#navbg_single {
  /* navigation for the rest of website */
  margin: 0 auto;
  padding: 0;
  background-color: #333;
  width: 960px;
  height: 64px;
}

#navigation {
  height: 40px;
  position: relative;
}


#navigation .menu {
  margin-left: 10px;
}



#navigation .menu li {
  float: left;
  position: relative;
  display: block;
}


#navigation a {
  display: block;
  /* Allow user to access link anywhere within the line of a link. */
  text-decoration: none;
  font-size: 1.4em;
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 8px;
  padding-bottom: 7px;
  line-height: 25px;
  font-family: Arial, Helvetica, sans-serif;
  /* changed 09/06/11 Myriad Pro, Arial, Helvetica, sans-serif */
  font-weight: normal;
}

ul .sub-menu {
  font-family: 'Titillium Web',Trebuchet MS, Arial, Helvetica, sans-serif;
  -moz-box-shadow: 0 0 27px black;
  -webkit-box-shadow: 0 0 27px black;
  box-shadow: 0 0 27px black;
}

#navigation ul ul {
  /* Adjust hover menu */
  display: none;
  background-color: #000;
  position: absolute;
  top: 39px;
  left: 0;
  float: left;
  width: 210px;
  z-index: 99;
  text-transform: none;
  font-size: 10px;
}

#navigation ul ul a {
  color: #fff;
  height: 26px;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 1.3em;
  font-family: Arial, sans-serif;
}

#navigation ul ul li {
  width: 210px;
}

#navigation ul ul ul {
  left: 100%;
  top: 0;
  z-index: 5000;
}

.desktop #navigation li:hover > a {
  /* Adjust background of nav parent item. */
  color: #FFE800;
}

.desktop #navigation ul ul :hover > a {
  /* adjust colors of parent item. */
  background: #3284BF;
  color: #fff;
}

.desktop #navigation ul li:hover > ul {
  display: block;
  z-index: 0;
}

.desktop .mf-ps-4{
  color:white !important;
}



/* this sets up the style for the our programs drop down's "titles"*/

.desktop .ourProgramsNavTitles{
  color: #fff;
  height: 26px;
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 1px;
  font-size: 1.7em;
  font-family: Arial, sans-serif;
}

.desktop .ourProgramsNavTitles:hover{
    background:transparent !important;  
}

#tagline {
  max-width: 300px;
  margin-left: 10px;
  padding: 5px;
  font: normal normal normal 1.4em helvetica,verdana,sans-serif;
  text-transform: uppercase;
  color: #fff;
  text-align: left;
  position: absolute;
  z-index: 10;
  background-color: #3284bf;
  top: 106px;
  border: 1px solid #555;
  font-weight: bold;
}

#category_tagline {
  margin-left: -10px;
  padding: 5px;
  font: normal normal normal 1.3em helvetica,verdana,sans-serif;
  text-transform: uppercase;
  color: #333;
  text-align: left;
  position: relative;
  z-index: 10000;
  background-color: #e6e6e6;
  border: 1px solid #333;
  width: 250px;
  margin-top: -10px;
  margin-bottom: 10px;
  font-weight: bold;
}

#category_tagline a {
  color: #333;
}

#tag_tagline {
  margin-left: -10px;
  padding: 5px;
  font: normal normal normal 1.3em helvetica,verdana,sans-serif;
  text-transform: uppercase;
  color: #333;
  text-align: left;
  position: relative;
  z-index: 10000;
  background-color: #e6e6e6;
  border: 1px solid #333;
  width: 250px;
  margin-top: -10px;
  margin-bottom: 10px;
  font-weight: bold;
}

#tag_tagline a {
  color: #333;
}

#social_media {
  float: right;
  position: relative;
  right: 0;
}

#social_media_nav {
  width: 306px;
  height: 100px;
  margin-top: 45px;
  padding-left: 624px;
  position: absolute;
  z-index: 1;
}

#social_media_nav a {
  display: block;
}

#social_media_single {
  width: 306px;
  height: 100px;
  margin-left: 619px;
  position: absolute;
  z-index: 1;
  margin-top: -20px;
}

#social_media_single a {
  display: block;
}

#icon_foursquare a {
  float: left;
  width: 80px;
  height: 100px;
  background: transparent url("static/images/foursquare.png") 0px 0px no-repeat;
}

#icon_foursquare a:hover {
  background: transparent url("static/images/foursquare.png") 0px -160px no-repeat;
}

#icon_facebook a {
  float: left;
  width: 75px;
  height: 100px;
  background: transparent url("static/images/icon-facebook.png") 0px 0px no-repeat;
}

#icon_facebook a:hover {
  background: transparent url("static/images/icon-facebook.png") 0px -160px no-repeat;
}

#icon_flickr a {
  float: left;
  width: 74px;
  height: 100px;
  background: transparent url("static/images/icon-flickr.png") 0px 0px no-repeat;
}

#icon_flickr a:hover {
  background: transparent url("static/images/icon-flickr.png") 0px -160px no-repeat;
}

#icon_twitter a {
  float: left;
  width: 77px;
  height: 100px;
  background: transparent url("static/images/icon-twitter.png") 0px 0px no-repeat;
}

#icon_twitter a:hover {
  background: transparent url("static/images/icon-twitter.png") 0px -160px no-repeat;
}

#social_media_nav img {
  margin-right: 5px;
}

#social_media img {
  width: 27px;
  height: 27px;
  margin: -5px 5px 0 0;
  float: left;
}

#bread_crumbs {
  width: 960px;
  margin: 0 auto;
  padding: 10px 0 10px 5px;
  font: normal normal normal 1.3em helvetica,verdana,sans-serif;
  text-transform: uppercase;
  color: #333;
  position: relative;
  z-index: 0;
  text-align: left;
}


#bread_crumbs a {
  color: #333;
  font-weight: bold;
  padding: 2px;
}

#close-facewall {
  background: transparent url("static/images/button-x.png") 0px 0px no-repeat;
  width: 8px;
  height: 8px;
  border: none;
  display: block;
  top: 10px;
  right: 10px;
  cursor: pointer;
  position: absolute;
}

/* MAIN CONTENT */
#container {
  width: 960px;
  margin: 0 auto;
  padding: 0;
  background: #f2f2f2;
}

#content {
  width: 550px;
  padding: 45px 0;
  float: left;
  position: relative;
  background-color: #fff;
  border: 1px solid #979797;
  text-align: center;
  margin-bottom: 30px;
  margin-left: 20px;
  z-index: 2;
}

#content_home {
  width: 550px;
  padding: 45px 0;
  float: left;
  position: relative;
  background-color: #fff;
  border: 1px solid #979797;
  text-align: center;
  margin-bottom: 30px;
  margin-left: 20px;
  z-index: 2;
  font-family: Georgia, 'Times New Roman', serif;
}

#content_home img {
  max-width: 460px;
}

#content_single {
  width: 550px;
  padding: 55px 0 45px 0;
  float: left;
  position: relative;
  background-color: #fff;
  border: 1px solid #979797;
  text-align: center;
  margin-left: 20px;
}

#content_single img {
  max-width: 460px;
}

#content_single h2 {
  padding-top: 20px;
}

#featured_story {
  margin: 0 auto 20px auto;
  color: #666;
  text-align: center;
  width: 460px;
}

#featured_story h2 {
  margin: 0 auto;
  padding: 0;
  font: bold normal normal 2.7em helvetica,arial,sans-serif;
  border: 0;
  letter-spacing: -0.01em;
  font-family: 'Century Gothic', Helvetica, Arial, sans-serif;
}

#featured_story .entry {
  margin: 0 auto;
  padding-bottom: 10px;
  text-align: left;
  font-size: 13px;
  color: #000;
  border-bottom: 1px solid #ffc425;
}

#featured_story img {
  margin: 0 auto 10px auto;
}

.entry-date {
  font-size: 1.2em;
  text-align: right;
}

h2 small {
  font: normal normal normal .7em helvetica,verdana,sans-serif;
  float: right;
}

#story_container {
  width: 490px;
  text-align: center;
  margin-left: 50px;
  margin-right: 10px;
  position: relative;
}

#story_list {
  position: relative;
  z-index: 0;
  text-align: center;
  margin: 0 auto;
}

#thumbnail_caption {
  padding: 10px;
  background-color: #000;
  color: #fff;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.1em;
  position: absolute;
  margin-top: -90px;
  right: 30px;
  max-width: 300px;
  max-height: 70px;
  opacity: 0.8;
  filter: alpha(opacity=90);
  text-align: left;
  line-height: 1.3em;
  overflow: hidden;
}

#thumbnail_caption_none {
  padding: 15px;
  background-color: #000;
  color: #fff;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.15em;
  position: absolute;
  margin-top: -70px;
  right: 30px;
  max-width: 300px;
  opacity: 0.8;
  filter: alpha(opacity=90);
  display: none;
}

.post-edit-link {
  padding-bottom: 15px;
}

.item_info {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1.3em;
}

.story_title {
  padding: 15px;
  width: 175px;
  margin-left: 0px;
  margin-right: 40px;
  /* Must match .main_story margin-right value */
  background-color: #000;
  position: absolute;
  z-index: 10;
  bottom: -10px;
  opacity: 0.75;
  filter: alpha(opacity=75);
  font-family: Helvetica, Arial, sans-serif;
  text-align: left;
}

.story_title small {
  font-size: 1.1em;
  font-family: Helvetica, Arial, sans-serif;
}

.story_title, .story_title a {
  color: #fff;
}

.story_title h3 a {
  font-size: 1.2em;
  line-height: 1.2em;
}

#article {
  font: normal normal normal 1.2em/1.3em helvetica,verdana,sans-serif;
  color: #444;
  padding: 0 30px;
  text-align: left;
}

#article_meta {
  margin-bottom: 15px;
  color: #666;
}

#article .entry h2 {
  font-size: 1.85em;
  padding-top: 20px;
  padding-bottom: 0px;
  border: 0;
  color: #000;
  line-height: 1.2em;
  color: #333;
}

.main_story {
  margin-right: 40px;
  /* Must match .story_title margin-right value */
  margin-bottom: 40px;
  width: 205px;
  min-height: 80px;
  float: left;
  list-style-type: none;
  position: relative;
  z-index: 0;
  text-align: center;
}

.main_story img {
  position: relative;
  margin: 0 auto;
}

.main_story h3 {
  font-size: 1.4em;
  color: #004292;
}

.main_story small {
  margin-bottom: 10px;
}



.more-link {
  color: #3284BF;
  text-transform: uppercase;
  font-weight: bold;
  text-align: right;
  white-space: nowrap;
}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
  border: none;
}

.entry_content ul, .entry_content ol {
  margin: 0 0 30px 80px;
  font-size: 1.1em;
}


.entry {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
}

.entry_content {
  width: 100%;
}

.entry h3 {
  font-family: 'Century Gothic', Helvetica, Arial, sans-serif;
  font-size: 1.8em;
  color: #333;
  padding: 5px 0;
  line-height: 1.2em;
}

.entry p {
  margin: 0 0 15px 0;
  font-family: Arial, Helvetica, sans-serif;
}

.bus-content{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  line-height: 22px;
  color:black;
}

.entry ol, .entry ul {
  margin: 0 0 30px 80px;
  font-size: 1.1em;
}

.entry .indented-p {
  margin-left: 100px;
}

.attachment-post-thumbnail {
  margin: 0 auto;
  width: 180px;
  height: 180px;
  position: relative;
}

#page .attachment-post-thumbnail {
  float: left;
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 160px;
  height: 160px;
}

.attachment-featured_thumb_540x280 {
  margin-bottom: 25px;
}

.edit_entry {
  font-size: 10px;
}

/* Responsive video embed */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Single Entries */
#article_title {
  font: normal normal normal 3em 'Myriad Pro',helvetica,arial,san-serif;
  font-weight: bold;
  font-size: 2.6em;
  border-bottom: 2px solid #e7e7e7;
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: #000;
}

#cat_list {
  width: 339px;
  margin-bottom: 20px;
  margin-right: 20px;
  padding-top: 20px;
  float: right;
  background-color: #fff;
  border: 1px solid #979797;
}

#cat_list h2 {
  margin: 25px 0 10px 0;
}

#cat_list .cat_article {
  margin-bottom: 15px;
  margin-left: 20px;
  margin-right: 20px;
  color: #808080;
  font-size: 1.0em;
}

.cat_article h3 a {
  font-family: Helvetica, Arial, sans-serif;
  color: #333;
  font-weight: bold;
  font-size: 1.1em;
  line-height: 1.25em;
}

#cat_list .clearall {
  width: 200px;
  margin-top: 5px;
}

#tag_list {
  width: 339px;
  margin-bottom: 20px;
  margin-right: 20px;
  padding-top: 20px;
  float: right;
  background-color: #fff;
  border: 1px solid #979797;
}

#tag_list h2 {
  margin: 25px 0 10px 0;
}

#tag_list .tag_article {
  margin-bottom: 15px;
  margin-left: 20px;
  margin-right: 20px;
  color: #808080;
  font-size: 1.0em;
}

.tag_article h3 a {
  font-family: Helvetica, Arial, sans-serif;
  color: #333;
  font-weight: bold;
  font-size: 1.1em;
}

#tag_list .clearall {
  width: 200px;
  margin-top: 5px;
}

/* PAGE */
#page {
  padding: 15px 45px 0 45px;
  text-align: left;
}

#page .entry {
  margin: 10px 0;
  font-family: 'Georgia', 'Times New Roman', serif;
  font-size: 1.2em;
}

#page .clearall {
  width: 400px;
  margin-bottom: 15px;
  border-top: solid 0px #999;
}

#page .entry img {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  max-width: 460px;
}

#page ul {
  line-height: 1.6em;
}

#page li {
  margin-bottom: 5px;
  margin-top: 5px;
}

#page h2 {
  line-height: 1.2em;
}

#page_title {
  font-size: 3.0em;
  border-bottom: 3px solid #e7e7e7;
  padding-bottom: 10px;
}

#page .entry h2 {
  font-size: 1.85em;
  padding-top: 0px;
  padding-bottom: 0px;
  border: 0;
  color: #333;
}

#page h3 {
  font-family: 'Century Gothic', Helvetica, Arial, sans-serif;
  font-size: 1.8em;
  color: #333;
  padding: 5px 0;
  line-height: 1.2em;
}

#page h4 {
  font-weight: normal;
  font-size: 1.4em;
  margin-top: 10px;
  line-height: 1.3em;
}

#page h5 {
  font-weight: normal;
  font-size: 1.0em;
}

.spacer_ {
  display: none;
}

hr {
  color: #e7e7e7;
  height: 1px;
  margin-top: 30px;
  margin-bottom: 10px;
  border:none;
  background-color: #ccc;
}

/* SIDEBAR */
#sidebar {
  width: 340px;
  padding: 25px 0;
  float: right;
}

#volunteer_box {
  width: 370px;
  margin: 25px 0;
  float: right;
  background-color: #e6e6e6;
  border: 1px solid #333;
  positon: relative;
}

#volunteer_box h2 {
  margin-bottom: 25px;
  font-family: 'century gothic',helvetica,verdana,sans-serif;
  font-weight: normal;
  font-size: 3em;
  border: none;
}

#volunteer_form {
  padding: 25px;
  text-align: left;
}

#volunteer_form input {
  margin-bottom: 15px;
}

/* Front Page Pagination */
.paginationNav {
  margin: 10px auto;
  text-align: center;
}

.paginationContainter {
  margin: 0 auto;
  display: table;
}


.pageNumber {
  float: left;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  line-height: 20px;
  border: solid 1px #ccc;
  display: table-cell;
  vertical-align: middle;
}

.paginatePrevious {
  width: 60px;
  height: 20px;
  float: left;
  margin-right: 5px;
  line-height: 18px;
  border: solid 1px #ccc;
  display: block;
}

.paginateNext {
  width: 60px;
  height: 20px;
  float: left;
  line-height: 18px;
  border: solid 1px #ccc;
  display: block;
}

/* Volunteer Menu */
/* Search Mini Menu Form */
#search-menuform {
  position: absolute;
  left: 295px;
  width: 500px;
  z-index: 85;
  height: 150px;
  display: block;
  background-color: #000;
  text-align: left;
  top: 40px;
  border-top: 5px #3284bf solid;
  -moz-box-shadow: 0 0 27px black;
  -webkit-box-shadow: 0 0 27px black;
  box-shadow: 0 0 27px black;
  margin-top: -1px;
}

.desktop #search-menuform-form {
  position: relative;
  float: left;
  z-index: 85;
  color: white;
  background-color: #000;
  display: block;
  width: 280px;
  height: 150px;
}

.desktop .search-menuform-form-content {
  margin: 15px;
}


#search-menuform-upcoming {
  z-index: 85;
  color: white;
  background-color: #1d4c6e;
  width: 180px;
  height: 220px;
  display: block;
  float: right;
}

.search-menuform-upcoming-content {
  margin: 15px;
}

.desktop .search-menuform-header {
  font-size: 1.6em;
  display: inline-block;
  font-weight: bold;
  border-bottom: 2px white solid;
}


.search-menuform-form-content li{
  height: 22px !important;
}

.search-menuform-subhead {
  font-size: 1.2em;
  display: block;
  font-weight: bold;
}

/* FOOTER */
#footer {
  border-top: 3px solid #4f4f4f;
  background-color: #3d3d3d;
  width: 100%;
  padding: 10px 0 10px 0;
  color: #c7c7c7;
  clear: both;
}

#footer_content {
  width: 930px;
  height: 60px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1.3em;
}

#footer_content a {
  color: #fff;
}

#footer_links {
  float: right;
}

/*
// EVENT SEARCH STUFF
*/
#event-search-home {
  width: 300px;
  margin: 27px 20px 20px 0;
  float: right;
  padding: 20px;
  border: solid 1px #666;
  background-color: #666;
  positon: relative;
  text-align: center;
  z-index: 1;
}

#event-search {
  width: 300px;
  margin: 14px 20px 20px 0;
  float: right;
  padding: 20px;
  border: solid 1px #666;
  background-color: #666;
  positon: relative;
  text-align: center;
  z-index: 1;
}

#event-box-home {
  height: 13px;
  background: transparent;
}

#event-search-single {
  width: 300px;
  /* Changed from 297 before launch. */
  margin: 30px 20px 20px 0;
  float: right;
  padding: 20px;
  border: solid 1px #666;
  background-color: #666;
  positon: relative;
  text-align: center;
  z-index: 1;
}

#submit_button input {
  color: #fff;
  background: dimgray;
  border: 1px solid dimgray;
  text-transform: normal;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
}

#submit_button input:hover {
  color: #fff;
  background: #3284bf;
  border: 1px solid #3284bf;
}

.search-when {
  width: 175px;
  border: 1px solid #979797;
  font-family: Helvetica, Arial, sans-serif;
  margin-top: 5px;
}

.event-block .text-box {
  color: #333;
  font-family: Helvetica, Arial, sans-serif;
  margin-top: 5px;
  padding: 0 5px;
}

.event-heading {
  font-family: Helvetica, Arial, sans-serif;
  border-bottom: 1px solid #ffc425;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 1.7em;
  text-align: left;
  margin: 0px auto 15px auto;
  color: #fff;
  padding-bottom: 10px;
  letter-spacing: 0.0em;
}

.facebook-heading {
  font-family: Helvetica, Arial, sans-serif;
  border-bottom: 1px solid #ffc425;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 1.65em;
  text-align: left;
  margin: 10px auto 10px auto;
  color: #3d3d3d;
  padding-bottom: 10px;
}

#event-home {
  margin-top: 10px;
}

.label {
  font-size: 1.2em;
}

.radio {
  margin-right: 10px;
}

.event-block {
  display: table-cell;
  vertical-align: middle;
  height: 20px;
  font-size: 1.0em;
  width: 200px;
  font-family: Helvetica, Arial, sans-serif;
  color: #fff;
}

.event-submit {
  background: #ffc425 url("static/images/button-go-ylw.gif") -1px -1px no-repeat;
  width: 110px;
  height: 110px;
  font-weight: bold;
  font-size: 3em;
  color: #fff;
  float: right;
  border: 0;
}

.event-submit:hover {
  background: #3284bf url("static/images/button-go.gif") -1px -1px no-repeat;
  border: 0;
}

#submit_event_button {
  width: 120px;
  margin-top: 29px;
}

.event-results-text {
  font-size: 1.1em;
  margin-bottom: 10px;
}

.text-box {
  border: 1px solid #979797;
  width: 162px;
}

#eventshow {
  text-align: right;
}

/*
// FACEBOOK STUFF
*/
#facebook {
  width: 320px;
  margin: 0px 20px 20px 0;
  float: right;
  padding: 10px;
  border: solid 1px #979797;
  background-color: #fff;
  positon: relative;
  text-align: center;
  display: none;
}

#facebook-fans {
  width: 342px;
  margin: 0px 20px 20px 0;
  float: right;
  padding: 0px;
  border: solid 1px #979797;
  background-color: #fff;
  positon: relative;
  text-align: center;
}

.facebook-post-entry {
  text-align: left;
}

.facebook-post-entry img {
  margin-left: 30px;
  margin-top: 5px;
}

#facebook h2 {
  border: none;
  text-transform: none;
  font-weight: normal;
  text-align: right;
  font-size: .9em;
}

#facebook_single {
  width: 530px;
  margin: 20px 0 20px 20px;
  float: left;
  padding: 10px;
  border: solid 1px #979797;
  background-color: #fff;
  positon: relative;
  text-align: center;
}

#facebook_single h2 {
  border: none;
  text-transform: none;
  font-weight: normal;
  text-align: right;
  font-size: .9em;
}

#display {
  position: relative;
  margin-bottom: 15px;
  text-align: center;
}

#fbmsg {
  padding: 5px;
  background-color: #eee;
  font: normal normal normal 1em/1.1em helvetica,arial,sans-serif;
  color: #666;
  overflow: hidden;
}

#optmat {
  margin-top: 5px;
  border-top: solid 1px #ccc;
  display: none;
  padding: 5px;
  text-align: right;
}

#openclose {
  font-weight: bold;
  color: #09F;
  margin-top: 5px;
  cursor: pointer;
}

#submit_button {
  margin-top: -10px;
}

.fbcomments {
  width: 300px;
}

.user_profile_pic {
  margin-right: 0px;
  position: relative;
  width: 80px;
  height: 80px;
  top: -20px;
  left: -20px;
  z-index: 10;
  float: left;
  overflow: hidden;
}

#facebook-posts img {
  max-width: 338px;
}

.facebook-post-entry {
  border-top: solid 1px #efefef;
  padding: 10px 0 15px 0;
}

.quote-hack {
  font: normal normal normal 6em/0 'Georgia',times,serif;
  float: left;
  position: relative;
  top: 20px;
  color: #3284BF;
}

.facebook-entry-text p {
  margin-left: 30px;
  font: normal normal normal 1.5em/1.2em 'times new roman',times,serif;
  text-align: left;
}

.post-profile-info {
  font: bold 1.1em helvetica,arial,sans-serif;
  text-align: right;
  margin-left: 110px;
  margin-top: 10px;
}

.commentor-profile-pic {
  float: right;
  margin-left: 10px;
  width: 25px;
  height: 25px;
}

.time-ago {
  font-weight: normal;
  color: #808080;
}

.shadow-it {
  -moz-box-shadow: 2px 2px 4px #ccc;
  -webkit-box-shadow: 2px 2px 4px #ccc;
  box-shadow: 2px 2px 4px #ccc;
  /* For IE 8 */
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; */
  /* For IE 5.5 - 7 */
  /* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc'); */
}

#leftside {
  float: left;
  position: relative;
  width: 555px;
}

#rightside {
  float: right;
  position: relative;
}

/* FB MAP Styles YOH */
.uploadfilebutton {
  position: relative;
  width: 20px;
  height: 15px;
  overflow: hidden;
  float: right;
  padding: 5px;
}

.file_input_hidden {
  font-size: 30px;
  position: absolute;
  right: 0px;
  top: 0px;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  -khtml-opacity: 0;
  -moz-opacity: 0;
}

#fileName {
  padding: 5px;
}

#fbmsg {
  border: 1px solid dimgray;
}

#facebook-connect {
  padding: 5px;
  text-align: right;
}

#hours {
  padding: 5px;
  background-color: #eee;
  font: normal normal normal 1em/1.1em helvetica,arial,sans-serif;
  color: #666;
  border: 1px solid dimgray;
  width: 240px;
  margin: 5px 0px;
}

#location {
  padding: 5px;
  background-color: #eee;
  font: normal normal normal 1em/1.1em helvetica,arial,sans-serif;
  color: #666;
  border: 1px solid dimgray;
  /* width:240px; */
  /* margin:5px 0px; */
  margin: 0;
}

#tag {
  padding: 5px;
  background-color: #eee;
  font: normal normal normal 1em/1.1em helvetica,arial,sans-serif;
  color: #666;
  border: 1px solid dimgray;
  width: 240px;
  margin: 5px 0px;
}

#map_container {
  width: 337px;
  height: 180px;
  border: 1px solid gray;
  text-align: right;
  margin-left: 155px;
  margin-top: 10px;
  margin-bottom: 20px;
}

#map_canvas {
  width: 337px;
  height: 180px;
}

#event-form .clearall {
  margin-bottom: 0px;
}

#event-form #submit_select {
  padding-top: 0px;
}

#subNav {
  width: 339px;
  margin-bottom: 20px;
  margin-right: 20px;
  padding-top: 20px;
  float: right;
  background-color: #fff;
  border: 1px solid #979797;
}

#subNav ul {
  margin: 0 auto;
  padding: 5px 20px 15px 20px;
}

#subNav ul li {
  list-style-type: none;
  margin: 10px auto;
}

#subNav h3.parent {
  font-size: 1.6em;
  line-height: 1.25em;
  color: #333;
  font-weight: normal;
}

#subNav h3.child {
  margin-left: 0px;
  font-weight: normal;
}

#subNav h3.child:hover {
  text-decoration: underline;
}

#subNav h3 a {
  font-family: Helvetica, Arial, sans-serif;
  color: #333;
  font-weight: bold;
  font-size: 1.1em;
  line-height: 1.25em;
}

#subNav .clearall {
  width: 200px;
  margin-top: 5px;
}

#subNav #subNavHead {
  margin-left: -10px;
  padding: 5px;
  font: normal bold normal 1.3em helvetica,verdana,sans-serif;
  text-transform: uppercase;
  color: #333;
  text-align: left;
  position: relative;
  z-index: 60;
  background-color: #e6e6e6;
  border: 1px solid #333;
  width: 250px;
  margin-top: -10px;
  margin-bottom: 10px;
}

#subNav #subNavHead a {
  color: #333;
}

/* Flickr Plugin */
.flickr-mini-gallery-thumb {
  max-width: 75px;
  padding: 2px;
}

ol li {
  margin-bottom: 15px;
}

/* CSS for event meta on single event page. */
.postEventInfo {
  font-size: .95em;
  line-height: 1.5em;
  margin-bottom: 10px;
  color: #333;
  font-family: Helvetica, Arial, sans-serif;
}

.postEventOn {
  color: #999;
  font-family: Helvetica, Arial, sans-serif;
  font-size: .95em;
}

.trackable_sharing {
  border-top: 2px solid #E7E7E7;
  margin-top: 20px;
  padding-top: 20px;
  text-align: right;
  display: none;
}

/* BEGIN: AU CSS */
#TEST_Nav {
  /* Define black bar for 100% width */
  width: 100%;
  height: 40px;
  background: #3284BF;
  z-index: 1000;
  text-align: center;
}


#TEST_NavContent {
  /* 960px width for everything inside test_nav */
  margin: 0 auto;
  width: 960px;
  height: 40px;
  text-align: left;
}

#TEST_Logo{
/* abs positioned above test_nav, 160px. everything else should be 800px */
  width: 260px;
  height: 40px;
  display: block;
  position: absolute;
  margin-left: 0;
  float: left;
  border: none; 
  text-decoration: none; 
  color:white; 
  font-size:40px; 
}

#TEST_LogoImage {
  /* abs positioned above test_nav, 160px. everything else should be 800px */
  width: 160px;
  height: 90px;
  display: block;
  background: #3284bf;
  position: absolute;
  margin-left: 0;
  background-position: -7px -10px;
  float: left;
}



#TEST_LogoImage:hover {
  -moz-box-shadow: 0 0 27px black;
  -webkit-box-shadow: 0 0 27px black;
  box-shadow: 0 0px 17px black;
  transition: .2s;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
}

#TEST_NavMenu {
  width: 600px;
  margin-left: 370px;
  position: absolute;
  z-index: 500;
}

.menu-default-menu-container {
  display: block;
  float: right;
  cursor: default;
}

#TEST_NavMenu .menu {
  /* Refers to 'ul' class. */
  text-align: left;
  font-size: 1.2em;
  font-family: Myriad Pro, sans-serif;
  color: #fff;
  text-transform: uppercase;
}

/* Mobile Menu */
.hamburger {
  width: 32px !important;
  height: 32px !important;
  float: right;
  padding-right: 10px;
  position: relative;
  top: 20px;
  cursor: pointer;
  display: none;
  z-index: 100000000000;
}

.hamburger span, .hamburger span:before, .hamburger span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 3px;
  width: 25px;
  background: #eee;
  position: absolute;
  display: block;
  content: '';
}

.active .hamburger span,
.active .hamburger span:before,
.active .hamburger span:after {
  background: #3496DD;
}
.hamburger span:before {
  top: -8px;
}

.hamburger span:after {
  bottom: -8px;
}


.menuActive{
  position: absolute;
  cursor:pointer;
}

.menu-default-menu-container ul li a:hover {
  cursor: default;
  /*BLIN: cursor fix.  this disables "click hand" on navigation bar*/
}

.menu-default-menu-container ul li ul li a:hover {
  cursor: pointer;
  cursor: hand;
  /*BLIN: cursor fix.  this enables pointer/hand on the elements within the drop down menu */
}

#TEST_NavMenu ul {
  list-style-type: none;
  margin: 0;
  font-family: Myriad Pro, Arial, Helvetica, sans-serif;
}

#TEST_NavMenu ul li {
  list-style-type: none;
  margin: 0;
  font-family: Myriad Pro, Arial, Helvetica, sans-serif;
}

#TEST_NavMenu ul ul {
  display: none;
  /* Toggle to hide/show hover menus. */
  z-index: 90;
}

#TEST_NavMenu .menu li li {
  /* Refers to 'ul' class. */
  float: left;
}

/* OH: 90% smartphones, 50-60 ios/40-30 android; */
#TEST_PageTitle {
  width: 960px;
  margin: 0 auto;
  /*padding-top: 60px;
  padding-bottom: 20px;*/
}


#post-title {
  width: 718px;
}

#searchBox {
  position: relative;
  float: right;
  height: 20px;
  font-size: 11pt;
  margin-top: -34px;
}



.TEST_PageTitleText {
  text-align: left;
  font-family: 'Lato', Arial, Helvetica, sans-serif;
  font-size: 4.6em;
  font-weight: bold;
}

#TEST_Container {
  width: 100%;
  background: #fff;
  z-index: 10;
  border-top: 1px solid #E7E7E7;
  padding-top: 25px;
}

#TEST_HeaderImage {
  background-image: url("http://farm5.static.flickr.com/4146/5018112623_e7510ae873_o.jpg");
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
  width: 960px;
  /* Expanded from 960px */
  height: 280px;
  overflow: hidden;
}

#TEST_Content {
  margin: 10px auto;
  width: 960px;
  display: block;
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
}


/* Begin: CSS for Search Results Page */
#TEST_SearchParameters {
  width: 200px;
  background: #fff;
  float: left;
  font-size: 1.3em;
}

.TEST_SearchMenu ul {
  list-style-type: none;
  margin-left: 20px;
  margin-top: 10px;
}

.TEST_SearchMenu ul li {
  padding-top: 2px;
  padding-bottom: 2px;
}

.TEST_SearchMenu a {
  color: #333;
  cursor: pointer;
}

.TEST_SearchMenu a:hover {
  text-decoration: underline;
}

.TEST_SearchMenu {
  margin-top: 20px;
}

.TEST_SearchTitle {
  font-size: 1.1em;
}

#TEST_SearchResults {
  margin: 0 auto;
  width: 739px;
  padding: 0;
  display: block;
  background: #fff;
  float: right;
}

/* End: CSS for Search Results Page */
/* Begin: CSS for General Pages */
#TEST_MainContent {
  width: 680px;
  background: #fff;
  display: block;
  float: left;
  margin-bottom: 15px;
}

#TEST_Sidebar {
  margin: 20px auto 10px auto;
  width: 256px;
  padding: 0;
  display: block;
  background: #f7f7f7;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  text-align: left;
  position: relative;
}

#TEST_Sidebar ul {
  list-style-type: none;
  margin-left: 20px;
}

.TEST_SideTitle {
  font-family: 'Titillium Web',Arial,Helvetica,sans-serif;
  font-size: 125%;
  text-transform: uppercase;
  padding-top: 15px;
  border-top: 1px solid #ccc;
  color: #333;
  margin-bottom: 15px;
}

.TEST_SideQuickLinks {
  margin-top: 10px;
}

.TEST_SideGetInvolved {
  margin-top: 10px;
  margin-left: 10px;
}

.TEST_SideSocialMedia {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.TEST_SideSocialMediaIcon {
  display: none;
  width: 30px;
  height: 30px;
  background: red;
  position: relative;
  float: left;
  margin-left: 10px;
}

/* End: CSS for General Pages */
/* Begin: CSS for Posts */
#TEST_FeaturedPost {
  display: none;
  width: 680px;
  margin-left: 10px;
  margin-top: 10px;
  overflow: hidden;
  background: #fff;
  border-bottom: 4px #f7f7f7 solid;
}

.TEST_FeaturedImage {
  background-repeat: none;
  background-position: center;
  overflow: hidden;
  margin: 0;
  height: 300px;
  width: 460px;
  position: absolute;
}

.TEST_FeaturedTitleBlock {
  position: absolute;
  margin-top: 10px;
  margin-left: -20px;
  display: block;
  width: 230px;
  height: 30px;
  background: #3284bf;
  /* Set the type */
  color: #fff;
  font-size: 1.6em;
}

#TEST_RecentPosts {
  text-align: left;
}

#TEST_RecentPosts {
  font-size: 12px;
}

.TEST_Entry {
  display: block;
  background: #fff;
  border-bottom: 1px #ccc dotted;
  position: relative;
  margin-top: 15px;
  padding: 0 10px;
  box-sizing: border-box;
}

.TEST_EntryImage {
  float: left;
  margin: 10px;
  position: relative;
  display: block;
  width: 180px;
  margin-right: 30px;
}


.TEST_Entry2 {
  display: block;
  width: 680px;
  height: 230px;
  margin-left: 10px;
  margin-top: 10px;
  overflow: hidden;
  background: #fff;
}

.TEST_EntryImage2 {
  float: left;
  margin: 10px;
}

/* End: CSS for Posts */
#TEST_Footer {
  width: 100%;
  height: 290px;
  margin: 0;
  padding: 0;
  background: #3284BF;
}



#TEST_FooterContent {
  width: 960px;
  margin: 0 auto;
  text-align: left;
  font-size: 1.3em;
  color: #fff;
  padding-top: 45px;
  padding-bottom: 45px;
}

#TEST_FooterContent .footer-title {
  display: block;
  margin-bottom: 15px;
  color: #f7f7f7;
  font-family: 'Titillium Web',Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  font-weight: normal;
}

#TEST_FooterContent a {
  color: #fff054;
  font-weight: bold;
}

#TEST_FooterContent a:hover {
  color: #fff;
  text-decoration: none;
}

#TEST_FooterContent ul {
  list-style-type: none;
  margin-top: 15px;
  line-height: 1.8em;
}

#TEST_FooterSection1 {
  width: 289px;
  padding-right: 20px;
  height: 200px;
  float: left;
  display: block;
  background: #3284BF;
  border-right: 1px solid #FFF;
}

#TEST_FooterSection2 {
  width: 340px;
  padding-left: 30px;
  padding-right: 30px;
  height: 200px;
  float: left;
  display: block;
  background: #3284BF;
}

#TEST_FooterSection2 .center-p {
  margin-bottom: 15px;
}

#TEST_FooterSection3 {
  width: 229px;
  padding-left: 20px;
  height: 200px;
  float: left;
  display: block;
  background: #3284BF;
  text-align: right;
  border-left: 1px solid #FFF;
}

#TEST_FooterEnd {
  width: 100%;
  height: 40px;
  background: #f7f7f7;
  margin: 0 auto;
}


#TEST_FooterEnd a {
  text-decoration: none;
  color: #3284bf;
  font-weight: bold;
}

#TEST_FooterEndContent {
  width: 960px;
  margin: 0 auto;
  padding-top: 10px;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2em;
}

#TEST_FooterEndLeft {
  width: 480px;
  text-align: left;
  float: left;
}

#TEST_FooterEndRight {
  width: 480px;
  text-align: right;
  float: right;
}

.TEST_FeaturedEntryTitle a {
  color: #333;
}

.TEST_FeaturedEntryTitle a:hover {
  color: #3284bf;
  text-decoration: none;
}

.TEST_FeaturedEntryText {
  display: block;
  width: 300px;
  height: 200px;
  float: left;
  text-align: left;
}

.TEST_FeaturedEntryText p {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 300px;
  font-size: 1.2em;
}

.TEST_FeaturedEntryText p a {
  text-transform: uppercase;
  font-weight: bold;
  font-size: .95em;
  margin-left: 5px;
  color: #3284bf;
  padding-left: 4px;
}

.TEST_EntryTitleLink a {
  color: #333;
}

.TEST_EntryTitleLink a:hover {
  color: #3284bf;
  text-decoration: none;
}

.entryText {
  display: block;
  margin-top: 15px;
  margin-bottom: 25px;
  float: right;
  width: 440px;
}


.entry_text p {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 600px;
  display: block;
  height: 100px;
}

.entry_text p a {
  text-transform: uppercase;
  font-weight: bold;
  font-size: .95em;
  margin-left: 5px;
  color: #3284bf;
  padding-left: 4px;
}

.entry_text .trackable_sharing {
  display: none;
}

.TEST_Entry_Rightside {
  display: block;
  position: relative;
  width: 460px;
  float: right;
}

.TEST_Entry_Rightside_Spotlight {
  display: block;
  position: relative;
  width: 580px;
  float: right;
}

#eventSubmitForm {
  width: 960px;
}


.eventSubmitTitle {
  font-weight: bold;
  display: block;
}

.event_submit_divclass {
  margin-top: 15px;
  background-color: #e7e7e7;
  padding: 15px;
}

.org_submit_divclass {
  margin-top: 15px;
  background-color: #e7e7e7;
  padding: 15px;
}

/* END: AU CSS */
/* BEGIN: Navigation bar for FB users */
#linkList_All {
  text-align: left;
}

#linkList_Opportunities {
  list-style-type: none;
  background-color: #fff;
  display: block;
  width: 180px;
  margin: 0;
  padding: 0;
}

#linkList_Opportunities li {
  padding: 5px 10px;
  color: #ccc;
  font-size: 1.3em;
  font-family: Arial, Helvetica, sans-serif;
}

#linkList_Opportunities li:hover {
  background-color: #efefef;
}

#linkList_Opportunities a {
  color: #3284bf;
  text-decoration: none;
}

#linkList_Opportunities span {
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 20px;
  padding-bottom: 10px;
  display: block;
  font-size: 1.4em;
  font-weight: bold;
}

#linkList_Additional {
  list-style-type: none;
  background-color: #fff;
  display: block;
  width: 180px;
  margin: 0;
  padding: 0;
}

#linkList_Additional li {
  padding: 5px 10px;
  color: #ccc;
  font-size: 1.3em;
  font-family: Arial, Helvetica, sans-serif;
}

#linkList_Additional a {
  color: #000;
  text-decoration: none;
}

#linkList_Additional a:hover {
  text-decoration: underline;
}

#linkList_Additional span {
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 20px;
  padding-bottom: 10px;
  display: block;
  font-size: 1.4em;
  font-weight: bold;
}

/* END: Navigation bar for FB users */
/* Slider Styles */
.slider_it {
  margin-top: 10px;
  margin-bottom: 40px;
}


.home .huge_it_slideshow_dots_thumbnails_1 {
  bottom: -30px;
  text-align: left;
  top: inherit;
}

.home .huge_it_slideshow_dots_1 {
  margin: 10px 3px;
}

.home .huge_it_slideshow_dots_1.huge_it_slideshow_dots_deactive_1 {
  background: #CCCCCC;
}

.home .huge_it_slideshow_dots_1.huge_it_slideshow_dots_active_1 {
  background: #3284bf;
}

/* End slider styles */
/* START: Help tips for add/edit submissions pages. */
.helpBoxDiv {
  display: none;
  position: absolute;
  width: 200px;
  padding: 10px;
  background: #efefef;
  font-size: .8em;
  margin-left: 567px;
  border-radius: 20px;
}

p.helpBoxText {
  font-size: 1.1em;
  line-height: normal;
  margin-top: 5px;
  margin-bottom: 5px;
}

.oppTitle {
  margin-top: -41px;
}

.oppLocation {
  margin-top: -41px;
}

.oppDescription {
  margin-top: -175px;
}

.oppTags {
  margin-top: -41px;
}

.oppURL {
  margin-top: -41px;
}

/* END: Help tips for add/edit submissions pages. */
/* BEGIN: Dropdown menu */
.selectTime {
  display: inline;
  position: relative;
}

#startTime {
  width: 90px;
}

#endTime {
  width: 90px;
}

#startTime-dropdown, #endTime-dropdown {
  height: 100px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 94px;
  background-color: #fff;
  font-size: .8em;
  margin-left: 22px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  position: absolute;
  top: 20px;
  z-index: 1000;
  display: none;
}

#startTime-dropdown:focus, #endTime-dropdown:focus {
  outline: none;
}

.dropdownItem {
  padding: 5px;
  line-height: 1.23em;
  cursor: default;
}

.dropdownSelected {
  color: #000;
  background: #efefef;
  display: block;
}

/* END: Dropdown menu */
/* BEGIN: Search Suggestions */
.searchSuggestionCol div:hover {
  background-color: #efefef;
  cursor: pointer;
}

.searchSuggestionCol div {
  font-weight: bold;
}

#blackBackground {
  background-color: #000;
  display: none;
  position: fixed;
  opacity: .8;
  margin: 0;
  padding: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 550;
}

#searchSuggestionsBox {
  z-index: 600;
  display: none;
  width: 560px;
  height: 360px;
  background-color: #fff;
  border: 5px solid #e7e7e7;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .9em;
  margin: 0 auto;
  text-align: center;
  padding: 20px;
  position: fixed;
  top: 15%;
  left: 50%;
  margin-left: -280px;
}

.searchSuggestionItem {
  padding: 5px;
  margin: 2px;
}

/* END: Search Suggestions */
/* BEGIN: Adjust map size on single.php */
#map {
  width: 638px;
  /* Max width for content section = 610px, but this has 1px borders l/r */
}

/* END: Adjust map size on single.php */
.postOppSession p {
  margin: 0;
  padding: 0;
}

.postOppItem {
  margin: 0;
  padding: 0;
}

.learnMoreAbout {
  padding: 10px 0;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  font-size: 1.2em;
  font-family: Georgia, 'Times New Roman', serif;
  font-style: italic;
}

#aboutOrgTitle {
  font-weight: bold;
  font-size: 1.1em;
  display: block;
  padding-bottom: 10px;
}

#aboutOrg {
  display: block;
  width: 620px;
  padding: 10px;
  background-color: #f7f7f7;
  margin: 20px 0;
  border-top: 1px solid #ccc;
}

#aboutOrg p {
  margin: 0;
  padding: 0;
}

/* BEGIN: CSS for featured image (stories) */
.leftthumb {
  float: left;
  padding-right: 15px;
  padding-bottom: 15px;
}

/* END: CSS for featured image (stories) */
#articleSourceData {
  display: none;
}

#navigationForPage ul {
  list-style-type: none;
}

#navigationForPage ul li {
  display: inline;
}

.current_page_item a {
  color: red;
}

.opgratPhoto {
  height: 225px;
  float: left;
}

/* Begin social media icons */
.TEST_SocialMedia {
  padding-bottom: 30px;
}

#socialSection {
  list-style-type: none;
  margin-top: 5px;
  padding-left: 5px;
}

.socialIcon {
  float: left;
  margin-top: 2px;
  margin-bottom: 2px;
  display: block;
  height: 18px;
  width: 18px;
  margin-right: 5px;
}

.socialIconLrg {
  float: left;
  margin: 2px;
  display: block;
  padding-right: 4px;
  padding-left: 0px;
}

a:first-child > .socialIconLrg, a:nth-child(5) > .socialIconLrg {
  width: 40px;
  top: -2px;
  position: relative;
  margin-right: -5px;
  margin-left: -1px;
}

.socialLink {
  font-size: 1.0em;
  height: 26px;
}

.socialLink a {
  padding-top: 3px;
  display: block;
}

#getInvolvedLinks {
  margin-top: 10px;
}

#getInvolvedLinks li {
  padding: 5px 0;
}

#upcoming-list a {
  color: #fff;
}

.menuform-ps {
  font-size: 1.3em;
}

.menuform-ps li {
  margin-left: 15px;
}

/* YK: Begin map stuff */
.searchMiniMap_toggle {
  z-index: 600;
  display: none;
  width: 560px;
  height: 360px;
  background-color: #fff;
  border: 5px solid #e7e7e7;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .9em;
  margin: 0 auto;
  text-align: center;
  padding: 20px;
  position: fixed;
  top: 15%;
  left: 50%;
  margin-left: -280px;
}

h1.fontface {
  font: 60px/68px 'Lato', Arial, sans-serif;
  letter-spacing: 0;
}

p.style1 {
  font: 18px/27px 'Lato', Arial, sans-serif;
}

h1.featured_title, h1.featured_title a {
  font: 30px 'Lato', Arial, sans-serif;
  /*letter-spacing: -0.04em;
  font-weight: bold;*/
  color: #000;
  margin-top: 5px;
}

h1.entry_title, h1.entry_title a {
  font-size: 2.7em;
  line-height: 1.1;
  font-family: 'Lato', serif;
  color: #3284bf;
  margin-top: 30px;
  margin-bottom: 20px;
  font-weight: bold;
  /*added bc I hate the titles*/
  display: block!important;
}

.featured_info {
  font-size: .9em;
  display: inline-block;
  padding: 3px;
  margin-top: 5px;
  margin-bottom: 0px;
  background-color: #efefef;
}

.featured_info.no_thumb {
  margin-left: 220px;
}


.blockQuote {
  margin: 20px 0;
  line-height: 1.6em;
  font-size: 1.4em;
  color: #777;
  font-family: 'Titillium Web',Arial,Helvetica,sans-serif;
}

.blockQuoteStrong {
  margin: 20px 0;
  line-height: 1.6em;
  font-size: 1.4em;
  color: #777;
  font-family: rial,Helvetica,sans-serif;
}

.fullTextBlock {
  border-top: 1px solid #ccc;
  text-align: left;
  font-size: 1.2em;
  margin-bottom: 15px;
  font-family: ans-serif;
  margin-top: 40px;
}

.fullTextBlock2 {
  text-align: left;
  font-size: 1.3em;
  padding-left: 40px;
  border-left: 5px #3284BF solid;
  font-family: 'Titillium Web',sans-serif;
  margin-top: 40px;
  line-height: 1.5em;
}

.entry_content .fullTextBlock2 ul, .entry_content .fullTextBlock2 ol {
  margin: 0;
}

.fullTextBlock2 li {
  margin: 0 0 5px 30px;
}

.entry_content p {
  color: black;
  margin-left: 0px;
}


.entry_content iframe {
  margin-left: 0px;
}

.entry_content .youtube-player {
  margin-left: 0px;
}

/* remove yellow outline on focused text boxes */
input[type="text"], input[type="password"], textarea, select {
  outline: none;
}

img.expandFullWidth {
  margin-left: -100px;
}

.fullWidthLine {
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  padding: 15px 0;
}

.fullWidthTitle {
  font-size: 1.4em;
  font-family: 'Titillium Web';
  color: #666;
  font-weight: normal;
  border-top: 1px solid #ccc;
  padding: 15px 0;
  line-height: 1.6em;
  margin-top: 40px;
}

#recentPostsContainer {
  width: 640px;
  margin-left: 100px;
}

#recentPostsSection {
  margin-left: 100px;
}

.recentPostsContainer {
  margin-left: 0px;
}


#site_assignment {
  font-family: 'Titillium Web',Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size: 1.0em;
}

.recentPostEntry .more-link {
  display: none;
}

a.noUl:hover {
  text-decoration: none;
  color: #004292;
}

span.butTurn {
  color: #000;
  height: 17px;
  display: block;
  float: left;
  margin: -15px 10px 10px 0;
  padding: 8px;
  font-size: 13pt;
  cursor: pointer;
  border: 2px solid #FFF;
}

span.butTurn:hover {
  color: #0055ab;
  border-bottom: 1px solid #0055ab;
}

span.selectBut {
  color: #3284BF;
  border: 2px solid #FFF;
  border-bottom: 1px solid #0055ab;
  height: 17px;
  display: block;
  float: left;
  margin: -14px 10px 9px 0;
  padding: 8px;
  font-size: 13pt;
  cursor: pointer;
}

span.moreBut {
  color: #000;
  width: 102px;
  height: 18px;
  display: block;
  float: left;
  margin: -15px 0px 0px 0;
  padding: 8px;
  font-size: 13pt;
  cursor: pointer;
}

span.moreBut:hover {
  color:#3284bf;
}

div.entry {
  margin-bottom: 30px;
}

.recentPostTitle {
  font-size: 1.4em;
  font-weight: bold;
  padding-top: 20px;
  display: block;
}

.recentPostEntry {
  margin-bottom: 30px;
}

.flickShow {
  border: 2px solid #EEE;
}

#feedback {
  width: 160px;
  height: 18px;
  padding: 2px;
  color: #666;
}

.subBut {
  width: 65px;
  height: 28px;
}

.tubepress_container {
  float: none !important;
  margin-bottom: 0 !important;
  margin-left: 0px;
}


.req {
  color: #d37b7b !important;
  margin-left: 2px;
}

.subBut {
  height: 26px;
  border: 1px solid #aaa;
  padding: 0 6px;
  cursor: pointer;
  color: #3284BF;
}

#bBox {
  width: 150%;
  height: 100%;
  background-color: #fff;
  position: fixed;
  z-index: -1;
  opacity: 0.6;
  text-align: center;
}

#bBoxHolder {
  text-align: center;
  z-index: 999999999;
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0;
  display: none;
}

#bBoxForm {
  -webkit-box-shadow: #222 0px 9px 290px;
  box-shadow: #222 0px 9px 290px;
  border: 1px solid #bbb;
  background-color: #f9f9f9;
  margin-top: 150px;
  display: inline-block;
  position: absolute;
  margin-left: -250px;
  left: 50%;
}

#contactForm {
  width: 440px;
  text-align: left;
  margin: 25px;
}

#contactForm input, #contactForm select, #contactForm textarea {
  border: 1px solid #cacaca;
  transition: 0.4s;
  -moz-transition: 0.4s;
  /* Firefox 4 */
  -webkit-transition: 0.4s;
  /* Safari and Chrome */
  -o-transition: 0.4s;
  /* Opera */
}

#contactForm input:hover, #contactForm select:hover, #contactForm textarea:hover {
  border: 1px solid #ababab;
  transition: 0.4s;
  -moz-transition: 0.4s;
  /* Firefox 4 */
  -webkit-transition: 0.4s;
  /* Safari and Chrome */
  -o-transition: 0.4s;
  /* Opera */
}

#contactTitle {
  font: 32px 'Lato', Arial, sans-serif;
  color: #555;
  margin-bottom: -13px;
  margin-left: -20px;
  margin-top: 22px;
}

#closebar {
  float: right;
  margin-right: 15px;
  margin-top: 7px;
  cursor: pointer;
  font-size: 15px;
  font-family: helvetica, arial, sans-serif;
  color: #888;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}

#closebar:hover, #closebar:focus {
  color: #ca0f0f;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}

.smallField {
  width: 200px;
  float: left;
  margin-right: 20px;
  margin-bottom: 15px;
}

#contactForm p {
  color: #888;
}

.smallField input {
  width: 100%;
  height: 30px;
  color: #666;
}

div.smallField:nth-child(4) {
  margin-bottom: 45px;
}

#addrField {
  clear: both;
  margin-top: 15px;
}

#addrField p {
  margin-bottom: 0px;
}

#addrField input {
  width: 420px;
  margin-bottom: 15px;
  height: 30px;
}

.trifield {
  float: left;
  z-index: 160;
  position: relative;
  margin-right: 21px;
}

.trifield:last-child {
  margin-right: 0;
}

.trifield input {
  width: 100%;
  height: 30px;
}

.trifield select {
  height: 25px;
  width: 100%;
}

#contactbutton {
  padding: 10px;
  margin-top: -8px;
  margin-right: 20px;
  color: #444;
  cursor: pointer;
  float: right;
  margin-bottom: 14px;
}

p.textContact {
  margin-top: 115px;
  margin-bottom: -30px !important;
}

#contactForm input, #contactForm select {
  color: #555;
  height: 30px;
}

#contactForm input {
  padding: 0 0 0 8px;
}

#callout {
  height: 100px;
  border:1px #FFE800 solid;
  border-left:none;
  border-right: none;
  width: 960px;
  margin: 0 auto;
  font:20px 'Lato', Arial, sans-serif;
  text-align: left;
}

#callout > span{
  /*margin-right: 50px;*/
  width:750px;
  height:100%;
}

#callout > span, #callout > a{
  display: inline-block;
}

#calloutExploreContainer{
  display: inline-block; 
  color:#fff; 
  font-size: 60px; 
  background-color: #0aa0db;
  text-align:right;
  width:320px;
  height:100%; 
  padding-right: 20px; 
  margin-right: 10px;
}

#calloutExplore{
  top: 13px;
  display: block;
  position: relative;
}

#gobtn{
  position: relative;
  margin-left:70px;
}

#gobtn::before,
#gobtn::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  border: 2px solid rgba(50, 132, 191, 0.5);
  border-radius: 50%;
  content: '';
  /*opacity: 0;*/
  transition: transform 0.3s, opacity 0.3s;
  transform: translateX(-50%) translateY(-50%) scale(0.2);
}

#gobtn::after {
  width: 50px;
  height: 50px;
  border-width: 6px;
  transform: translateX(-50%) translateY(-50%) scale(0.8);
}

#gobtn::before{
  opacity: 0;
}

#gobtn:hover::before,
#gobtn:hover::after,
#gobtn:focus::before,
#gobtn:focus::after {
  opacity: 1;
  transform: translateX(-50%) translateY(-50%) scale(1);
}



#gobtn:hover{
  text-decoration: none;
  color:#00a5e5;
}

/*mobile devices*/
@media screen and (min-device-width: 320px) and (max-device-width: 600px){

      .clear {
        display: none !important;
      }

      body{
        overflow-x:scroll;
      }

      #wrapper {
        width: 100%;
      }


      #navigation{
        background-color: #3284bf;
        border-bottom:1px solid #3A6998;
      }

      #navigation .menu {
        margin: 0;
        text-align: left;
      }


      #navigation .menu ul {
        display: none;
      }


      #navigation .menu li {
        float: none;
        display: inline-block;
        width: 100%;
        overflow-x:hidden;
      }


      #TEST_Logo{
        z-index: 12312312;
      }


      .sub-menu{
        background-color: #fff !important;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow:none;
      }

      #navigation .menu .sub-menu li {
        display: none;
        background-color: #fff;
      }

      .sub-menu a{
        color:black !important;
      }

      .sub-menu a:hover{
        background-color: #fff !important;
      }

      #section0, #section1, #section2{
        background-color: #fff;
        margin-left: 10px;
      }


      #navigation ul ul{
        position: inherit;
        top: 0px;
        width:100%;
      }


      .search-menuform-form-content{
        display:none;
        background-color: #FFF;
        color:black !important;
      }

      .mf-ps-4{
        color:black !important;
        cursor: pointer;
      }

      .mf-ps-all{
        overflow:hidden;
        margin-left: 20px !important;
        color:black;
      }

      .menuform-ps{
        color:black !important;
        background-color: #fff !important;
        padding-left:10px !important;
        width:90% !important;
      }


      #section0 li, #section1 li, #section2 li{
        margin-left: 19px;
      }


      #bread_crumbs {
        width: 100%;
        margin: 0;
      }


      .wp-post-image {
        width: 100% !important;
        height: auto !important;
      }


      .entry_content ul, .entry_content ol {
        margin: 0 0px 10px 0px;
      }


      .entry .indented-p {
        margin-left: 0px;
      }


      .paginationContainter > a:nth-child(6),
      .paginationContainter > a:nth-child(7),
      .paginationContainter > a:nth-child(8) {
        display: none;
      }



      #search-menuform {
        display: none !important;
      }


      #mf-form-search{
        height:0px !important;
      }


      .search-menuform-header{
        width:100%;
        color: black;
        height: 26px !important;
        padding-top: 1px;
        padding-bottom: 1px;
        font-size: 1.2em;
        font-family: Arial, sans-serif;
        text-transform: none;
      }

      #TEST_Nav {
        /* Define black bar for 100% width */
        width: 100%;
        height: 40px;
        background: #3284BF;
        z-index: 1000;
        text-align: center;
        position:fixed;
        top:0px;
        left:0px;
      }


      #TEST_NavContent {
        width: 100%;
      }

      #TEST_LogoImage {
        position: relative;
        z-index: 99999;
        width: 82px;
        height: 40px;
        background-size: 96px;
      }


      #TEST_NavMenu {
        width: 100%;
        margin: 0;
        background: black;
      }


      .hamburger {
        display: block;
      }


      /* Nav menu */
      .menu-default-menu-container {
        background-color: #3284bf;
        position: fixed;
        height: 100%;
        text-align: left;
        top: 40px;
        width: 250px;
        left:-250px;
        display: none;
        border-right: 2px solid #3185c1;
        border-top: 1px solid #3A6998;
      }

      #navigation a{
        color:#fff;
      }

      .mf-ps-4{
        color:#000;
      }

      .mf-popular-searches{
        background-color: #fff;
      }

      .active .menu-default-menu-container {
        display: block;
      }

      #vol2{
        width:96% !important;
      }

      /* End Mobile Menu */

      #TEST_PageTitle {
        width: 100%;
        padding: 0;
      }


      #post-title {
        display: none;
      }

      #searchBox {
        float: none;
        height: 0;
        margin-top: 0;
      }


      #TEST_Container {
        overflow: hidden;
        padding-top: 0px;
      }


      #TEST_Content {
        padding-top:40px;
        width: 100%;
        padding-bottom: 30px;
      }

      #TEST_MainContent {
        width: 100%;
        float: none;
      }

      .fbcomments {
        display: none;
      }


      #TEST_Sidebar {
        float: none;
        width: 100%;
        padding: 0 4px;
        box-sizing: border-box;
        margin-left: -5px;
      }


      .slickr-flickr-gallery ul {
        text-align: center;
      }

      .TEST_EntryImage {
        position: relative;
        display: block;
        width: 100%;
        margin: 0;
      }

      #TEST_Footer {
        height: auto !important;
        background: white;
      }


      #TEST_FooterContent > div {
        display: block;
        width: 100%;
        border: 0;
        float: none !important;
        text-align: left !important;
        box-sizing: border-box;
        padding: 26px 16px;
        height: auto !important;
        margin-bottom: 24px;
        box-shadow: 0 0 12px black;
        border-top: 4px solid #3185c1;
      }

      #TEST_FooterContent {
        width: 100%;
        padding-top: 0;
      }


      #TEST_FooterEnd {
        overflow: hidden;
        margin-top: -48px;
      }


      #TEST_FooterEndContent {
        width: 100%;
      }


      #TEST_FooterEndLeft {
        width: 100%;
        text-align: center;
        margin-bottom: 7px;
        margin-top: -12px;
      }


      #TEST_FooterEndRight {
        width: 100%;
        text-align: center;
      }


      .entryText {
        float: none;
        width: 100%;
      }


      #eventSubmitForm {
        width: 100%;
      }

      .slider_it {
        display: none !important;
      }


      .TEST_SocialMedia {
        margin-bottom: -63px;
      }


      h1.featured_title, h1.featured_title a {
        font: 24px 'Lato', Arial, sans-serif;
      }

      select,
      textarea,
      input[type="text"],
      input[type="password"],
      input[type="datetime"],
      input[type="datetime-local"],
      input[type="date"],
      input[type="month"],
      input[type="time"],
      input[type="week"],
      input[type="number"],
      input[type="email"],
      input[type="url"],
      input[type="search"],
      input[type="tel"],
      input[type="color"],
      textarea{
        font-size: 16px;
      }

      .featured_info {
        width: 100%;
      }


      .entry_content p {
        margin-left: 0px;
        margin-right: 0px;
      }

      .entry_content iframe {
        margin-left: 0px;
        width: 100%;
      }


      .recentPostsContainer {
        margin-left: 0px;
      }


      .tubepress_container {
        margin-left: 0px;
      }

      #callout{
        display: none;
      }

}

/*tablet devices*/
@media screen and (min-device-width: 600px) and (max-device-width: 997px){

      .tubepress_container {
        margin-left: 0px;
      }

      .slider_it {
        margin-top: 60px;
      }


      .recentPostsContainer {
        margin-left: 0px;
      }

      .entry_content iframe {
        margin-left: 0px;
        width: 100%;
      }

      .entry_content p {
        margin-left: 0px;
        margin-right: 0px;
      }

      .featured_info {
        width: 100%;
      }

      h1.featured_title, h1.featured_title a {
         font: 30px 'Lato', Arial, sans-serif;
        letter-spacing: -0.04em;
        font-weight: bold;
        color: #000;
        margin-top: 5px;
      }

      select,
      textarea,
      input[type="text"],
      input[type="password"],
      input[type="datetime"],
      input[type="datetime-local"],
      input[type="date"],
      input[type="month"],
      input[type="time"],
      input[type="week"],
      input[type="number"],
      input[type="email"],
      input[type="url"],
      input[type="search"],
      input[type="tel"],
      input[type="color"],
      textarea{
        font-size: 16px;
      }

      .TEST_SocialMedia {
        margin-bottom: -63px;
      }

      #eventSubmitForm {
        width: 100%;
      }

      .entryText {
        float: none;
        width: 100%;
      }

      #TEST_FooterEndRight {
        width: 100%;
        text-align: center;
      }

      #TEST_FooterEndLeft {
        width: 100%;
        text-align: center;
        margin-bottom: 7px;
        margin-top: -12px;
      }

      #TEST_FooterEndContent {
        width: 100%;
      }

      #TEST_FooterEnd {
        overflow: hidden;
        margin-top: -48px;
      }

      #TEST_FooterContent > div {
        display: block;
        width: 100%;
        border: 0;
        float: none !important;
        text-align: left !important;
        box-sizing: border-box;
        padding: 26px 16px;
        height: auto !important;
        margin-bottom: 24px;
        box-shadow: 0 0 12px black;
        border-top: 4px solid #3185c1;
      }


      #TEST_FooterContent {
        width: 100%;
        padding-top: 0;
      }

      #TEST_Footer {
        height: auto !important;
        background: white;
      }

      .TEST_EntryImage {
        width: 90%;
      }

      #TEST_Sidebar {
        margin: 20px auto 10px auto;
        width: 256px;
        padding: 0;
        display: block;
        background: #f7f7f7;
        float: right;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.2em;
        text-align: left;
        position: relative;
      }

      #TEST_MainContent {
        width: 60%;
        float: left;
      }

      .fbcomments {
        display: none;
      }

      #TEST_Content {
        padding-top:40px;
        width: 100%;
        padding-bottom: 30px;
      }

      #TEST_Container {
        overflow: hidden;
        padding-top: 0px;
      }


      #searchBox {
        float: none;
        height: 0;
        margin-top: 0;
      }

      #post-title {
        display: none;
      }

      #TEST_PageTitle {
        width: 100%;
        padding: 0;
      }
      .menu-default-menu-container {
         background-color: #3284bf;
        position: fixed;
        height: 100%;
        text-align: left;
        top: 40px;
        width: 250px;
        left:-250px;
        display: none;
        border-right: 2px solid #3185c1;
        border-top: 1px solid #3A6998;
      }

      #navigation a{
        color:#fff;
      }

      .mf-ps-4{
        color:#000;
      }

      .mf-popular-searches{
        background-color: #fff;
      }

      .active .menu-default-menu-container {
        display: block;
      }

      .hamburger {
        display: block;
        top:0px;
        padding-left: 30px;
        padding-top: 10px;
      }

      .hamburger span{
        margin-top: 10px;
      }

      #TEST_LogoImage {
        position: relative;
        z-index: 99999;
        width: 82px;
        height: 40px;
        background-size: 96px;
      }

      #TEST_NavMenu {
        width: 100%;
        margin: 0;
        background: black;
      }


      #TEST_NavContent {
        width: 100%;
      }

      #TEST_Nav {
        /* Define black bar for 100% width */
        width: 100%;
        height: 40px;
        background: #000;
        z-index: 1000;
        text-align: center;
        position:fixed;
        top:0px;
        left:0px;
      }

      .search-menuform-header{
        width:100%;
        color: black;
        height: 26px !important;
        padding-top: 1px;
        padding-bottom: 1px;
        font-size: 1.2em;
        font-family: Arial, sans-serif;
        text-transform: none;
      }

      #mf-form-search{
        height:0px !important;
      }

      #search-menuform {
        display: none !important;
      }

      .paginationContainter > a:nth-child(6),
      .paginationContainter > a:nth-child(7),
      .paginationContainter > a:nth-child(8) {
        display: none;
      }

      .entry_content ul, .entry_content ol {
        margin: 0 0px 10px 0px;
      }

      .wp-post-image {
        width: 100% !important;
        height: auto !important;
      }
      #bread_crumbs {
        width: 100%;
        margin: 0;
      }

      #section0 li, #section1 li, #section2 li{
        margin-left: 19px;
      }

      .search-menuform-form-content{
        display:none;
        background-color: #FFF;
        color:black !important;
      }

      .mf-ps-4{
        color:black !important;
        cursor: pointer;
      }

      .mf-ps-all{
        overflow:hidden;
        margin-left: 20px !important;
        color:black;
      }

      .menuform-ps{
        color:black !important;
        background-color: #fff !important;
        padding-left:10px !important;
        width:90% !important;
      }

      #navigation .menu {
        margin: 0;
        text-align: left;
      }
      #navigation .menu ul {
        display: none;
      }

      #navigation .menu li {
        float: none;
        display: inline-block;
        width: 100%;
        overflow-x:hidden;
      }

      #navigation ul ul{
        position: inherit;
        top: 0px;
        width:100%;
      }
      #navigation .menu .sub-menu li {
        display: none;
        background-color: #fff;
      }

      .sub-menu{
        background-color: #fff !important;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow:none;
      }

      .sub-menu a{
        color:black !important;
      }

      .sub-menu a:hover{
        background-color: #fff !important;
      }

      #section0, #section1, #section2{
        background-color: #fff;
        margin-left: 10px;
      }


      #navigation{
        background-color: #3284bf;
        border-bottom:1px solid #3A6998;
      }


      .clear {
        display: none !important;
      }


      .tablet{
        overflow-x:scroll;
      }

      #wrapper {
        width: 100%;
      }

      #calloutExploreContainer{
        width:30%;
        min-width:280px;
      }

      #callout > span{
        width:60%;
        min-width: 675px;
      }

      #gobtn{
        margin-left: 20px;
      }

}