/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	15;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Large Screens (not added 640, 1366, 1440, 1680 */
@media only screen and (max-width: 1920px) {
	.quicklinks2 {
		display: none;
	}
	.weathermobile {
		display: none;
	}
	.weather {
		display: block;
	}
}

/*Glen's 2nd Monitor, KindleFire HD8.9 landscape */


/*Laptop and all iPads landscape, and Samsung Gallexy landscape*/
@media only screen and (max-width: 1024px) {	
	#head3 {
		height: auto;
	}	

	#slider {
    width: 100%;
	}
	#container {
		width: 98%;
	}
	#container1 {
		width: 98%;
	}
	#container2 {
		width: 98%;
	}
	#container3 {
	width: 98%;
	}
	#container4 {
	width: 98%;
	}
	#container5 {
	width: 98%;
	}
	#container2ndpages {
	width: 98%;
	}

}

/*Google Nexus7 landscape = 966?*/
/*ASUS Nexus7 landscape = 906?*/

/*Kindle Fire HD7 landscape*/
@media only screen and (max-width: 853px) {
	
	#slider {
    	width: 100%;
	}
		
}

/*Kindle Fire landscape, KindleFire 8.9 portrait*/
@media only screen and (max-width: 800px){
	.quicklinks2 {
		width: 50%;
		float: left;
		display: block;
	}
	.columnleftIndex {
		display: none;
	}
	.columnMainIndex {
		float: none;
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0px;
	}
	.columnrightIndex {
		width: 50%;
		float: left;
		display: block;
	}
	#navbarhorizontal {
		padding: 15px 7px 10px;
		width: 98%;
	}
	#cssmenu > ul > li > a > span {
    	padding: 6px 7px;
	}
	#cssmenu > ul > li.has-sub > a {
		padding-right: 22px;
	}
	#cssmenu > ul > li.mobile i {
		padding-right: 10px;
	}
	#footer {
		width: 90%;
	}
	.middlecolumn {
		width: 45%;
	}
	.columnrightsmall {
		float: none;
		padding-left: 0px;
		width: auto;
		clear: both;
	}
	.columnleftPanel {
   		width: 25%;
	}
	.columnleftPages {
		width: 70%;
	}
	.columnrightPages {
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: auto;
		padding-left:15px;
		padding-right: 15px;
		clear: both;
		padding-top:20px;
	}
	.columnleftNarrow {
		background-color: #fff;
		float: none;
		margin-left: auto;
		margin-right: auto;
		padding-right: 0;
		width: 97%;
	}
	.columnrightNarrow {
		float: none;
		margin-left: auto;
		margin-right: auto;
		padding-right: 0;
		width: 97%;
	}
	.bodyPages {
		width: 90%;
	}
	.bodyPagesEMO {
		width: 70%;
	}
	.columnleftEMO {
    width: 90%;
	}
	.columnrightEMO {
	width: 90%;
	}
	.columnleftsmall{
	width: 45%;
	}
}

/*All iPads portrait*/
@media only screen and (max-width: 768px){

	#slider {
		display: none;
	}

	#contentleft {
		float: none;
		margin-right: auto;
		margin-right: auto;
		width: 97%;
	}
	#contentright {
		float: none;
		margin-right: auto;
		margin-right: auto;
		width: 97%;
	}
	.contentleft {
		float: none;
		margin-right: auto;
		margin-right: auto;
		width: 97%;
	}
	.contentright {
		float: none;
		margin-right: auto;
		margin-right: auto;
		width: 97%;
	}
	#cssmenu > ul > li > a > span {
		display: block;
		font-weight: bold;
		padding: 6px 7px;
	}
}

/*iPhone 6+ landscape*/
@media only screen and (max-width: 736px){
	#cssmenu > ul > li > a > span {
		display: block;
		font-weight: bold;
		padding: 6px 7px;
	}
}

/*iPhone 6+ landscape*/
@media only screen and (max-width: 720px){
	#slider {
		display: none;
	}
}

/*iPhone 6 landscape*/
@media only screen and (max-width: 667px){
	.columnleft {
		float: none;
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
 	}
 	.columnright {
		float: none;
		width: auto;
		clear: both;
		padding-left: 15px;
		padding-right: 15px;
 	}

}

