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

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

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



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


#contentbox	 { max-width: 820px; }

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

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


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






/***************
START Media Queries #2 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	 { width: 100%; height: auto; }

#contentbox	 { max-width: 720px; }

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

.floatlist	 { width: 100%; }


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






/***************
START Media Queries #3 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) 
	{


.content-pad 		{ padding: 0px 15px 10px 15px; }

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

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

.footerhide		{ display: none; }


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






/***************
START Media Queries #4 -  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: 150%; }

.title  	{ font-size: 22px; }

.subtitle  	{ font-size: 17px; }

.smalltext 	{ font-size: 12px; }

.just 		{ text-align: left; }




/* MQS GENERAL */

.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 1px 0px 1px; }

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

.content-pad		{ 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: 22px; }




/* MQS IMAGES */

.img-respond-box	{ margin-bottom: 10px; }

.img-respond-home	{ margin-bottom: 10px; }




/* MQS FOOTER */

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




/* MQS SIDEBAR - NOT USED WHEN SIDEBAR IS HIDDEN IN MQs ABOVE */

.sidebar-text	{ font-size: 13px; line-height: normal; }

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

.sidebar-pad	{ padding: 0px 0px 15px 0px; }




/* CONTACT PAGE */

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

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




/* LINKS PAGE */

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




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

#menunav a	  { font-size: 14px; padding: 6px 5px 6px 5px; }




	}
/***************
END Media Queries #4
***************/