@charset "UTF-8";
/*----- Web Solutions 3.0 Compatible -----*/
* {margin:0;padding:0;border:0;outline:none}
ul li{list-style:none}
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr{font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit}
table {border-collapse:collapse}
td {vertical-align:top}

* {-webkit-box-sizing: border-box;box-sizing: border-box}

/*----- CORE ELEMENTS -----*/
#mainBody {background: url(../images/brick.gif) repeat left top}
#mainBG{ position:relative}
#wysiwygBody{background:#fff}
#siteWrap {margin-right:auto;margin-left:auto;width:950px;position:relative; z-index:2;}
.clearFloats {clear:both}
#printHeader {display:none}
.nobr { white-space: nowrap}
td {empty-cells:show;}
.even{}
.odd{background:#efefef}

.req{color:#c00}

/*----- Text Styles -----*/
body, .text{font-family:Arial, Helvetica, sans-serif;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;font-size:1em;line-height:1.7em;color:#666666}
body, .text, th{text-align:left}

a{color: #699D22;-webkit-transition: ease all 200ms;transition: ease all 200ms;
    text-decoration: none;}
a:hover, a:active{color:#262262;text-decoration:none}

p, h1, h2, h3, h4, hr, #content ul, .contentEditor ul, blockquote, dd{margin-bottom:10px}
h1, h2, h3, h4, h5, h6, h7, h8, h9, th{font-weight:normal; background: none}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt{color:#31659b}
em, i{font-style: italic}
b, strong{font-weight:bold}
u {text-decoration:none}
hr, .borderTop, dt{border-top:1px dashed #dfd2bc;margin-top:10px;padding-top:5px}
hr{height:0px;margin-top:10px}
p{font-size:1em}
h1{font-size:1.72em;margin-bottom:15px; color:#005d68; border-bottom: solid 1px #dfd2bc; padding-bottom:5px;}
h2{font-size:1.25em; color:#423142}
h3{font-size:1.2em;margin-bottom:7px; color:#a45246}
h4, th{font-size:1.2em}
h5, h6, h7, h8, h9{font-size:1.1em;margin:0px 0px 0px 0px}
#content ul li, #content_home ul li, .contentEditor ul li, #featVid ul li, #news ul li, #events ul li, #blog ul li, #quickLinks ul li{background:url(../images/icons/16x16/bullet.gif) no-repeat 0px 3px;margin-top:3px;padding-left:20px}
#content ol, #content_home ol, .contentEditor ol{margin-left:20px}
#content ul li ul li, #content_home ul li ul li, .contentEditor ul li ul li{background:url(/images/icons/16x16/bullet2.gif) no-repeat -5px -1px;margin-top:3px;padding-left:10px;color:#333;margin-top:2px;font-size:.92em;line-height:1.4em}
#content ul li ul li a, .contentEditor ul li ul li a{color:#666}
#content ul li ul li a:hover, .contentEditor ul li ul li a:hover{color:#f03c5e}
#content ul li ul li ul li a, .contentEditor ul li ul li ul li a{color:#999}
#content ul li ul li ul, .contentEditor ul li ul li ul{margin-bottom:0}
#content ul li ul li ul li a:hover, .contentEditor ul li ul li ul li a:hover{color:#f03c5e}
sup, sub {font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}

.wrap {max-width: 70em; margin: 0 auto; padding: 0 5%;}

/* Header */
header {background: #262262; float: left; padding-top:.5em; width: 100%;}
header .logo {float: left;padding-top:.75em}
header .logo:hover {opacity: .5}
header .logo img {width: 450px; height: auto}
header .login {float: right;background-color: #8C3E49;color: #fff;font-size: .75em;background: #8DC63F;border: 1px solid rgba(255,255,255,0.20);border-radius: 2px;line-height: 1.75;margin-top: 5px;padding: 0 .5em}
header .login i {padding-right: 6px}
header p {clear: right; color: rgba(255,255,255,1); float: right; font-size: 1.25em; margin: 0; padding-top: 8px;}
header nav {width: 100%; line-height: 1.5;float: left;background-color: rgba(0,0,0,0.5);margin-top: 6px}
header nav li {display: inline-block;position: relative;}
header nav li a {display: inline-block;font-size: .983em;color: #fff;padding: 0 1em;line-height:2.25}
header nav li a:hover {color:#fff;background-color: #8DC63F; }
header .wrap > a:hover {background-color: #262262}
header nav li ul {position: absolute;display: none;background: #423142;color:#E8DCD0;}
header nav li:hover ul {display: block}
header nav li ul li a {padding: .25em;width: 10em}

main {float: left;width: 100%;min-height: 50em;padding-bottom: 10em}
main h1 {margin:.9em 0;padding: 0;border: none;font-weight: 600;color: #231F20}

.dashboardOptions .clearFloats + div {margin-top:2em}
footer {width: 100%;float: left;background: #231F20;line-height: 3;position: fixed;bottom: 0}
footer a {color: #9B9B9B}
footer a:hover {color: #fff}

hr {border-top: 1px solid #DFDFDF;margin: 2em 0; padding:0}
.manageLinks + hr + form + hr, .manageLinks + hr {margin: 1em 0}
.manageLinks + hr + form + hr {margin-bottom: 2em}
.manageLinks + hr + form {margin: 0}

/* Styled List */
.uList {padding-left: 1em}
.uList li {list-style: initial}

/* Form */
input[type=text],input[type=password],input[type=email],input[type=url],input[type=number],input[type=date] {padding: 6px .5em;border: 1px solid #CBCACA;border-radius: 3px;height: 35px;vertical-align: middle;}
textarea {padding: 4px 4px 4px 1em;border: 1px solid #CBCACA;border-radius: 3px;margin-right: 1em}
select {display: inline-block;height: 35px;border: 1px solid #CBCACA;border-radius: 3px;background: #fff;min-width: 40px}
form {margin: 1em 0}

/* Buttons */
.greyBtn {background-color: #EFEFEF;border: 1px solid #DFDFDF;padding: 0 1em;line-height: 2.2;font-size: .875em;color: #231F20;border-radius: 3px;vertical-align: middle;-webkit-transition: all 300ms ease;transition: all 300ms ease;float: left;margin-right: 2em}
.greyBtn span {font-weight: 600;}
.greyBtn:after {content: '\203A';margin-left: 5px}
.greyBtn:hover {background: #262262;color:#fff}
input[type=submit],input[type=button] {background: #8DC63F; -webkit-appearance: none; cursor: pointer; border-radius: 3px;padding: 0 1em;font-size: .875em;color: #fff;font-weight: 500;height: 35px;vertical-align: middle;-webkit-transition: all 300ms ease;transition: all 300ms ease}
input[type=submit]:hover,input[type=button]:hover {background: #666;}

/* Tables */
table.listTable {width: 100%;margin-bottom: 1em}
table.listTable thead tr {font-size: 1rem;width: 100%;line-height: 1.9}
table.listTable th {font-size: 1rem;color: #666666}
table.listTable tbody tr {width: 100%}
table.listTable tbody tr {font-size: .813rem}
table.listTable tbody td:first-child {padding-left: 8px}
table.listTable .tdNul {font-style: italic}

table.alternate tbody tr:nth-child(odd) {background-color: #EFEFEF}

table th.tablesorter-header { white-space:nowrap; cursor:pointer;}
table th.tablesorter-header .tablesorter-icon::after {font-family: "FontAwesome";content:'\00a0\f0dc'; font-style:normal;}
table th.tablesorter-headerSortDown .tablesorter-icon::after {font-family: "FontAwesome";content:'\00a0\f0dd'; font-style:normal;}
table th.tablesorter-headerSortUp .tablesorter-icon::after {font-family: "FontAwesome";content:'\00a0\f0de'; font-style:normal;}

table th.sorter-false { cursor:default;}
table th.sorter-false .tablesorter-icon::after {content:none !important;}

.formTable {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;width:100%}
.formTable {margin:15px 0 0 0}
.formTable td, .formTable th {padding:5px 8px 5px 0}
.formTable td:first-child{padding-left:8px}
.formTable td.text {padding-top:5px;text-align:right;vertical-align:top;}
.formTable.left td.text {text-align:left;}
.formTable img {position:relative;bottom:-3px}
.subjClass {display:none !important;}

form #policyWrapper h1 strong {margin: 0 8px;}

.managementTable { border-bottom: 1px solid #c2c1d0; margin-bottom: 2em; width: 100%; }
.managementTable tr td:first-child { padding: 6px 0 0 5px; width: 15%; }
.managementTable td { padding: 5px 7px; }

.manageLinks {float: right;margin-top: 1.75em}
.manageLinks a {color: #231F20; display: inline-block; font-size: .875rem;margin-left: .5em}
.manageLinks a:hover, table.listTable a:hover {color: #262262}
.manageLinks i {padding-right: .4em;}

.fa-pencil {color:#F5A623;}
.fa-plus,.fa-plus-circle {color:#1DA200;}
.fa-download {color:#4A90E2;}
.fa-minus-circle {color:#e9594d;}

#tocWrapper {clear: both; float: left; width: 35%; background: #f1f1f1; padding: 1em; border-radius: 3px; font-size: 0.875em;}
#tocWrapper ul li {border-bottom: 1px solid rgba(0,0,0,0.125); padding:1em; position: relative;}
#tocWrapper>ul>li:last-child {border: 0}
#tocWrapper ul li li {border: 0; font-size: 0.9em; padding:.5em 1em .5em 4em;}
#tocWrapper ul li li:before {content: "›"; font-size: 1em; position: absolute; left: 3.25em; top: 0; color: #000; font-weight: bold;}
#tocWrapper ul li li li:before {content: "-"; position: absolute; left: 3em; top: -2px;}
#tocWrapper ul li .folder {display: inline-block; color:#fff; border: 1px solid transparent; vertical-align: middle; border-radius: 2px; height: 2rem; width: 2rem; text-align: center; line-height: 2rem; background: rgba(0,0,0,0.25);}
#tocWrapper ul li .folder:hover, #tocWrapper ul li .folder.open {opacity: 1; border-color: #ccc; background: #fff; color: #699D22}
#tocWrapper ul li .folder+a {display: inline-block; vertical-align: middle; width: calc(100% - 4em); margin-left: 0.5em}
#tocWrapper ul li a {display: block; color: #262262; line-height: 120%;}
#tocWrapper ul li a:hover {opacity: .5;}
#tocWrapper ul li a.on {color: #699D22; opacity: 1;}


#policyWrapper {width: 65%; float: right; clear: right; padding: 0 0 0 2em;}
#policyWrapper h1 {margin: 0}
#policyWrapper ol {padding: 1em 0 2em 2em}

.tableOfContents.listTable th,
.tableOfContents.listTable td {padding: 0.5em; border-top: 1px solid #ccc}
.tableOfContents.listTable td[style="padding-left:30px"],
.tableOfContents.listTable td[style="padding-left:30px"]+td,
.tableOfContents.listTable td[style="padding-left:30px"]+td+td,
.tableOfContents.listTable td[style="padding-left:60px"],
.tableOfContents.listTable td[style="padding-left:60px"]+td,
.tableOfContents.listTable td[style="padding-left:60px"]+td+td,
.tableOfContents.listTable td[style="padding-left:90px"],
.tableOfContents.listTable td[style="padding-left:90px"]+td,
.tableOfContents.listTable td[style="padding-left:90px"]+td+td {border: 0}


#searchWrapper {float: right;}
#searchWrapper form {margin: 0.125em 0 0; font-size: 0.875em}
#searchWrapper form input {height: 24px; line-height: 23px}


/* AutoCompelte */
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-suggestions span { font-size:1em; font-style:italic;}

@media screen and (max-width: 750px) {
    header {text-align: center}
    header p {float: none}
    header .logo {display: block; padding: 0.5em}
    header .logo img {max-width: 100%; height: auto}
    main {padding: 1em}
    main form {margin: 0}
    header #searchWrapper {float: left; padding: 0 1em; margin-bottom: 0.5em; clear:both; width: 100%}
    header #searchWrapper input {float: left; width: calc(100% - 7em)}
    header #searchWrapper input[type="submit"] {width: 6em; float: right}
    #searchWrapper form input {height: 2.5rem; line-height: auto}
    a.section {padding: 2px 0}
    header nav {line-height: 2.5}
    header #mobilenav span.menu {color: #fff}
    header #mobilenav > ul {position: fixed; top:0; right:-75%; -webkit-transition: ease all 200ms; transition: ease all 200ms; display: block !important; background: #262262; height:100%; width: 75%; overflow: auto; z-index: 99; text-align: left; padding-bottom: 3em}
    .slideNav header #mobilenav > ul {right:0; -webkit-box-shadow: 0 0 100px 100px rgba(255,255,255,0.95); box-shadow: 0 0 100px 100px rgba(255,255,255,0.95);}
    header #mobilenav > ul li {display: block; width: 100%; float: left; clear: both}
    header #mobilenav > ul li a {font-weight: 600; line-height: 130%; padding: 0.75em 1rem; display: block; width: 100%}
    header #mobilenav > ul > li:not(:first-child) {border-bottom: 1px solid rgba(255,255,255,0.25)}
    header #mobilenav > ul li a.menu {background: #699D22; border-bottom: 1px solid #fff}
}