/*Gallaxy S3, S4, S5 landscape*/
@media only screen and (max-width: 640px){
	
	#navbarhorizontal {
		width: 97%;
	}	
	.columnleftPages {
    	width: 65%;
	}
	.bodyPagesEMO {
    	margin-left: 2px;
	}
}
 
/*Google Nexus7 portrait = 603 not added*/
 
/*Kindle Fire, Samsung Gallaxy portrait*/
 @media only screen and (max-width: 600px){
	.googlemap {
		display: none;
	 }
	.bodyPages {
    	width: 90%;
	}
	.columnleftPanel {
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 96%;
	}
	.columnleftPanel ul, ol {
    	padding: 0;
	}
	.leftPanelNav {
		float: none;
		text-align: center;
		padding-right: 10px;
		font-size: 10px;
	}
	.leftPanelNav li {
		display: inline;
		padding-left: 10px;
	}
	.topPanelNav li a {
    padding-left: 8px;
    padding-right: 8px;
}
	.columnleftPages {
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
		width: auto;
		border: none;
		clear: both;
		float: none;
	}
	.bodyPagesEMO {
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
		width: auto;
		border: none;
		clear: both;
		float: none;
	}
	.columnleftEMO {
		margin-left: auto;
		margin-right: auto;
		padding-left: 10px;
		padding-right: 10px;
		width: auto;
		border: none;
		clear: both;
		float: none;
	}
	.columnrightEMO {
		margin-left: auto;
		margin-right: auto;
		padding-left: 10px;
		padding-right: 10px;
		width: auto;
		border: none;
		clear: both;
		float: none;
	}

}
		 
/*iPhone 5 landscape = 568 - not added seems to work*/
		 
/*Gallexy S2, ASUS Gallaxy 7 landscape, KindleFire HD7 portrait*/		 
@media only screen and (max-width: 568px){
	.columnleftPanel {
    	width: 94%;
	}
	.box1Small {
    	width: 100%;
	}
	.box2Small {
    	width: 100%;
		padding-top: 20px;
	}
	.columnIndex45 {
		float: none;
		padding: 5px;
		width: 98%;
	}
	
	.column45Form {
		float: none;
		margin-left: 0;
		padding: 5px;
		width: 98%;
	}
	.boxGreypadded {
    width: 96%;
}

 }
 
@media only screen and (max-width: 533px){
	.bodyPages {
    padding-left: 10px;
	}
	.columnleftsmall {
		float: none;
		margin-left: auto;
		margin-right: auto;
		padding-right: 0;
		width: 97%;
	}
	.middlecolumn {
		float: none;
		margin-left: auto;
		margin-right: auto;
		padding-right: 0;
		width: 97%;

	}
	.columnrightsmall {
		float: none;
		margin-left: auto;
		margin-right: auto;
		padding-right: 0;
		width: 97%;
	}
	.box1 {
    	width: 45%;
	}
	.box1 {
		width: 45%;
	}
	.box3 {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	table.calendartable {
    width: 98%;
	}
	.weather {
		display: none
	}
	.weathermobile {
		display: block;
	}

}
		 		 
/*iPhone 3, 4, LG Sptimus S landscape*/
@media only screen and (max-width:480px){
	.columnleftPages {
		float: none;
    	width: auto;
	}
	.middlecolumn {
		float: none;
		width: auto;
		clear: both;
		padding-left: 10px;
		padding-right: 10px;
	}
	.bodyPages {
   		width: 88%;
	}
	.content {
		width: 97%;
	}
	.TableBox45 {
    float: none;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: 90%;
}

}

/*iPhone 6+ portrait*/
 @media only screen and (max-width: 414px){ 
	#navbarhorizontal {
    	width: 96%;
	}
	#head3 {
		background-color: #fff;
	}
		.leftPanelNav {
		float: none;
		text-align: center;
		padding-right: 6px;
		font-size: 6px;
	}
		.boxGreypadded {
		width: 94%;
	}
 }
 
/*iPhone 6 portrait*/
@media only screen and (max-width:375px){
	.bodyPages {
    	width: 86%;
	}
}
 
/*Gallaxy S5 portrait*/
@media only screen and (max-width:360px){
	#navbarhorizontal {
    	width: 95%;
	}
	.columnrightNarrow {
    	width: 92%;
	}
}

/*iPhone 3, 4, LG Optimus S, Gallaxy 7, Gallaxy S3, S4 portrait, Motorola V8 landscape
@media only screen and (min-width:320px){
}
/* Suggested pixel widths to consider 

*/