/**
 * 11.0 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: 1000px) {

#banner { height: auto; background-color: #463561; }
#logo_box { height:auto; background-color:#000; }
#logo { float:none; }
#logo img { }
#logo_right { float:none; padding: 15px 0px 15px 30px; text-align:left; }

#banner_pic { display:none; }
#tagline { position:relative; top:auto;left:auto; font-size: 2.15em; line-height:1.2em; font-weight:normal; color:#fff; text-shadow: 1px 1px 1px #000; padding: 10px 30px; }
	
#navbar { display:none; }

#navbar-mobile { display:block; }
.toggled-on #menu-topmenu-mobile { display:block; }

#content_outer { position:relative; max-width: 972px; width: 100%; height: auto; margin: 0 auto 0px auto; background-color: #fff; }


}


@media screen and (max-width: 850px) {
	
#tagline { font-size: 1.5em; }

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

 img.floatright, img.floatright_content { max-width:50%; height:auto; }
 img.floatright2 { max-width:50%; height:auto; }

.btm_menu { display:none; }

 .captcha { max-width: 95%; height: 60px; margin: 5px 0px; }
 
div.inputfield { clear: left; font-weight: normal; padding:3px 0px; text-align:left;}
div.inputfieldn { display: none; }
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: 100%; }
.map { float:none; margin:0 0 1em 0; }

}

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

#tagline { font-size: 1.4em; padding-left:2%; }

#logo { padding-left: 2%; }
#logo_right { padding: 15px 0px 15px 2%; text-align:left; }

#col1 {  float:none; width: 96%; padding: 2%; }
#col1_full {  float:left; width: 96%; padding: 2%;  }
#col2 { float:none; width: 100%; padding: 0%; margin-top:0px; margin-right:0; }
.col2_block { width: 96%; padding: 2%; }

.col20 { width: 100%; float:none; }
.col25 { width: 100%; float:none; }
.col33 { width: 100%; float:none; }
.col34 { width: 100%; float:none; }
.col40 { width: 100%; float:none; }
.col45 { width: 100%; float:none; }
.col50 { width: 100%; float:none; }
.col55 { width: 100%; float:none; }
.col60 { width: 100%; float:none; }
.col75 { width: 100%; float:none; }
.col80 { width: 100%; float:none; }

	
#menu-footermenu { margin:0; padding:10px 0 0 10px; list-style-type:none; display: block; text-align:left; }
#menu-footermenu li { display: list-item;  padding: 5px 0; } 
#menu-footermenu li:first-child { padding: 5px 0; }
#menu-footermenu li:before { display: none; } 

.footer-copy { margin-top: 5px; padding-top:5px; border-top: solid 1px #ccc;}
	
	.menudivider { display:none; }
	.footerbrand {display: block; }
	.privacymenu {display: block; }


}