@charset "utf-8";
/* CSS Document */
img {
	width: 100%;
}
img.af-form-close-button {
	width: auto;
}
/*td {
	vertical-align: top;
}
*/

@media only screen and (max-width: 799px) {
/*.ContentColumnHome,
#PageWrapper {
	width: 100% !important;
}*/
}
@media only screen and (min-width: 1024px) {
.SnippetPhoto .thumPic1 {
	margin-right: 0 !important;
}
}
/*@media only screen and (min-width: 800px) and (max-width: 1023px) {*/
@media only screen and (max-width: 1024px) {
img {
	width: 100%;
}
iframe {
	width: 100%;
	height: 245px;
}

h1 {
	font-size: 200%;
}
h2 {
	font-size: 160%;
	margin-bottom: 0;
}
h5 {
	font-size: 120% !important;
}
.T3Menu h5 {
	font-size: 100% !important;
}
.resMenuToggler {
	display: block;
}
#Header {
	width: 730px;
}
#Header .Liner {
	/*min-height: 246px;
	background-size: 100% 100%;*/
}
#Header .LinerHome {
	/*min-height: 330px;*/
}
#Header .ExtraNav {
	bottom: 3px;
	display: none;
}
#Header .DropDownNav {
	display: none;
}
.ExtraNav a {
	margin-left: 3px !important;
	margin-right: 3px !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.ContentColumnHome,
#PageWrapper {
	width: 730px !important;
}
#PageWrapper {
	margin-top: 20px;
}
#ContentColumn {
margin: 0 200px 0 0px;
}
#ExtraColumn {
width: 200px;
margin-left: -200px;
}
.ThumbnailLink a {
	line-height: 1.2;
}
.ThumbnailLink a img {
	margin: 0 0 5px;
}

.SnippetPhoto {
	/*margin-right: 0;*/
}
.ItemLeft {
	/*float: none;
	margin-right: 0;*/
}

}

@media only screen and (max-width: 1024px) and (orientation: portrait) {
	#PageWrapper {
		margin-top: 10px;
	}
	#ContentColumn {
		margin: 0 0 18px !important;
		padding: 0 !important;
	}
	.SnippetPhoto {
		/*margin-right: 0;*/
	}
	#ExtraColumn {
		clear: both;
		float: none;
		width: 440px;
		margin: 0 auto;
	}

}

/*@media only screen and (min-width: 320px) and (max-width: 799px) {*/
@media only screen and (max-width: 799px) {
img {
	width: 100%;
}
h1 {
	font-size: 140%;
}
.home h1 {
	font-size: 180%;
}
h2 {
	font-size: 130%;
	margin-bottom: 0;
}
h4 {
    font-size: 130%;
    line-height: 1.2;
    padding: 5px 0;
}
.home h2 {
	font-size: 160%;
	margin-top: 10px;
}
h5 {
	font-size: 120% !important;
}
.T3Menu h5 {
	font-size: 100% !important;
}
.resMenuToggler {
	display: block;
	height: 33px;
	width: 33px;
}
#Header {
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#Header .Liner {
	/*min-height: 100px;
	background-size: 100% 100%;*/
}
#Header .LinerHome {
	/*min-height: 135px;*/
}
#Header .ExtraNav {
	bottom: 3px;
	display: none;
}
#Header .DropDownNav {
	display: none;
}
.ExtraNav a {
	margin-left: 3px !important;
	margin-right: 3px !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.ContentColumnHome,
#PageWrapper {
	width: 100% !important;
	/*padding-left: 10px;
	padding-right: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;*/
}
#PageWrapper {
	margin-top: 10px;
}
#ContentColumn {
	margin: 0 0 18px !important;
	padding: 0 !important;
}
.SnippetPhoto {
	/*margin-right: 0;*/
}
#ExtraColumn {
	clear: both;
	float: none;
	width: 440px;
	margin: 0 auto;
}

}
@media only screen and (max-width: 640px) {
.SnippetPhoto {
	/*margin-right: 0;*/
}
}
@media only screen and (max-width: 460px) {
iframe {
	width: 100%;
	height: 157px;
}
td {
	display: block !important;
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#Footer td { 
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.gsc-input-box td {
	display: inline !important;
	width: auto !important
}
.SnippetPhoto {
	margin-right: 0;
}
.ItemLeft {
	float: none;
	margin-right: 0;
}
.af-form-close-button {
	left: 50% !important;
	margin-left: -15px !important;
}
.af-header .bodyText span {
	font-size: 100% !important;
}
.ReminderBox {
	margin-left: 0;
	width: 100%;
}
.ReminderBox p {
	padding: 0 10px;
}
#ExtraColumn {
	float: none;
	width: 100%;
	margin: 0 auto;
}

}
@media only screen and (max-width: 767px) {
.hideFrom-0-767 {
	display: none;
}
}

/* Akshoy told me to add this to create MobileOnly and DesktopOnly classes */
.DesktopOnly{display:block;}
.MobileOnly{display:none;}

@media screen and (max-width:600px){
.MobileOnly{display:block;}
.DesktopOnly{display:none;}
}

@media screen and (max-width:767px){
    .ItemLeft{width:100%; float:none;}
}
@media screen and (max-width:414px){
    .ItemLeftRandom.new {
	    margin: 18px 0px 8px 0px;
	}
	.ItemLeftRandom.new a {
	    width: 100%;
	    height: auto;
	}
	.ItemLeftRandom.new a img {
	    width: 100%;
	    max-width: 100%;
    	margin: 0;
	}
}


Desktop: H2 flush left (default)h2 {
    text-align: left;
}

/* --- Fix spacing after section titles on mobile --- */
@media screen and (max-width: 414px) {
  h2.section-title + h2 {
    margin-top: 8px;
    padding-top: 0;
  }
}