/* Defaults for Screen/Viewport Smaller than 768px */

@font-face {
    font-family: 'League Gothic';
    src: url('../foundation-webfonts/leaguegothic-regular-webfont.eot');
    src: url('../foundation-webfonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../foundation-webfonts/leaguegothic-regular-webfont.woff') format('woff'),
         url('../foundation-webfonts/leaguegothic-regular-webfont.ttf') format('truetype'),
         url('../foundation-webfonts/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
}
form {
	margin-bottom : 0px ;
	}
image.eventimg {
	margin-bottom : 10px ;
	max-width : 100% ;
}
#main {
}

html {
	}

body {
	background : #272727 ;
font-family: "museo-slab",serif; font-weight: 500;
}
img.opaque-top-banner-300 {
	max-height : 320px ;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.6); /* Drop Shadow */
}

.row {
		background : transparent ;
		max-width : 100% ;
 }

 div#opaque-top-banner-split {
	background : rgb(238, 232, 220) ;  /* Lightest Grey */
	height : 1em ;

	}
 
.content {
}

/* HEADER STYLING 
		Enhancing the styling of components of Zurb Foundation. */

	div#header {
		background-color : rgb(231, 231, 231) ;  /* Lightest Grey */
	}
	div#site_logo { 
		padding : 0px ;
		margin : 0px ;
		text-align : left ; 
		background: url('../img/site-logo2.jpg') no-repeat center center ;
		background-size : 200px 180px;
		width : 170px;
		height : 150px;
		box-shadow: 5px 5px 5px rgba(0,0,0,0.3); /* Drop Shadow */
		position : absolute ;
		top : 0px ; 
		left : 30px ;
		border : 0px;
}
@media only screen and (max-width: 768px) {
	div#site_logo { 
		background-image: url('../img/logo-wo_wordmark.jpg') ;
		background-size : 106px 90px ;
		width : 106px;
		height : 90px;
		position : absolute ;
		top : 0px ; 
		left : 0px ;
	}
}

	div#page_title {
		padding : 0px ;
		text-align : left ;
		margin : 0 ;
		border : 0;
	}
	h1#page_title_header { 
		width : 100% ;
		color : rgb(0,170,79) ;
		font-size : 2.5em ;
		margin : 0px ;
		padding-left : 25px ;
		text-transform : uppercase ;
		font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 800;
	}
	h2 {
		font-size : 1.5em;
		font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 800;
		color : rgb(0,170,79) ;
	}
	p#page_title_instructions {
		text-align : left ;
		margin-top : 10px ;
		color : rgb(35,31,32);
		font-size : .9em ;
		padding-left : 2em ;
		padding-right : 2em ;
	}



	legend#page_title_legend {
		color : rgb(0,170,79);
		padding-left : 2em ;
		padding-right : 1em ;
		padding-bottom : 1em ;
		}

/*  FORM FIELD STYLING 
		Enhancing the styling of components of Zurb Foundation. */
	.formBody {
		padding-left : 10px ;
		padding-right : 10px ;
		background-color : rgb(238, 232, 220) ; 
		width : 100% ; 

		}
	.formBodyFirst {
		padding-top : 10px ; 
		}
	.formBodyActions {
		text-align : center ; 
	}
	fieldset legend {
		margin-left : 5px ;
		color : rgb(0,170,79);
		background-color : transparent ;
		font-weight : normal ;
		font-size : 1.5em ;
		}
	fieldset label {
		line-height : 1.4em ;
		font-size : 1em ;
		margin-top : 0px ;
		margin-bottom : 0px ;
		padding-top : 0px ;
		padding-bottom : 0px ;
		padding-left : 10px ;
		padding-right : 10px ;
		font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 400;
	}
	p.custom-form-paragraph {
		font-family: "museo-slab",serif; font-weight: 500;
		font-size : 1em;
	}
	label.custom-sub-header {
		font-weight : bold ; 
		font-size : 1em ;
		margin-top : 15px;
		margin-bottom : 15px;
		}
	small.field_required {
	}
	label.field_required {
		color : rgb(0,170,79);
	}
	fieldset  {
	}
	@media only screen and (min-width: 768px) {
		fieldset  {
			min-width : 30em ; 
			max-width : 60em ; 
			}
	}
	div.row.formBody label {
			padding-bottom : 10px ;
	}
	input.success.button.expand {
			background-color : rgb(0,170,79);
			font-size : 1em ; 
			font-weight : normal ; 
			padding-top : 10px ;
			padding-bottom : 10px ;
			}
	input.button.expand {
			background-color : rgb(0,170,79);
			font-size : 1em ; 
			font-weight : normal ; 
			padding-top : 10px ;
			padding-bottom : 10px ;
			color : white ;
			}
	input.button{
			background-color : rgb(0,170,79);
			font-size : 1em ; 
			font-weight : normal ; 
			padding-top : 10px ;
			padding-bottom : 10px ;
			}
	input.button.right{
			margin-right : 0px ;
			}
	span.checkbox{
			font-size : 1em ;
			line-height : 2em;
			}
	span.radio{
			font-size : 1em ;
			line-height : 2em;
			}

	
