@media print {* {background: transparent !important ;color: black !important ;box-shadow: none !important ;text-shadow: none !important ;}body {width: 100% !important ;margin: 0 !important ;padding: 0 !important ;line-height: 1.3;word-spacing: 1.1pt;letter-spacing: 0.2pt;font-family: Garamond, "Times New Roman", serif;color: #000;background: none;font-size: 11pt;}h2, h3 {orphans: 3;widows: 3;page-break-after: avoid;}p {orphans: 3;widows: 3;}pre {border: #808080 solid 1px;page-break-inside: avoid;} blockquote {border: none;page-break-inside: avoid;}a, a:visited {text-decoration: underline;}a[href^="javascript:"]:after, a[href^="#"]:after {content: "";}img {max-width: 100% !important ;page-break-inside: avoid;}thead {display: table-header-group;}tr {page-break-inside: avoid;}#search, #searchbox, #topimage, #navwrapper, .menu, #nav, select, #leftColumn, #rightColumn, #footer, #credit, input.doNotPrint {visibility: hidden;display: none;height: 0;}.Accordion {border-left: none;border-right: none;border-bottom: none;overflow: visible !important;}#logo {display:compact;margin:0 auto}.doNotPrint {display: none;}.page-break {page-break-before:always}}
}
@media only screen and (max-width:330px) {/*.flexslider {height: 0;display:none;visibility:collapse}*/#logo p {height: 0;display:none;visibility:collapse}#logo img {float: none;margin-left: auto;margin-right: auto;}
}
@media screen {
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, table {margin: 0;padding: 0;border: 0;outline: 0;}
html {background: #ffffff;font-size: 62.5%;overflow-y: scroll;overflow-x: none;touch-action: auto}
table {border-collapse: collapse;border-spacing: 0;}
body {margin: 0;padding: 0;width: 100%;background-color: transparent;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;font-size: 1.4rem;line-height: 1.2em;color: #000000;}
p {color: #444;font-size: 1em;line-height: 1.6em;}
b, strong {color: inherit;}
h1, h2, h3, h4, h5, h6, p {margin: 10px;line-height: normal;font-weight : normal;font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;}
h1 {color: #2b6534;font-size: 2.3rem;margin-bottom: 15px;}
h2 {color: #04739c;font-size: 2.1rem;margin-top: 15px;margin-bottom: 10px;padding-top: 8px;}
h3 {color: #FFF;font-size: 1.8rem;line-height : 2em;background: #2b6534;padding-left: 8px;margin-left: 0;margin-right: 0;}
h4 {color: #5b5b5b;font-size: 2rem;margin-top: 25px;margin-bottom: 15px;padding-top: 10px;}
h5 {font-size: 1.8rem;color: #2b6534;padding-bottom: 6px;}
a, a:link {color: #749d7b;}
a:hover {text-decoration: none !important;color: #749d7b;}
a:visited {/*color: #749d7b;text-decoration: none;*/}
a:focus {/*color: #749d7b;*/}
a:active {/*color: #749d7b;*/}
a img:hover {opacity: 0.64999997615814208984375;}
hr {display: block;margin: 1em 0;padding: 0;height: 1px;border: 0;border-top: 1px solid #c7ced6;border-bottom: 1px solid #ffffff;}
img {max-width: 99.5%;height: auto;border-width: 0;vertical-align: middle;}
#outerWrapper {margin: 0 auto 0 auto;width: 100%;}
	#headerwrapper {background-color: #000;text-align: center;}
	#logo {min-height: 125px;width: 100%;margin: 0 auto;border-top: 6px solid #000;}
	#logo img {float: left;margin-left: 25%;}
	#logo p {float: left;font: Arial, Helvetica, sans-serif;font-size: 12px;line-height: 14px;width: 30%;margin-top: 20px;color: #FFF;}
	#search {display: none;visibility: hidden;height: 0;}
	#searchbox {display: none;visibility: hidden;height: 0;}
	#go {display: none;visibility: hidden;height: 0;}
	#topimage {float: none;border-top: 10px solid #000;width: 100%;}
	#topimage img, #topOver img {width: 100%;height: auto;}
	#topOver {width: 100%;z-index: 100;float: right;position: relative;top: 0;right: 0;}
	#header {width: 100%;margin-right: auto;margin-left: auto;text-align: center;}
#contentWrapper {clear: both;line-height: 1.5em;}
#main {float: none;width: 100%;background-color: #FFF;padding-bottom: 20px;}
#content p {margin-bottom: 20px;line-height: 1.5em;}
#content a {text-decoration: underline;}
section {clear: both;}
#leftColumn p, #rightColumn p {font-size: 0.9em;}
	#leftColumn {padding-top: 5px;padding-bottom: 5px;width: 100%;background: #000;}
#leftColumn h3 {font-size: 14px;font-weight: bold;color: #FFF;line-height: 32px;padding-left: 12px;text-transform: uppercase;border-style: none;border-width: 0;background: #666;border-radius: 10px 0 0 10px;box-shadow: -20px 0 26px rgba(0, 0, 0, 0.6) inset;}
#leftColumn h3 a {font-size: 14px;font-weight: bold;color: #FFF;text-transform: uppercase;display: block;text-decoration: none;}
#leftColumn h3 a:link {font-size: 14px;font-weight: bold;color: #FFF;text-transform: uppercase;display: block;}
#leftColumn h3 a:hover {color: #999;display: block;}
	#leftColumn h4 {font-size: 12px;font-weight: bold;color: #FFF;padding: 10px 12px;text-transform: uppercase;line-height: normal;background: #2B6533;border-radius: 10px;margin-bottom: 5px;margin-top: 10px;}
#leftColumn h4 a {font-size: 12px;font-weight: bold;color: #FFF;text-transform: uppercase;display: block;}
#leftColumn h4 a:link {font-size: 12px;font-weight: bold;color: #FFF;text-transform: uppercase;display: block;text-decoration: none;}
#leftColumn h4 a:hover {color: #999;}
#leftColumn h4.standout {background: #F00 !important;color:#FF0 !important;font-size:1.1em;}
#leftColumn h5 {font-size: 16px;color: #04739c;padding: 10px 12px;}
#leftColumn ul {list-style-type: none;margin-top: 0;margin-bottom: 8px;margin-left: 0;padding-left: 20px;}
/*#leftColumn ul li {background-image: url(../images/li-dot.png);background-repeat: no-repeat;background-position: left top;padding-left: 10px;}*/
#leftColumn ul li a:link, #leftColumn ul li a {font-weight: bold;padding-bottom: 0;margin-bottom: 0;text-decoration: none;}
#leftColumn ul li a:hover {color: #fff;}
#leftColumn ul ul {padding-left: 15px;list-style-type: none;margin-top: 0;margin-right: 0;margin-bottom: 8px;margin-left: 0;}
#leftColumn ul ul li {background-image: url(../images/li-sub-dots.png);background-repeat: no-repeat;background-position: left top;padding-left: 11px;}
#leftColumn ul ul li a:link, #leftColumn ul ul li a {font-weight: normal;text-decoration: none;}
#leftColumn a, #leftColumn a:link {color: #04739c;text-decoration: underline;}
#leftColumn a:hover {text-decoration: none;}
#leftColumn p {margin-left: 10px;margin-right: 10px;}
#leftColumn p:first-child {margin-top: 0;}
	#rightColumn {padding-top: 5px;padding-bottom: 5px;width: 100%;background-color: #D4D4D4;}
#rightColumn img {margin: 0 auto;max-width: 95%;}
#rightColumn a:link, #rightColumn a:visited, #rightColumn a:active {color: #04739c;}
#rightColumn h5 {font-size: 21px;color: #5b5b5b;letter-spacing: -1px;margin-top: 15px;line-height: 22px;margin-bottom: 5px;}
#rightColumn h4 {font-size: 18px;color: #2b6534;margin-top: 10px;line-height: 20px;text-align: center;border-top: 2px solid #FFDF00;padding-top: 4px;}
#rightColumn p {margin-top: 6px;margin-bottom: 6px;}
#rightColumn ul, #rightColumn ol {font-size:87%;line-height:normal;padding-left: 30px;}
#rightColumn .bullet a:after {content: url(../images/bullet.gif);}
	#content {width: 100%;}
#content.wide {float: none;width: 100%;}
#content p {margin-bottom:20px;line-height:1.5em}		
#content a {text-decoration: underline;}
#content ul, #content ol {margin-top: -4px;}
#content ul ul, #content ol ul {margin-top: 0;}
#content ul li {list-style: outside url(../images/bullet_green.jpg);font-size: 0.9em;color: #444;}
#content ol li {list-style: decimal outside;font-size: 0.9em;color: #444;}
#content ol li ol {list-style: lower-alpha outside;}
#footer {background-color: #2B6533;padding: 10px;color: #D7D7CC;text-align: center;font-size: 0.9em;}
	#footer-right {float: none;width: 100%;text-align: center;}
#footer a, #footer a:link, #footer a:visited, #footer a:active {color: #FFFFFF;font-weight: normal;text-decoration: none;}
#footer a:hover {color: #BCBCA9;}
#credit {text-align: center;font-size: 10px;color: #525340;margin: 0 auto;}
#credit a, #credit a:hover, #credit a:visited, #credit a:active, #credit a:focus {color: #666;font-weight: normal;}
table {max-width: 95%;margin: 0 auto}
#content table p {margin-bottom: 4px;}
/*#news {color: #000;border-top: 1pt none #000;border-right: 1pt solid #000;border-bottom: 1pt solid #000;border-left: 1pt solid #000;}
#news tr .alternate {background: url(../images/news_symbol.png) 4px 4px no-repeat #D4D4D4;padding-left: 30px;height: 26px;}
#news tr td {color: #000;line-height: normal;background: url(../images/whistle.png) 4px 4px no-repeat;padding-left: 30px;height: 34px;border-bottom: 1pt solid #2b6534;display: table-cell;font-size: 90%;}*/
.greenRevRtAlign {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 1em;line-height: 1.2em;color: #FFF;background: #2b6534;text-align: right;padding-right: 6px;}
#news tr .greenRevRtAlign {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 1em;line-height: 1em;color: #FFF;background: #2b6534;height: auto;}
table {font-size: .85em}
table p {margin-bottom: 0;line-height: 1em;}
#news tr .greenRevRtAlign a {color: #FFF;}
#news tr .greenRevRtAlign a:hover {color: #D4D4D4;text-decoration: none;}
#news tr td a {color: #2A6533;}
#news tr td a:hover {color: #5b5b5b;}
/*#news tr:nth-child(1) {background: #fff;}*/
tr .blkbg {background:#000}
.alternate {background: #D4D4D4;}
.lined tr:nth-child(2n+1) {background-color: #D4D4D4;}
.lined tr:nth-child(1) {background: #000;color: #FFFFFF;text-align: left;margin: 0 0 0 3px;padding: 0;}
.crews tr:nth-child(4n+1), .crews tr:nth-child(4n+1) p {background: #000;color:#FFF}/*can change this depending upon how the tabels are sent in - this makes every 5th row black.*/
.endStoryLine {border-bottom: 2pt solid #5B5B5B;padding: 0;margin: 0;}
#content table {/*position: relative;background-color: #FFF;width: 100%; removed because it covered up spry accordion - not sure why it was in here*/}
#content section {margin-top: -20px;}
#content section img {border: #FFFFFF solid 4px;display: inline;top: 0;position: relative;left: 0;padding: 0;margin-right: 15px;margin-bottom: 15px;vertical-align: text-top;box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);float: left;text-align: left;}
#content section h4 {margin-left: 130px;padding-bottom: 0;text-align: left;}
#content section p {margin-left: 130px;margin-top: 0;padding-top: 0;text-align: left;margin-bottom: 8px;}
#content table tr.reversed td {border-right: 1px solid #FFFFFF;background: url(none);}
#content .video #slider {text-align: left;margin: 0;list-style: none;}
.greenText {color: #2A6534;}
.blueText {color: #036;}
.whiteText {color: #FFF;}
.blackRegLeading {line-height: normal;color: #000;}
.redText {color: #F00;}
.yellowText {color: #FC0 !important;}
.pink {color: #EF3E6D;}
.yellowHighlight {background: #FF3;}
.greenHighlight {background: #6F0;}
.video {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 1em;line-height: normal;color: #FFF;background: #000;padding: 8px;margin-right: auto;margin-left: auto;max-width: 99%;padding-top: 8px;}
.stripes {background: url(../images/blue_white_stripes.jpg) repeat-x;width: 100%;padding-top: 8px;padding-bottom: 0;margin: 0;}
.stripesBottom {background: url(../images/blue_white_stripes.jpg) bottom repeat-x;width: 100%;padding-top: 0;padding-bottom: 8px;}
.photoCaption {font-size: 95%;font-style: italic;color: #2A6533;line-height: normal;text-align: center;}
.center, .alignCenter {text-align: center;margin-right: auto;margin-left: auto;}
#topDiv #outerWrapper #contentWrapper #content .video #slider {text-align: left;margin: 0;padding: 0;}
#topDiv #outerWrapper #contentWrapper #content #recruitform {font-size: 10.5pt;color: #000;}
.quote {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;font-size: 12pt;font-style: italic;font-weight: normal;color: #2A6533;}
.largerText, #content .largerText {font-size: 110%;}
.muchLargerText {font-size: 120% !important;}
.hugeText {font-size: 200% !important;}
.smallerText, #content .smallerText {font-size: 85% !important;line-height: normal;}
.paddingRight {padding-right: 10px;}
.dottedGreenLine {border-bottom: 1pt dotted #2A6533;margin: 0;padding: 0;}
#content input[type="text"], #content input[type="email"], #content textarea, #content input[type="tel"] {width: 95%;vertical-align: text-top;padding: 5px;background: #fafafa;border-color: #ccc #efefef #efefef #ccc;border-width: 1px;border-style: solid;margin-bottom: 10px;margin-left:10px;border-radius: 3px;resize: vertical;}
#content input[type="date"] {vertical-align: text-top;padding: 5px;background: #fafafa;border-color: #ccc #efefef #efefef #ccc;border-width: 1px;border-style: solid;margin-bottom: 10px;border-radius: 3px;resize: vertical;}
#outerWrapper #contentWrapper #main #content #contract .onehalf #signature input {font-family:"Brush Script", cursive}
#content input:focus, #content textarea:focus {background: #fff;border-color: transparent;box-shadow: 0 0 6px rgba(48, 136, 255, 0.7);}
input[type="image"] {border: 0;box-shadow: none;}
input[type="file"] {width: auto;padding: initial;line-height: initial;border: initial;background-color: transparent;background-color: initial;box-shadow: none;}
#bbrule .onehalf .fr, #bbrule .onehalf p.fr, #bbrule .onehalf p .smallerText, #fbrule .onehalf .fr, #fbrule .onehalf p.fr, #fbrule .onehalf p .smallerText, #flagfbrule .onehalf .fr, #flagfbrule .onehalf p.fr, #flagfbrule .onehalf p .smallerText, #vbrule .onehalf .fr, #vbrule .onehalf p.fr, #vbrule .onehalf p .smallerText {float: left;margin-left: 10px;margin-bottom: 0;overflow-wrap: break-word;text-align: left;}
.g-recaptcha {margin-left:10px}
.button a, a.button, #content #submit, #submit2, #submit3, #submit4, #submit5 {width: auto;color: #04739c;text-decoration: none !important ;background: #bad04a;background-color: #bad04a;text-align: center;display: inline-block;border-radius: 20px;line-height: 2.3em;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);padding: 0 20px;white-space: nowrap;}
a.button:hover, #submit:hover {color: #FFF !important ;text-shadow: 1px 1px 1px #000;}
#printed-article {display: none;}
.indented {margin-right: 20px;margin-left: 20px;}
.nowrap {white-space: nowrap;}
.page-break {display: none;}
.blinking {text-decoration: blink;}
#attn-box {background: url(../images/attn-box.gif) no-repeat;display: block;}
.clearFloat {clear: both !important;height: 0;}
#leftColumn table tr td a img {padding-top: 10px;}
#leftColumn ul li ul {margin-left: 5px;list-style: none;}
.announceLine {margin: 2px 0 0;padding: 0;height: 2px;width: 100%;border-top: 2px dashed #036;}
.dividerLine {margin: 2px 0 26px;padding: 0;height: 2px;width: 100%;border-top: 3px solid #E8E8E8;clear: both;}
#news .short-table tr td {background: url(none);}
table .short-table td, table .short-table th {padding: 4px;text-align: left;color: #757475;background: url(none);}
table .short-table tr:nth-child(2n 1) {background: url(none) #f6f6f6;}
#content .short-table th {background: url(none);background: url(none) #FFF;border-bottom: 2px solid #e0e0e0;text-align: left;color: #d2232a;font-weight: bold;}
#content .short-table tr:nth-child(2n 1) {background: url(none);background-color: #D7D7D7;}
/*#content #news tr table td {background-image: url(none);padding-left: 0;height: auto;font-size: 100%;}
#content #news .alternate tr table td {background: #FFF;background-image: url(none);padding-left: 0;height: auto;font-size: 100%;}
#content table tr .greenRevRtAlign a {color: #FFF;}*/
	.onefourth {float: left;width: 98%;padding-right: 4px;padding-left: 4px;margin-bottom: 15px;}
.onefourthlast h3, .onefourth h3 {margin-top: 0;padding-top: 0;}
	.onefourthlast {float: left;width: 98%;padding-left: 2%;}
	.onethird {float: left;width: 98%;padding-left: 2%;}
	.onehalf {float: none;width: 98% !important;margin-left: 2%;}
.box {width: 93%;height: auto;padding: 3px;border-radius: 10px;margin: 0 auto 8px;}
.bgred {background-color: #DA2028;}
.bgwhite {background-color: #FFF;}
.bgblk {background-color: #000;}
.bgblue {background-color: #0972B5;}
.bggreen {background-color: #9FC83D;}
.bggrey {background-color: #CCC;}
.bggold {background-color: #ffd400}
.bdrblk {border: black solid 3px;}
.bdrgrey {border: #999 solid 3px;}
.bdrwhite {border: #FFF solid 3px;}
.bdrred {border: #DA2028 solid 3px;}
.bdrwhite {border: #FFF solid 4px;}
.bdrGold {border: #FBD540 solid 3px;}
.bdrGreen {border: #2b6534 solid 2pt;}
.borderRight {border-right: 1px dotted #2B6534;}
.borderShadow {border: #FFF solid 2pt;box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);}
.shadow {box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);}
.reversed {color: #FFFFFF;}
.greyBackground {background: #D9D9D9;}
.flag { /* fallback DIY*/  /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, left top, right top, from(red), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.75, white), to(blue));  /* Safari 5.1+, Chrome 10+ */ background: -webkit-linear-gradient(left, red, white, white, white, blue);  /* Firefox 3.6+ */ background: -moz-linear-gradient(left, red, white, white, blue, blue);  /* IE 10 */ background: -ms-linear-gradient(left, red, red, white, white, blue);  /* Opera 11.10+ */ background: -o-linear-gradient(left, red, white, white, blue, blue); text-shadow: 0px 0px 5px rgba(255, 255, 255, 1.0);}
.fr {float: right;}
.fl {float: left;}
#outerWrapper #contentWrapper #main #content #contract .onehalf .fr, /*form p.fr*/ {float: left !important;}
.padR {padding-right: 10px;}
.padL {padding-left: 10px;}
.clearFloat {clear: both;display: block;}
@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.3.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa, .fas{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0);}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}	
	a.menu-link {display: block;color: #fff;background-color: #333;float: right;text-decoration: none;padding: 19px 30px;}
	.menu {display: block;clear: both;min-width: inherit;float: none;transition: all 0.3s ease;/*-webkit-transform: preserve-3d;-ms-transform: preserve-3d; transform: preserve-3d;*/-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; 0-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
	.menu, .menu > ul ul {display: block;overflow: hidden;max-height: 0;background-color: #f4f4f4;/*-webkit-transform: preserve-3d;-ms-transform: preserve-3d; transform: preserve-3d;*/}
	.menu > li > ul.sub-menu {display: block;padding: 0;border: none;/*-webkit-transform: preserve-3d;-ms-transform: preserve-3d;transform: preserve-3d;*/}
	.menu.active, .menu > ul ul.active {display: block;max-height: 55em;/*-webkit-transform: preserve-3d;-ms-transform: preserve-3d;transform: preserve-3d;*/}
	.menu ul {display: inline-block;/*-webkit-transform: preserve-3d;-ms-transform: preserve-3d;transform: preserve-3d;*/}
	.menu > ul {display: block;border-top: 1px solid #808080;}
	.menu li, .menu > ul > li {display: block;text-align: left;/*-webkit-transform: preserve-3d;-ms-transform: preserve-3d;transform: preserve-3d;*/}
	.menu li a {color: #000;display: block;padding: 0.8em;border-bottom: 1px solid #808080;position: relative;text-decoration: none;}
	.menu li.has-submenu > a:after {font-family: 'FontAwesome';content: '\f023' /* was\f0ab */;position: absolute;top: 0;right: 0;display: block;padding: 0.55em 0.5em;color:#F00}
	.fa-lock {position: absolute;top: 0;right: 0;display: block;padding: 0.55em 0.5em;color:#F00}
.fa-unlock-alt {position: absolute;top: 0;right: 0;display: block;padding: 0.55em 0.5em;color:#000}	
#main .fa-lock {font-size:0.9em;position:relative;float:none;display:inline-block}	
	.menu li.has-submenu.open > a:after {content: '\f13e';color:#000000}
	.menu li.has-submenu > a.active:after {content : "-";}
	.menu ul ul > li a {display: block;height: auto;padding-left: 40px;-webkit-transform: preserve-3d;/*-ms-transform: preserve-3d;transform: preserve-3d;*/}
	.menu ul ul, .menu ul ul ul {display: inherit;position: relative;left: auto;top: auto;border: none;/*-webkit-transform: preserve-3d;-ms-transform: preserve-3d;transform: preserve-3d;*/}
	.menu {width: 100%;}
	.menu ul {margin: 0;padding: 0;}
	/*.flexslider {height: auto !important;max-width: 767px;}
	.flexslider img {height: auto;width: 100%;}*/
.bounce, .bounceIn {-webkit-animation: bounceIn 2s .5s infinite;-o-keyframes: bounceIn 2s .5s infinite;-moz-keyframes: bounceIn 2s .5s infinite;-webkit-animation: bounceIn 2s ease-in-out .5s infinite normal;animation: bounceIn 2s ease-in-out .5s infinite normal;}/*if infinite not wanted then assign style property to the object itself: animation-iteration-count: 6;*/
@-webkit-keyframes bounceIn {0% {-webkit-transform: scale(0.1);transform: scale(0.1);opacity: 0;}60% {-webkit-transform: scale(1.2);transform: scale(1.2);opacity: 1;}100% {-webkit-transform: scale(1);transform: scale(1);}
}
@-moz-keyframes bounceIn {0% {-moz-transform: scale(0.1);transform: scale(0.1);opacity: 0;}60% {-moz-transform: scale(1.2);transform: scale(1.2);opacity: 1;}100% {-moz-transform: scale(1);transform: scale(1);}
}
@-o-keyframes bounceIn {0% {-o-transform: scale(0.1);transform: scale(0.1);opacity: 0;}60% {-o-transform: scale(1.2);transform: scale(1.2);opacity: 1;}100% {-o-transform: scale(1);transform: scale(1);}
}
@keyframes bounceIn {0% {transform: scale(0.1);opacity: 0;}60% {transform: scale(1.2);opacity: 1;}100% {transform: scale(1);}
}
.flag { /* fallback DIY*/  /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, left top, right top, from(red), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.75, white), to(blue));  /* Safari 5.1+, Chrome 10+ */ background: -webkit-linear-gradient(left, red, white, white, white, blue);  /* Firefox 3.6+ */ background: -moz-linear-gradient(left, red, white, white, blue, blue);  /* IE 10 */ background: -ms-linear-gradient(left, red, red, white, white, blue);  /* Opera 11.10+ */ background: -o-linear-gradient(left, red, white, white, blue, blue); text-shadow: 0px 0px 5px rgba(255, 255, 255, 1.0);}
.colorize {background-color: red;-webkit-animation-name: colorize; /* Chrome, Safari, Opera */-webkit-animation-duration: 4s; /* Chrome, Safari, Opera */animation-name: colorize;animation-duration: 5s;animation-iteration-count: infinite;}
/* Chrome, Safari, Opera */@-webkit-keyframes colorize {from {background-color: darkorangeg/*red*/;}to {background-color: yellow;}}
/* Standard syntax */@keyframes colorize {from {background-color: darkorangeg/*red*/;}to {background-color: yellow;}
.doNotPrint {display: block;}}
@media only screen and (min-width:480px) and (max-width:767px) {
.onehalf {float: left;width: 48%;margin-left: 0;}
/*#bbrule .onehalf .fr, #bbrule .onehalf p.fr, #bbrule .onehalf p .smallerText, #bbrule .onehalf p .fr {float: right !important;margin-left: 10px;text-align: right;}*/
.onefourth, .onefourthlast {float: left;width: 47%;}
#outerWrapper #contentWrapper #main #content #contract .onehalf .fr {float: right !important;} }
}

@media only screen and (max-width:767px) {
#recruitform .onehalf p.fr {float: none;margin-left: 10px;text-align: left !important;}/*to line up on in-between screens*/
}
@media only screen and (min-width:768px) {
html {background-image: url(../images/stripes.jpg);background-repeat: repeat;}
table {max-width: 100%;font-size: 1em}
#outerWrapper {max-width: 1200px;}
#headerwrapper {background-image: url(../images/head-wrap-bg.jpg);background-repeat: repeat-x;background-position: top;text-align: center;}
#header {height: 186px;}
#search {float: left;padding-top: 5px;padding-left: 10px;display: block;visibility: visible;}
#searchbox {position: fixed;text-align: left;padding-right: 20px;padding-left: 20px;margin: 0;float: left;padding-top: 4px;display: block;visibility: visible;min-height: 30px;background-color: #000;}
#go {float: left;display: block;}
#logo {width: auto;min-width: 250px;margin: 45px 0 0 10px;border-top: none;float: left;}
#logo p {float: left;font: Arial, Helvetica, sans-serif;font-size: 12px;line-height: 14px;margin-left: 140px;margin-top: 20px;color: #000;max-width: 100px;position: absolute;}
#topimage {float: right;height: 184px;max-width: 63.5%;z-index: -1;border-top: none;}
#topOver {z-index: 100;float: right;}
#topimage img {width: 100%;height: 184px;}
#logo img {float: left;margin-left: 5%;}
a.menu-link, .menu-link {display: none;}
nav ul {display: inline-table;}
nav select {display: none;}
nav {z-index: 20;/*position: relative;*/padding-top: 0;border-bottom: 3px solid #004159;height: auto;}
.menu, .menu > ul ul {overflow: visible;max-height: inherit;height: auto;background-color: #2b6534;}
.menu > ul {border-top: none;}
.menu li, .menu > ul > li {display: inline-table;}
.menu li a {color: #fff;padding: 0;border-bottom: none;}
.menu li.has-submenu > a {padding-right: 20px;}
.menu li.has-submenu > a:after {font-size: 1.2em;padding: 0 0 0 0.5em;color:#f00}
.menu li.has-submenu.open > a:after, .open {color:#FFF !important}
.menu li.has-submenu > a.active:after, .menu li.no-sub > a.active:after {font-family:'FontAwesome';content: "\f13e";}/* 'f0aa' = down arrow? "\f023" = lock*/
.menu ul ul > li a {padding-left: 0;}
.menu ul li {border-right: 1pt solid #FFF;font-size: 1.2rem;font-weight: normal;text-shadow: 0 2px 2px rgba(0, 0, 0, 0.8);letter-spacing: 0.1em;position: relative;margin-left: -4px;padding: 0.8em 0.82em;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
.menu > ul > li:first-child {border-left: none;}
.menu ul li ul {position: absolute;left: -99999em;top: -99999em;}
.menu ul li a:visited, .menu ul li a {color: white;text-decoration: none;}
.menu ul li:hover, .menu ul li .current {background-color: #004159;}
.menu ul li ul li {display: block;background: #2B6333;border-bottom: 1px solid #FFF;border-left: 1px solid #FFF;border-right: 1px solid #FFF;line-height: normal;font-size: 1.3rem;margin-left: 0;padding:12px}
.menu ul li ul li:first-child {border-top: 1px solid #FFF;}
.menu ul > li:hover > ul {left: 0;left: 0;top: 99%;border-right: none;}
#index .home, #about_the_cfoa .about1, #board-committees-contact .about1, #bylaws .about2, #meeting_minutes .about3, #treasurer .about4, #job-responsibilities .about5, #playoff-crew-policy .about6, #grievance-policy .about6, #policies-procedures .about6, #procedure-unsportsman-conduct .about6, #scratch-policy .about6, #pay-at-site-schools .about7, #tackle_football .sports1, #basketball .sports2, #flag_football .sports3, #volleyball .sports4, #classes .training1, #exams .training2, #handbooks_downloads .training3, #links .training5, #news .news1, #basketball-news .news3, #tackle-football-news .news4, #flag-football-news .news5, #volleyball-news .news6, #news_archive .news2, #news_archive2018 .news2, #news_archive2017 .news2, #news_archive2016 .news2, #news_archive2015 .news2, #news_archive2014 .news2, #news_archive2013 .news2, #news_archive2012 .news2, #news_archive2011 .news2, #news_archive2010 .news2, #news_archive2009 .news2, #home .hall1, #distinguished_service .hall2, #inductees2015 .hall1, #inductees2014 .hall1, #inductees2013 .hall1, #inductees2012 .hall1, #inductees2011 .hall1, #inductees2010 .hall1, #inductees2009 .hall1, #inductees2008 .hall1, #photos .photos, #contact .contact, #index_list .news2, #contract-athletic-contest-officials .schools, #coaches .coaches, #ad-contacts .schools, #final-call .hall3, #recruit_registration .officials1, #recruitment_form .officials2, #veteran_officials .officials3, #arbiter_help .officials5, #faq .officials6 {color: #FBD540;}
.fa-lock {position: relative;float:right;padding: 0 0.3em;color:#F00;font-size: 1.3em;}
.fa-unlock-alt {position: relative;float:right;padding: 0 0.3em;color:#FFF !important;font-size: 1.3em;}
#main {float: right;width: 77.5%;padding-left: 1.5%;background: #FFF;padding-bottom:20px;}
.onefifth {float: left;width: 18%;padding-right: 8px;padding-left: 4px;}
.onefourth {float: left;width: 23%;padding-right: 6px;padding-left: 4px;}
.onefourthlast {float: left;width: 23%;padding-left: 4px;padding-right: 0;clear: none;}
.onethird {float: left;width: 30.55%;padding-right: 3px;}
.onehalf {float: left;width: 47% !important;/*margin-left: 0px;*/}

#bbrule .onehalf .fr, #bbrule .onehalf p.fr, #bbrule .onehalf p .smallerText, #bbrule .onehalf p .fr, #fbrule .onehalf .fr, #fbrule .onehalf p.fr, #fbrule .onehalf p .smallerText, #fbrule .onehalf p .fr, #flagfbrule .onehalf .fr, #flagfbrule .onehalf p.fr, #flagfbrule .onehalf p .smallerText, #vbrule .onehalf .fr, #vbrule .onehalf p.fr, #vbrule .onehalf p .smallerText {float: right;margin-left: 10px;text-align: right !important;}

#leftColumn {float: left;width: 21%;margin: 0;background: rgba(0, 0, 0, 0.5);padding-top:5px;padding-bottom:5px;}
#leftColumn h4 {border-radius: 10px 0 0 10px;box-shadow: -20px 0 26px rgba(0, 0, 0, 0.6) inset;margin-right: 0;}
#rightColumn {background-color:#D4D4D4;float: right;width: 24.5%;margin: 0;padding: 0 10px;}
#outerWrapper #contentWrapper #main #content #contract .onehalf .fr {float: right !important;}
#content {padding: 0;width: 71%;margin: 10px 1% 0 0;float: left;}
#content.wide {float: right;width: 100%;}
#footer {text-align: left;}
#footer-right {float: right;width: 40%;text-align: right;}
}
@media only screen and (min-width:960px) {.menu ul li {padding: 0.8em 1.2em;/*font-size: .95em;*/}.menu li.has-submenu > a {padding-right: 18px;}#topimage {width: 65%;height: 186px;} #recruitform .onehalf p.fr {float: right !important;}}
}
@media only screen and (max-width:992px) {.flexslider {height: 184px;width: 100%;}.flexslider img, .flexslider .slides img {height: 186px;}
}