@charset "utf-8";
/* CSS Westerly Sun Style Overrides Document */

.rule {
	margin: .2em 0 .75em 0;
	border-bottom: 2px solid #FED519;
}
/*.Latest-News-Header a {
	color: #777;
	 
}

.section-header {
	color:#777; 
}*/

/* Pop up calendar box for selecting specific search date */
.calendar-box {
	display:none;
	background-color:#fff;
	border:1px solid #444;
	border-radius: 5px;
	position:absolute;
	width:250px;
	z-index:999;
	margin-top:inherit;
	padding: 0 5px;
}
.calendar-box select.calendar-month { width:90px; }
.calendar-box select.calendar-year { width:70px; }
.calendar-box .calendar-cancel { width:100%; }
.calendar-box table td { width:14%; }
.calendar-box .calendar-title { text-align:center; }
.calendar-box a { text-decoration:none; }
.calendar-box .today a { padding:0 5px; margin-left:-5px; background-color:#ffe9c6; } 
.calendar-box .selected a { padding:0 5px; margin-left:-5px; background-color:#c9ff8b; }

/* ----------------------------------------------------- */

/*-- On The Menu Styles --*/
/*-- NOTE THERE ARE ALSO SOME STYLINGS MIXED INTO THE OTHER CSS SECTIONS SUCH AS NAVIGATION--*/
#OTMheader {
	float:left;
	width: 100%;
	background-color: #FCB040;
}
#OTMheaderLogo {
	float:left;
	width: auto;
	margin: 5px 50px 10px 30px;
}
#OTMheaderblurb {
	font-size:30px;
	font-weight: bold;
	color: #751A14;
	float:left;
	margin: 40px 0 0 100px;
	padding: 10px 0;
	text-align:center;
	border-top: 1px solid #751A14;
	border-bottom: 1px solid #751A14;
}
.poweredBy {
	float:right;
	font-size:12px;
	font-weight:bold;
	margin: 15px 20px 0 0;
}
.poweredBy a, .poweredBy a:visited {
	text-decoration: underline;
}
.OTMnav ul { 
	width:100%; 
	background-color:#751A14; 
	display:inline-block; 
	list-style:none;
	margin: 10px 0 -15px 0;
}
.OTMnav a {
	color: white;
	float: left;
	font-weight:bold;
	padding: 10px 15px 10px 30px;
}
.OTMwidgetHead {
	display:block; 
	clear:both; 
	padding:5px 0 5px 0px;
	margin-top: 15px;
	margin-bottom:5px; 
	border-left:15px solid #751A14;
	background-color:#FCB040;
	color:White;
}
.OTMwidgetHead img {
	max-width: 65px;
	float: left;
	margin: -18px 20px 0 15px;	
}
#OTMmobileLogo {
	background-color: #FCB040;
	padding: 15px 0;
}
.OTMstoryTop {
	margin-bottom: 80px;
}
.OTMpicText {
	color: #751A14;
	font-weight:bold;
	font-size: 1.25em;
	margin: 0 0 5px 0;
}
.OTMhorizImg {
	max-width: 60%;
	float:left;
	margin-right:20px;
}
.location {
	font-weight: bold;
}
#OTMmapWrapper {
	background-color: #FCB040;
	border-radius: 20px;
	border: medium solid #751A14;
	padding: 5px 0 55px 20px;
	margin: 15px 0 -55px 0;
	clear: both;
}
#OTMmapWrapper a {
	color:white;
	font-weight:bold;
	font-size:1.25em;
}
#dtiStoryMap {
	float:left;
	border: medium solid #751A14;
}
#OTMcalltoaction {
	width: 100%;
	text-align:center;	
}
#OTMcalltoaction h1 {
	color: #751A14;
	font-weight: bold;
	font-size: 275%;
}
.testwrap {
	margin-top: -25px;
}
.groupwrap {
	text-align:center;	
	width:100%;
}
.OTMareaWrap {
	width:250px;
	/*width: 211px;*/
	margin: 5px auto 0 auto;
}
.OTMareaWrap img {
	display:block;
	margin:auto;
}
.OTMareaText h2 {
	font-size: 120%;
}
.OTMareaText {
	background-color: #751A14;
	border-radius: 12px;
	margin: -10px auto 20px auto;
	max-width: 100%;
	padding: 15px 10px;
	text-align:center;
}

.OTMareaText h2 {
	color:white;
}

#OTMmenubtn  {
	max-height: 30px;	
}
.OTMmobileNav { display: block; float:right; width: 100%; background-color: #751A14; clear:both; padding: 0; margin: 0 0 10px 0; }
.OTMmobileNav a { display:inline; background-color:#047; color:#FFF; font-size:1em; text-decoration: none; text-align:left;}
.OTMmobileNav a {
	background-color: #751A14;
}
#OTMfooter {
	clear:both; 
	width: 100%; 
	margin: 0 auto;
	padding:5px 0 5px 8px;
	background-color:#751A14;
	color:White;
	font-weight:bold;
	text-align: center;
}
#OTMfooter a, #OTMfooter a:visited {
	color:White;
	text-decoration: underline;
}
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
BACKGROUND TRANSITIONS */
/* Fade */
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #000000;
  color: white;
}


#___gcse_1 .gsc-search-button {
    color: #000000;
}

#___gcse_1 input.gsc-search-button:hover {
	background-color: #e2b524;
	border: 1px solid #e2b524;
}