select {
	background : white ;
	border : 1px solid #CCCCCC ;
	font-size : .87em ;
	font-weight : 500 ;
	padding : .5em ; 
}			

/*  DATA ABIDE 
		A component of Zurb Foundation and provides for live field validation. */
	[data-abide] .error small.error, [data-abide] span.error, [data-abide] small.error {
		font-weight : normal ; 
		color : rgb(0,59,59); /* Darkest Grey */
		background-color : rgb(231, 231, 231) ; /* Lightest Grey */
		background : none ;
	}
	[data-abide] .error small.field_required, [data-abide] span.field_required, [data-abide] small.field_required {
		font-weight : normal ; 
		color : black;
		background-color : rgb(231, 231, 231) ; /* Lightest Grey */
		background : none ;
	}


	
section#contactEmail p{
background : rgb(235,231,42);
}

section#contactEmail div.content{
	background : transparent;
}

div#footer {
	background-color : rgb(39,39,39);
	color : rgb(231, 231, 231) ;  /* Lightest Grey */
}	
div#footer div {
	text-align : left ; 
	}	
div#footer div a.footer-left {
		color : #fff ;
		cursor : pointer ;
		font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 600;
		font-size : 16px ;
		line-height : 70px ;
		font-weight : 600 ;
		text-transform : uppercase ;
		float : left ; 
		margin-left : 20px ;
		}	
div#footer div a.footer-right {
		float : right ;
}
div#site_logo_bottom { 
	background: url('../img/logo-footer.jpg') no-repeat center right;
	width : 210px;
	height : 40px;
	margin-top : 13px ; 	
}
@media only screen and (max-width: 768px) {
	div#footer div {
		text-align : center ; 
	}	
	div#footer div a.footer-left {
		font-size : 12px ;
		font-weight : 600 ;
		text-transform : uppercase ;
		float : none ; 
		width : 100% ; 
		margin-left : 0px ;
	}	
	div#footer div a.footer-right {
		float : none ;
		width : 100% ; 
	}
	div#site_logo_bottom { 
		background: url('../img/logo-footer.jpg') no-repeat center center;
		width : 100%;
		height : 40px;
		margin-top : 0px ; 	
		margin-bottom : 20px ; 	
		
	}

}

select { 
}



p.embellishment-arrow-right {
		width : 5px ; 
		height : 5px ;
		font-family : "foundation-icons", Tahoma, Geneva, sans-serif ;
}

i {
margin-right : 10px ; 
}
.formBody {
	padding-left : 10px ;
}

	
/* ************************************************* */
/* For Screen/Viewport Equal to or Larger than 768px */
/* ************************************************* */
@media only screen and (min-width: 768px) {
			.formBody {
				padding-left : 210px ;
			}
			div.formBodyFirst {
			}
			div#page_title{
				padding : 0px ;
				padding-left : 20px ;
				margin : 0px ;
				background : rgb(35,31,32);
				height : 150px;
				box-shadow: 5px 5px 5px rgba(0,0,0,0.3); /* Drop Shadow */
			}
			p#page_title_instructions{
				padding : 0px ;
				margin : 0px ;
				text-align : left ;
				color : rgb(231, 231, 231) ;  /* Lightest Grey */
				font-size : .9em ;
			}
			legend#page_title_legend {
				float : right ;
				margin-top : 10px ;
			}
}

label {
	cursor : default ;
}

.reveal-modal {
width : 60em ;
}