
body {font-size:13px; font-family:Arial, Helvetica, sans-serif;}
h1, h2,h3,h4,h5,h6 { font-family: "futura-pt",sans-serif; font-weight:normal; color: #000;}
h2,h3,h4,h5,h6 { font-family: Arial; margin-bottom: 10px; }

h1 { font-size: 21px; text-transform: uppercase; margin-bottom: 10px; }
h2 { font-family: Arial; font-size: 18px; margin-bottom: 10px; font-weight: bold; color: #333333; }
h3 { font-family: Arial; font-size: 16px; margin-bottom: 10px; font-weight: bold; color: #333333; }
h4 { font-family: Arial; font-size: 14px; margin-bottom: 10px; font-weight: bold; color: #333333; }

p {margin:0 0 17px; font-size:13px; line-height:21px;}
a {color:#67a430; text-decoration:none;}
a:hover {color:#67a430;}

em {font-style:normal; font-style:italic }

table {border-collapse:collapse; border:1px solid #d4d4d4; border-spacing:0; margin:0 0 10px;}
table tr:nth-child(even) {background-color:#ededed;}
table tr.even, .content table th, .content thead td { background-color: #ededed; }
table td, .content table th { padding:2px 5px; border: 1px solid #d4d4d4; vertical-align:top;}
table th {text-align:left; font-weight:bold;}

p.intro{font-family:"CamboRegular", Georgia, "Times New Roman", Times, serif; font-size:22px; line-height:32px; margin-bottom:20px; color:#222;}

#WA5-Content ul { margin-left: 16px; margin-bottom: 10px; }
#WA5-Content ul li { list-style: disc; line-height: 18px; }

#WA5-Content ol { margin-left: 19px; margin-bottom: 10px; line-height: 18px; }

p img.left {
	float: left;
	margin-right: 10px !important;
}

.typography img { max-width: 100%; height: auto; }

blockquote { position: relative; padding: 5px 20px; display: inline-block; }
blockquote:before, .typography blockquote:after { position: absolute; top: 0; font-size: 24px; color: #9A9A9A; }
blockquote:before { content: '"'; left: 0; }
blockquote:after { content: '"'; right: 0; }
blockquote p { margin-top: 0; font-size: 16px; font-style: italic; }

.two-columns { display: block; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; }
@media only screen and (max-width: 480px) { .two-columns { -moz-column-count: auto; -webkit-column-count: auto; column-count: auto; -moz-column-gap: 0; -webkit-column-gap: 0; column-gap: 0; } }
.three-columns { display: block; -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; }
@media only screen and (max-width: 640px) { .three-columns { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } }
@media only screen and (max-width: 480px) { .three-columns { -moz-column-count: auto; -webkit-column-count: auto; column-count: auto; -moz-column-gap: 0; -webkit-column-gap: 0; column-gap: 0; } }
.videowrapper { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin-bottom: 18px; }
.videowrapper iframe,  .videowrapper img { position: absolute; top: 0; left: 0; max-width: 100% !important; max-height: 100% !important; }
.columns { width: 100%; clear: both; overflow: hidden; }
.columns .column { display: block; float: left; padding: 5px; -moz-box-sizing: border-box; box-sizing: border-box; }
.columns.two > .column { width: 50%; }
.columns.three > .column { width: 33.3%; }
.columns.four > .column { width: 25%; }
@media only screen and (max-width: 767px) { .columns.four > .column { width: 50%; } }
@media only screen and (max-width: 640px) { .columns.three > .column { width: 50%; } }
@media only screen and (max-width: 480px) { .columns .column { width: 100% !important; } }
