/* WARNING: USE CAUTION WHEN EDITING THIS FILE */

/* NOTE: THIS FILE INCLUDES 3 STAGES OF MEDIA QUERIES - SEE help.html */

/* NOTE: TO EDIT COLORS - SEE style.css */



/***************
START Media Queries #1 WHEN PAGE WIDTH LESS THAN 890 IS ACTIVE (FOR TABLET)
***************/
@media handheld and (max-width: 890px),
   screen and (max-device-width: 890px),
   screen and (max-width: 890px) 
	{

.logo-respond-event	 { width: 30%; height: auto; } 
.logo-respond-event-alt	 { width: 25%; height: auto; } 
.logo-respond	 { width: 100%; height: auto; } 
.pict1-respond	 { width:  50%; height: auto; }
.pict2-respond	 { width:  50%; height: auto; }

#contentbox	 { max-width: 720px; }

#contentbox-contact	{ max-width: 800px; }

#left-content 	 { max-width: 435px; }

#left-content-contact 	{ max-width: 380px; }

#sidebar-content { max-width: 250px; }

#sidebar-content-contact { max-width: 380px; }       

.floatlist	 { width: 100%; }

/* PAYMENTS PAGE */

.payform, input[type=submit].payform	{ width: 110px; }

.paypalbadge { width: 110px; }  

	}
/***************
END Media Queries #1
***************/






/***************
START Media Queries #2 WHEN PAGE WIDTH LESS THAN 740 IS ACTIVE
***************/
@media handheld and (max-width: 740px),
   screen and (max-device-width: 740px),
   screen and (max-width: 740px) 
	{


#left-content 		  { width: 100%; min-width: 100%; }

#left-content-contact { width: 100%; min-width: 100%; }

#sidebar-content	{ border-left: #999999 0px solid; }

#sidebar-content-contact { width: 100%; min-width: 100%;} /* included (border-left: #999999 0px solid;)  */

.footerhide		{ display: none; }

/* PAYMENTS PAGE */

.payform, input[type=submit].payform	{ width: 110px; }

.paypalbadge { width: 110px; }  

	}
/***************
END Media Queries #2
***************/






/***************
START Media Queries #3 -  WHEN PAGE WIDTH LESS THAN 482 IS ACTIVE
                      CLASSES HERE CAN ALSO BE FOUND IN THE style.css
***************/
@media handheld and (max-width: 482px),
   screen and (max-device-width: 482px),
   screen and (max-width: 482px) 
	{




/* MQS FONTS - NEXT LINE IS DEFAULT MOBILE FONT ALL PAGES */

body, div, table { font-size: 14px; line-height: normal; }

.title  	{ font-size: 19px; }

.subtitle  	{ font-size: 15px; }

.smalltext 	{ font-size: 12px; }


.home-caption0	{ font-size: 15px;text-shadow: 0px 0px 0px black; }
.home-caption	{ font-size: 12px; }
.home-caption2	{ font-size: 12px; }

.just 		{ text-align: left; }




/* MQS GENERAL */

.large-splits 	{ height: 15px; }

.hidemobile, #menunav li.hidemobile	{ display: none; }

.splits-xtramargin { margin-top: 12px; margin-bottom: 12px; }




/* MQS PAGE & CONTENT HEIGHTS, PADDING & WIDTHS */

.pageheight		{ min-height: initial; }

.pagebox		{ padding: 0px 0px 0px 0px; }

#contentbox		{ padding: 10px 0px 10px 0px; }

.content-pad		{ padding: 10px 5px 10px 5px; }

/* full size content-pad-contact { padding: 0px 35px 10px 15px; } */

.content-pad-contact { padding: 10px 5px 10px 5px; }

#contentbox-home	{ padding: 10px 0px 10px 0px; }

.content-pad-home	{ padding: 10px 5px 10px 5px; }




/* MQS LOGO GRAPHIC, AND TEXT */

#headerdiv	{ padding: 8px 0px 8px 0px; }

.textlogo	{ font-size: 18px; }
.textlogo2	{ font-size: 12px; }
.textlogo3	{ font-size: 20px; }


/* MQS FOOTER */

.footer-copyright { font-size: 11px; }




/* MQS SIDEBAR */

.sidebar-text	{ font-size: 13px; line-height: normal; }
.sidebar-text-resources	{ font-size: 12px; line-height: normal; }
.side-links a	{ font-size: 13px; line-height: normal; }

.sidebar-pad	{ padding: 0px 0px 15px 4px; }   /* was  padding: 0px 0px 15px 0px;   */
.sidebar-pad-contact { padding: 0px 0px 10px 0px; }



/* MQS HOME JQUERY SLIDESHOW */

.rslides_container	{ border-width: 1px; }

.centered-btns_tabs	{ display: none; }




/* CONTACT PAGE */

.contactform-table		  { margin: 10px 0px 10px 0px; }

.shadeform, .textarea, .dropdown  { font-size: 12px; }




/* STAFF PAGE */

.staff-email	{ font-size: 12px; }




/* LINKS PAGE */

.searchform, .searchbutton  { font-size: 12px; }




/* PAYMENTS PAGE */

.payform, input[type=submit].payform	{ width: 110px; }

.paypalbadge { width: 110px; }     /* original  width: 80px; then 125px */

/* .paypalbadge-space	{ padding: 200px 10px 8px 0px; }   */ 
                           /* top right bottom left  - original 30px 10px 8px 0px; */



/* MQS MENUS - NOTE: MENU USES .hidemobile CLASS IN menu.js */

#menunav a	  { font-size: 14px; padding: 10px 5px 10px 5px; }   /* was font-size: 13px;  */




	}
/***************
END Media Queries #3
***************/