/* =Media queries
-------------------------------------------------------------- */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@media screen and (max-width: 833px) {

#outer { width: 94%; margin: 1%; padding: 2%; background-color: white; }
#banner { padding-top: 10px; padding-bottom:10px; height: auto; width:100%; }

.logo { float:none; padding-top:0px; text-align:left; }
.logo img { max-width: 268px; height:auto; width:100%; }
.block1 { display:none; }
.block2 { float: none; height: auto; border-top: solid 1px #484848; margin: 10px 0; padding:10px 0; }
.banner_date { display:none; }
.tagline { padding-right: 0px; text-align:left; }
.tagline  img { max-width: 371px; height:auto; width: 100%; }

#divider {  display:none;}
#top_display { line-height:1em; margin:0; padding:0; border:0; max-height:163px; height:auto;  }
#top_display img { width: 100%; height:auto; }

#navbar { width: 100%; float:none; }
.navbar_inner { width: 90%; padding: 14px 5% 0px 5%; }
#navbar_break1 { width: 100%; margin-top: 20px; margin-bottom: 7px; min-height:28px; }
#content_area { background-color: #ffffff; width: 100%; padding: 20px 0 0px 0; float:none; margin-bottom: 1px; }



#footer { width: 100%; height:auto; background-color:#292929; }
#footer_text { }

.copy_left { float:none; font-size:.85em;color:#cac7c7; padding:15px;}
.copy_right { float:none; font-size:.85em;color:#bda353; padding:0px 15px 15px 15px;;}


#content_outer { }

.subhead_right { text-align:left; }
.subhead_fleft { }
.text_left { float:none; width: 100%; }
.text_right { float:none; width: 100%; }
.text_left_inner { padding-right: 0; border-right: none; margin-right:0; padding-top: 0px; }
.text_right_inner { padding-left: 0; padding-top: 0px; }


img.alignright { max-width:50%; height:auto; } 
img.alignleft { max-width:50%; height:auto;  } 

img.floatleft { max-width:50%; height:auto; }
img.floatleft_content { max-width:50%; height:auto;  }
img.floatright_content { max-width:50%; height:auto; }
img.floatright { max-width:50%; height:auto; }
img.floatright_sidebar { max-width:50%; height:auto; }

 .captcha { max-width: 95%; height: 60px; margin: 5px 0px 5px 0; }
 
div.inputfield { clear: left; font-weight: normal; padding:3px 0px; text-align:left;}
div.inputfieldn { display: none; }
input { max-width: 90%; }
textarea { max-width: 90%; }
label {  display:block; }
label.short1 { width: 38px; text-align: left; float:none; padding-top: 2px; padding-right: 0;  }
label.short2 { width: 30px; text-align: left; float:none; padding-top: 2px; padding-right: 0; }
label.short { width: 70px; text-align: left; float:none; padding-top: 2px; padding-right: 0; }
label.med1 { width: 110px; text-align: left; float:none; padding-top: 2px; padding-right: 0; }
label.med { width: 150px; text-align: left; float:none; padding-top: 2px; padding-right: 0; }
label.long { width: 220px; text-align: left; float:none; padding-top: 2px; padding-right: 0; }

.map iframe { width: 98%; }
.map { float:none; margin:0 0 1em 0; }


}

@media screen and (max-width: 700px) {

}

@media screen and (max-width: 500px) {


}

@media screen and (max-width: 380px) {
	

}