@media all and (max-width: 840px){
* {padding:0; margin:0 auto;}
#clear {clear:both; display:block!important;}
.green {color:#006600!important;}
.pulse {animation: shadow-pulse 2s infinite;}
.smalltext {font-size:12px; margin:5px;}
.big {font-size:33px; font-weight:bold; margin-bottom:10px;}
select {font-size:18px; padding:2px;}
input[type=submit] {padding:5px 10px 5px 10px; background-color:#336600; color:#FFFFFF; text-shadow:#000000 1px 1px 1px; font-weight:bold; letter-spacing:1px; cursor:pointer;}
input[type=text] {padding:5px; border:solid 1px #000000; font-size:18px;}

.red {color:#FF0000!important;}
.toolboxtitle {color:#333333!important; text-decoration:none!important; margin-bottom:10px;}
.editdelete {color:#333333!important; text-decoration:none!important; }
a:link {color: #333333; text-decoration:none;}
a:visited {color:#333333; text-decoration:none;}
a:hover {color: #0066FF!important; text-decoration:underline;}
a:active {color: #333333; text-decoration:none;}

body,td,th {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color: #0e0e0e; font-size:1.2em;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#container {width:100%; max-width:1900px; position:relative; overflow:hidden;}
#header { text-align:center;width:100%;border-bottom:solid 1px #432589; background-color:#2c8c62;}
#header .left {text-align:center; }
#header .title {font-size:34px; font-family: 'EB Garamond', serif; color:#ffffff; display: inline-table; padding-top:11px;}
#header .subtitle {font-size:34px; color:#FFCC00;font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold;display: inline-table;padding-top:8px; padding-bottom:4px;}
#header .logo { width:50px; height:50px; text-align:center; padding-top:10px; margin-bottom:10px;  }
#header .logo img {width:100%; height:auto; animation: shadow-pulse 3s infinite;}
#header .right {flex:1 2; text-align:right;  }

#header .menu { text-align: center; background-color:#000000;  color:#ffffff; font-size:16px; margin-top:10px;}
#header .whoami {font-size:16px; text-align: center; padding:3px; color:#FFCC00;}
#header .whoami  a:link {color:#FFCC00; text-decoration:none;}
#header .whoami  a:visited {color:#FFCC00; text-decoration:none;}
#header .whoami  a:hover {color: #FF0000; text-decoration:underline;}
#header .whoami  a:active {color: #FF0000; text-decoration:none;}

#slides img {width:100%; height:auto;}

@keyframes shadow-pulse
{
     0% {
          box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
     }
     100% {
          box-shadow: 0 0 0 35px rgba(44, 140, 98, 0);
     }
}


#contents { position:relative; overflow:hidden;  padding-top:80px; padding-bottom:30px; }
#contents .left { display:none;}
#contents .right { text-align:left; margin:0px 20px 40px 20px;}

#contentshome { position:relative; overflow:hidden;  background-color:#FFFFFF; text-align:center; }
#contentshome .center {flex:0!important; text-align:center; width:100%; margin-top:40px; margin-bottom:30px;}
#contentshome .left { text-align:center; padding:0px 10px 0px 10px; }
#contentshome .left img { margin:0px 0px 20px 0px; width:100%; height:auto;}
#contentshome .right { padding-bottom:30px;
   background: #003c0a; color:white;
 
}

#contentshome .right .pop { text-align: center; color:white; font-size:24px; padding:10px;}
#contentshome .right #form {margin:20px 20px 20px 20px; text-align: center;}
#contentshome .right #form div {margin:10px;}

#contentshome #sortable { list-style-type: none; margin: 0; padding: 0; display:flex; justify-content:space-between; flex-wrap:wrap;  }
	#contentshome #sortable li { margin:10px; padding:5px; vertical-align:top; flex:1 2; text-align: center;}

#bodybox {font-size:1.2em;}
#contactbox {padding:20px; background: rgb(186,186,186);background: linear-gradient(0deg, rgba(186,186,186,1) 0%, rgba(236,236,236,1) 30%, rgba(255,255,255,1) 100%); border-radius:9px; border:solid 1px #000000; text-align:center;}
.boardstatus {font-weight:bold; font-style:italic; color:green; font-size:12px; margin:5px 0px 5px 0px;}
.boardstatusoff {font-weight:bold; font-style:italic; color:red; font-size:12px; margin:5px 0px 5px 0px;}
.welcome {margin-left:35%; font-size:1.2em; font-weight:bold; font-style:italic; text-align:left;}
ul.welcome li::marker { color:#009900;font-size: 2em; 
}

#btnbox { position:relative; overflow:hidden;  text-align:center;}
#btnbox div {display:inline-table; cursor:pointer; margin:20px 0px 20px 0px; }
#btnbox img {width:250px; height:auto;}

#statbox {border:solid 1px #000000; border-radius:9px; overflow:hidden; font-size:16px; text-align:center;}
#statbox #row:nth-child(even) {padding:4px; border-bottom:solid 1px #000000; border-top:solid 1px #000000; background-color:#CCCCCC;}
#statbox #row:nth-child(odd) {padding:4px; border-bottom:solid 1px #000000; border-top:solid 1px #000000; background-color:#ffffff;}

#notices {border:solid 1px #000000; border-radius:9px; overflow:hidden; background-color:#9cd2b8; padding:10px; text-align:left; margin-bottom:80px!important; font-size:18px;}

#agentbox { position:relative; overflow:hidden;   }
#agentbox  .agentright {text-align:center; padding:30px 10px;margin:10px; border:solid 1px #686868; background-color:#ffffff;}
#agentbox  .agentleft {text-align: center; padding:10px; margin:10px; }
#agentbox  .agentleft div {margin:10px 0px 10px 0px;}
#agentbox    a:link {color:#000000; text-decoration:none;}
#agentbox   a:visited {color:#000000; text-decoration:none;}
#agentbox   a:hover {color: #2370E5; text-decoration:underline;}
#agentbox  a:active {color: #000000; text-decoration:none;}

#docbox { position:relative; overflow:hidden;  display:flex; justify-content:space-between; flex-wrap:wrap; flex-direction:row;  }
#docbox .mains {text-align:center; padding:5px; flex:1 5 23%; border:solid 1px #686868;font-size:1.3vh;}
#docbox   a:link {color:#000000; text-decoration:none;}
#docbox   a:visited {color:#000000; text-decoration:none;}
#docbox   a:hover {color: #2370E5; text-decoration:underline;}
#docbox  a:active {color: #000000; text-decoration:none;}

#docboxA { position:relative; overflow:hidden;  display:flex; justify-content:space-between; flex-wrap:wrap; flex-direction:row;  }
#docboxA .mains {text-align:center; padding:5px; flex:1 3 30%; border:solid 1px #686868;font-size:1.3vh;}
#docboxA   a:link {color:#000000; text-decoration:none; font-size:1.3vh;}
#docboxA   a:visited {color:#000000; text-decoration:none; font-size:1.3vh;}
#docboxA   a:hover {color: #2370E5; text-decoration:underline; font-size:1.3vh;}
#docboxA  a:active {color: #000000; text-decoration:none; font-size:1.3vh;}

#doctop { position:relative; overflow:hidden;  display:flex; justify-content:space-between; flex-wrap:wrap; flex-direction:row; background-color:#000000;  }
#doctop .mains {text-align:center; padding:5px; flex:1 3; border:solid 1px #686868;font-size:1.3vh;}
#doctop   a:link {color:#ffffff; text-decoration:none; font-size:1.3vh;}
#doctop   a:visited {color:#ffffff; text-decoration:none; font-size:1.3vh;}
#doctop   a:hover {color: #2370E5; text-decoration:underline; font-size:1.3vh;}
#doctop  a:active {color: #ffffff; text-decoration:none; font-size:1.3vh;}

#lilbox { position:relative; overflow:hidden;  display:flex; justify-content:space-between; flex-wrap:wrap; flex-direction:row;  }
#lilbox .mains {text-align:center; padding:5px; margin:10px; flex:1 4; border:solid 1px #686868; background-color:#FFFFFF; cursor:pointer;}

#arrowbutton {
  width: 200px;
  height: 40px; text-align:center; color:#ffffff; font-weight:bold; padding-top:7px;
  position: relative;
  background: green; cursor:pointer;
}
#arrowbutton:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}
#arrowbutton:before {
  content: "";
  position: absolute;
  right: -20px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 20px solid green;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}
  

.quotes {

  opacity: 0;
  animation-name: fadeinout;
  animation-duration: 3s;     /* = (fadingin + showing + fadingout) * numquotes */
  animation-iteration-count:1;animation-fill-mode: forwards;
}

@keyframes fadeinout {
  0% {
    opacity: 0;
  }

 100% {
    opacity: 1;
  }
}

.quotes:nth-child(1) { animation-delay: 0s; }  /* delay = (n-1) / numquotes * duration */
.quotes:nth-child(2) { animation-delay: 1s; }
.quotes:nth-child(3) { animation-delay: 2s; }
.quotes:nth-child(4) { animation-delay: 3s; }
.quotes:nth-child(5) { animation-delay: 4s; }
.quotes:nth-child(6) { animation-delay: 5s; }


#contentslogin {position:relative; overflow:hidden; height:890px; background-image:url(localimages/evansofficebg.jpg); background-size:cover; background-repeat:no-repeat; background-attachment:fixed;}
#contentslogin .left { }
#contentslogin .right { margin-top:10%; width:500px; border-radius:9px; text-align:center; background-color:#f1f1f1; border:solid 1px #003333; padding:10px 10px 20px 10px; box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);}
#contentslogin #loginform {text-align:left; position:relative; overflow:hidden;display:inline-table; vertical-align:top;}
#contentslogin #loginform div { margin:10px; padding:3px; font-size:18px;}
#contentslogin #loginform .submit {margin-top:20px; text-align:center;}
#contentslogin #loginform input[type=text],#contentslogin #loginform input[type=password] {width:52%; float:right; height:30px;}
#contentslogin #loginform input[type=submit] {background-color:#006633; color:#FFCC00; font-size:18px; padding:2px 5px 2px 5px;}

#footer {background-color:#252525; text-align:center; font-size:12px; padding:10px; color:#ffffff;}
#footer  a:link {color:#ffffff; text-decoration:none;}
#footer  a:visited {color:#f1f1f1; text-decoration:none;}
#footer  a:hover {color: #FFCC00; text-decoration:underline;}
#footer  a:active {color: #FF0000; text-decoration:none;}
#footer .left { text-align:center; margin-bottom:10px;}
#footer .right { text-align: center;margin-bottom:10px; }
#footer .right img {width:auto; height:20px;}

/* happy menu */
#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0;
list-style: none;
}

#cssdropdown li {

position: relative; padding-bottom:10px;
}

.mainitems{ color:#ffffff; text-transform:uppercase;
border: none;


}

.mainitems a{color:#ffffff;
text-decoration: none; padding-right:12px;
}


.subuls{
display: none;
width: 100%; text-align: center;
top: 1.2em;
 padding-right:12px;
z-index:9999;

}

.subuls li{
width: 100%; line-height:1.75; padding:2px;
}


.subuls li a:link{ color:#fff;  font-weight:normal;
text-decoration: underline;
}

.subuls li a:visited{ color:#fff;  font-weight:normal;
text-decoration:none;
}
.subuls li a:hover{ color: #FFCC00!important;  font-weight: bold;
text-decoration: underline;
}

.subuls li a:active{ color:#fff;  font-weight:normal;
text-decoration: none;
}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}


#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}
}

@media all and (min-width: 840px) and (max-width: 1000px){
* {padding:0; margin:0 auto;}
#clear {clear:both; display:block!important;}
.green {color:#006600!important;}
.pulse {animation: shadow-pulse 2s infinite;}
.smalltext {font-size:12px; margin:5px;}
.big {font-size:33px; font-weight:bold; margin-bottom:10px;}
select {font-size:18px; padding:2px;}
input[type=submit] {padding:5px 10px 5px 10px; background-color:#336600; color:#FFFFFF; text-shadow:#000000 1px 1px 1px; font-weight:bold; letter-spacing:1px; cursor:pointer;}
input[type=text] {padding:5px; border:solid 1px #000000; font-size:18px;}

.red {color:#FF0000!important;}
.toolboxtitle {color:#333333!important; text-decoration:none!important; margin-bottom:10px;}
.editdelete {color:#333333!important; text-decoration:none!important; }
a:link {color: #333333; text-decoration:none;}
a:visited {color:#333333; text-decoration:none;}
a:hover {color: #0066FF!important; text-decoration:underline;}
a:active {color: #333333; text-decoration:none;}

body,td,th {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color: #0e0e0e; font-size:1.2em;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#container {width:100%; max-width:1900px; position:relative; overflow:hidden;}
#header { text-align:center;width:100%;border-bottom:solid 1px #432589; background-color:#2c8c62; position: fixed; z-index:9999;
top: 0px; left:0px; right:0px;display:flex; justify-content:space-between; flex-wrap:wrap; flex-direction:row;}
#header .left {text-align:left; flex: 1 2; margin-left:70px;  }
#header .title {font-size:34px; font-family: 'EB Garamond', serif; color:#ffffff; display: inline-table; padding-top:8px;}
#header .subtitle {font-size:34px; color:#FFCC00;font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold;display: inline-table;padding-top:8px; padding-bottom:4px;}
#header .logo { position:absolute; left:10px; top:3px; width:40px; height:40px; text-align:center; z-index:9999; }
#header .logo img {width:100%; height:auto;}
#header .right {flex:1 2; text-align:right;  }

#header .menu { text-align:right;  color:#ffffff; font-size:16px; margin:15px 20px 0px 0px;}
#header .whoami {font-size:12px; text-align:right; padding:3px; margin:20px 30px 0px 0px; color:#FFCC00;}
#header .whoami  a:link {color:#FFCC00; text-decoration:none;}
#header .whoami  a:visited {color:#FFCC00; text-decoration:none;}
#header .whoami  a:hover {color: #FF0000; text-decoration:underline;}
#header .whoami  a:active {color: #FF0000; text-decoration:none;}
#slides {margin-top:90px;}
#slides img {width:100%; height:auto;}

#contents { position:relative; overflow:hidden;  background-image:url(localimages/evansofficebg.jpg); background-size:cover; background-repeat:no-repeat; background-attachment:fixed; display:flex; justify-content:space-between; flex-wrap:wrap; flex-direction:row; padding-top:80px; padding-bottom:30px; }
#contents .left {display:none;}
#contents .right { text-align:left; margin:20px 20px 40px 50px;}

#contentshome { position:relative; overflow:hidden;  background-color:#FFFFFF; text-align:center; }
#contentshome .center {flex:0!important; text-align:center; width:100%; margin-top:40px; margin-bottom:30px;}
#contentshome .left { text-align: left; padding:40px 20px;}
#contentshome .left img {float:left; clear:right; margin:0px 40px 140px 0px; width:440px; height:auto;}
#contentshome .right { text-align:right; margin:20px 0px 0px 0px; background: yellow; position:relative; overflow:hidden; min-height:380px;}
#contentshome .right:before {
  content: "";
  position:absolute;
  top: calc(50% - 1000px);
  left: 0;
  width: 750px;
  height:2000px;
  background: #003c0a; color:white;
  transform: skew(-15deg);
  transform-origin:top;
}

#contentshome .right .pop {position:absolute; left:20px; width:420px; top:20px; text-align:left; color:white; font-size:24px;}
#contentshome .right #form {margin:20px 20px 20px 0px; text-align:right;}
#contentshome .right #form div {margin:10px;}

#contentshome #sortable { list-style-type: none; margin: 0; padding: 0;  }
	#contentshome #sortable li { margin:10px; padding:5px;display:inline-table; vertical-align:top; width: 300px; text-align: center;}

#bodybox {font-size:1.2em; width:70%;}
#contactbox {padding:20px; background: rgb(186,186,186);background: linear-gradient(0deg, rgba(186,186,186,1) 0%, rgba(236,236,236,1) 30%, rgba(255,255,255,1) 100%); border-radius:9px; border:solid 1px #000000; text-align:center;}
.boardstatus {font-weight:bold; font-style:italic; color:green; font-size:12px; margin:5px 0px 5px 0px;}
.boardstatusoff {font-weight:bold; font-style:italic; color:red; font-size:12px; margin:5px 0px 5px 0px;}
.welcome {margin-left:35%; font-size:1.2em; font-weight:bold; font-style:italic; text-align:left;}
ul.welcome li::marker { color:#009900;font-size: 2em; 
}

#btnbox { position:relative; overflow:hidden; display:flex; justify-content:space-between; flex-wrap:wrap; flex-direction:row; text-align:center;}
#btnbox div {flex:1 3 33%; cursor:pointer; margin:20px; }
#btnbox img {width:250px; height:auto;}

#statbox {border:solid 1px #000000; border-radius:9px; overflow:hidden;}
#statbox #row:nth-child(even) {padding:4px; border-bottom:solid 1px #000000; border-top:solid 1px #000000; background-color:#CCCCCC;}
#statbox #row:nth-child(odd) {padding:4px; border-bottom:solid 1px #000000; border-top:solid 1px #000000; background-color:#ffffff;}

#notices {border:solid 1px #000000; border-radius:9px; overflow:hidden; background-color:#9cd2b8; padding:10px; text-align:left; margin-bottom:80px!important; font-size:18px;}

#agentbox { position:relative; overflow:hidden;  display:flex; justify-content:space-between; flex-wrap:wrap; flex-direction:row;  }
#agentbox  .agentright {text-align:center; padding:30px 5px; flex:1 2 10%; border:solid 1px #686868; background-color:#ffffff;}
#agentbox  .agentleft {text-align: left; padding:5px; flex:1 2 60%; margin:0px 0px 0px 50px; }
#agentbox  .agentleft div {margin:10px 0px 10px 0px;}
#agentbox    a:link {color:#000000; text-decoration:none;}
#agentbox   a:visited {color:#000000; text-decoration:none;}
#agentbox   a:hover {color: #2370E5; text-decoration:underline;}
#agentbox  a:active {color: #000000; text-decoration:none;}

#docbox { position:relative; overflow:hidden;  display:flex; justify-content:space-between; flex-wrap:wrap; flex-direction:row;  }
#docbox .mains {text-align:center; padding:5px; flex:1 5 23%; border:solid 1px #686868;}
#docbox   a:link {color:#000000; text-decoration:none;}
#docbox   a:visited {color:#000000; text-decoration:none;}
#docbox   a:hover {color: #2370E5; text-decoration:underline;}
#docbox  a:active {color: #000000; text-decoration:none;}

#docboxA { position:relative; overflow:hidden;  display:flex; justify-content:space-between; flex-wrap:wrap; flex-direction:row;  }
#docboxA .mains {text-align:center; padding:5px; flex:1 3 30%; border:solid 1px #686868;}
#docboxA   a:link {color:#000000; text-decoration:none;}
#docboxA   a:visited {color:#000000; text-decoration:none;}
#docboxA   a:hover {color: #2370E5; text-decoration:underline;}
#docboxA  a:active {color: #000000; text-decoration:none;}

#doctop { position:relative; overflow:hidden;  display:flex; justify-content:space-between; flex-wrap:wrap; flex-direction:row; background-color:#000000;  }
#doctop .mains {text-align:center; padding:5px; flex:1 3 33%; border:solid 1px #686868;}
#doctop   a:link {color:#ffffff; text-decoration:none;}
#doctop   a:visited {color:#ffffff; text-decoration:none;}
#doctop   a:hover {color: #2370E5; text-decoration:underline;}
#doctop  a:active {color: #ffffff; text-decoration:none;}

#lilbox { position:relative; overflow:hidden;  display:flex; justify-content:space-between; flex-wrap:wrap; flex-direction:row;  }
#lilbox .mains {text-align:center; padding:5px; margin:10px; flex:1 4; border:solid 1px #686868; background-color:#FFFFFF; cursor:pointer;}

#arrowbutton {
  width: 200px;
  height: 40px; text-align:center; color:#ffffff; font-weight:bold; padding-top:7px;
  position: relative;
  background: green; cursor:pointer;
}
#arrowbutton:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}
#arrowbutton:before {
  content: "";
  position: absolute;
  right: -20px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 20px solid green;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}
  

.quotes {

  opacity: 0;
  animation-name: fadeinout;
  animation-duration: 3s;     /* = (fadingin + showing + fadingout) * numquotes */
  animation-iteration-count:1;animation-fill-mode: forwards;
}

@keyframes fadeinout {
  0% {
    opacity: 0;
  }

 100% {
    opacity: 1;
  }
}

.quotes:nth-child(1) { animation-delay: 0s; }  /* delay = (n-1) / numquotes * duration */
.quotes:nth-child(2) { animation-delay: 1s; }
.quotes:nth-child(3) { animation-delay: 2s; }
.quotes:nth-child(4) { animation-delay: 3s; }
.quotes:nth-child(5) { animation-delay: 4s; }
.quotes:nth-child(6) { animation-delay: 5s; }


#contentslogin {position:relative; overflow:hidden; height:890px; background-image:url(localimages/evansofficebg.jpg); background-size:cover; background-repeat:no-repeat; background-attachment:fixed;}
#contentslogin .left { }
#contentslogin .right { margin-top:10%; width:500px; border-radius:9px; text-align:center; background-color:#f1f1f1; border:solid 1px #003333; padding:10px 10px 20px 10px; box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);}
#contentslogin #loginform {text-align:left; position:relative; overflow:hidden;display:inline-table; vertical-align:top;}
#contentslogin #loginform div { margin:10px; padding:3px; font-size:18px;}
#contentslogin #loginform .submit {margin-top:20px; text-align:center;}
#contentslogin #loginform input[type=text],#contentslogin #loginform input[type=password] {width:52%; float:right; height:30px;}
#contentslogin #loginform input[type=submit] {background-color:#006633; color:#FFCC00; font-size:18px; padding:2px 5px 2px 5px;}

#footer {background-color:#252525; text-align:center; display:flex; justify-content:space-between; flex-wrap:wrap; flex-direction:row; width:100%; color:#ffffff; height:40px; font-size:12px;}
#footer  a:link {color:#ffffff; text-decoration:none;}
#footer  a:visited {color:#f1f1f1; text-decoration:none;}
#footer  a:hover {color: #FFCC00; text-decoration:underline;}
#footer  a:active {color: #FF0000; text-decoration:none;}
#footer .left {flex:1 2; text-align:left; margin:5px 0px 5px 10px;}
#footer .right {flex:1 2; text-align:right; margin:5px 10px 5px 0px;}
#footer .right img {width:auto; height:20px;}

/* happy menu */
#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0;
list-style: none;
}

#cssdropdown li {

position: relative; padding-bottom:10px;
}

.mainitems{ color:#ffffff; text-transform:uppercase;
border: none;


}

.mainitems a{color:#ffffff;
text-decoration: none; padding-right:12px;
}


.mainitems a:hover {color:#FFCC00!important;
text-decoration: none; padding-right:12px;
}
.subuls{
display: none;
width: 100%; text-align:right;
top: 1.2em;
 padding-right:12px;
z-index:9999;

}

.subuls li{
width: 100%; line-height:1.75; padding:2px;
}


.subuls li a:link{ color:#fff;  font-weight:normal;
text-decoration: underline;
}

.subuls li a:visited{ color:#fff;  font-weight:normal;
text-decoration:none;
}
.subuls li a:hover{ color: #FFCC00!important;  font-weight: bold;
text-decoration: underline;
}

.subuls li a:active{ color:#fff;  font-weight:normal;
text-decoration: none;
}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}


#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}
}

@media all and (min-width: 1000px){
* {padding:0; margin:0 auto;box-sizing: border-box;}
#clear {clear:both; display:block!important;}

.buton:hover {margin-top:0px;
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;box-shadow:  0px 2px 2px rgba(0, 0, 0, 0.3);
}
.green {color:#006600!important;}
.pulse {animation: shadow-pulse 2s infinite;}
.smalltext {font-size:12px; margin:5px;}
.big {font-size:33px; font-weight:bold; margin-bottom:10px;}
#sidenav .navtitle {color:#006633!important; text-decoration:underline!important; margin-bottom:10px; font-size:18px;}
#sidenav a:link {color: #333333; text-decoration:none;}
#sidenav  a:visited {color:#333333; text-decoration:none;}
#sidenav a:hover {color: #0066FF!important; text-decoration:underline;}
#sidenav  a:active {color: #333333; text-decoration:none;}

.red {color:#FF0000!important;}
.toolboxtitle {color:#333333!important; text-decoration:none!important; margin-bottom:10px;}
.editdelete {color:#333333!important; text-decoration:none!important; }
a:link {color: #333333; text-decoration:none;}
a:visited {color:#333333; text-decoration:none;}
a:hover {color: #0066FF!important; text-decoration:underline;}
a:active {color: #333333; text-decoration:none;}

select {font-size:18px; padding:2px;}
input[type=submit] {padding:5px 10px 5px 10px; background-color:#336600; color:#FFFFFF; text-shadow:#000000 1px 1px 1px; font-weight:bold; letter-spacing:1px; cursor:pointer;}
input[type=text] {padding:5px; border:solid 1px #000000; font-size:18px;}
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

@keyframes shadow-pulse
{
     0% {
          box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
     }
     100% {
          box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
     }
}


body,td,th {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color: #0e0e0e; font-size:1.2em;
}
body {
	background-color: #252525;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#container {width:100%; position:relative; overflow:hidden;}
#header { text-align:center;width:100%;border-bottom:solid 1px #432589; background-color:#2c8c62; position: fixed; z-index:9999;
top: 0px; left:0px; right:0px;display:flex; justify-content:space-between; flex-wrap:wrap; flex-direction:row; min-height:67px; }
#header .left {text-align:left; flex: 1 2; margin-left:75px;  }
#header .title {font-size:2vw; font-family: 'EB Garamond', serif; color:#ffffff; display: inline-table; padding-top:8px;}
#header .subtitle {font-size:2vw; color:#FFCC00;font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold;display: inline-table;padding-top:8px; padding-bottom:4px;}
#header .logo { position:absolute; left:20px; top:3px; width:45px; height:65px; text-align:center; z-index:9999; }

#header .right {flex:1 2 50%; text-align:right;  }
#header .menu {text-align:right;  color:#ffffff; margin:10px 20px 0px 0px; padding-bottom:5px;}
#header .menumob { display:none;}
#header .whoami {font-size:12px; text-align:right; padding:3px; margin:20px 30px 0px 0px; color:#FFCC00;}
#header .whoami  a:link {color:#FFCC00; text-decoration:none;}
#header .whoami  a:visited {color:#FFCC00; text-decoration:none;}
#header .whoami  a:hover {color: #FF0000; text-decoration:underline;}
#header .whoami  a:active {color: #FF0000; text-decoration:none;}

#header .mainitems a{color:#ffffff;
text-decoration: none; padding-right:12px;
}

#header .mainitems a:hover {color: #FFCC00!important;
text-decoration: none; padding-right:12px;
}

#header .mainitems a:visited {color: #FFffff;
text-decoration: none; padding-right:12px;
}


#contents { position:relative; overflow:hidden;  background-image:url(localimages/evansofficebg.jpg); background-size:cover; background-repeat:no-repeat; background-attachment:fixed; display:flex; justify-content:space-between; flex-wrap:wrap; flex-direction:row;  }
#contents .left {flex:1 2 auto; text-align: right; background-color:#FFFFFF; padding-right:20px;padding-top:80px; padding-bottom:30px; box-shadow: 0 0 10px #333;}
#contents .right {flex:1 2 80%; text-align:left;  padding:80px 20px 40px 20px;}

#contentshome { position:relative; overflow:hidden;  background-color:#FFFFFF; text-align:center; }
#contentshome .center {flex:0!important; text-align:center; width:100%; margin-top:40px; margin-bottom:30px;}
#contentshome .left { text-align: left; padding:40px 20px;}
#contentshome .left img {float:left; clear:right; margin:0px 40px 40px 0px; width:740px; height:auto;}
#contentshome .right { text-align:right; margin:20px 0px 0px 0px; background: yellow; position:relative; overflow:hidden; min-height:450px;}
#contentshome .right:before {
  content: "";
  position:absolute;
  top: calc(60% - 1000px);
  left: 0;
  width: 1100px;
  height:2000px;
  background: #003c0a; color:white;
  transform: skew(-15deg);
  transform-origin:top;
}

#contentshome .right .pop {position:absolute; left:40px; top:20px; text-align:left; color:white; font-size:28px;}
#contentshome .right #form {margin:20px 40px 20px 0px; text-align:right;}
#contentshome .right #form div {margin:10px;}

#contentshome #sortable { list-style-type: none; margin: 0; padding: 0;  }
	#contentshome #sortable li { margin:10px; padding:5px;display:inline-table; vertical-align:top; width: 300px; text-align: center;}

#bodybox {font-size:1.2em; }
#contactbox {padding:20px; background: rgb(186,186,186);background: linear-gradient(0deg, rgba(186,186,186,1) 0%, rgba(236,236,236,1) 30%, rgba(255,255,255,1) 100%); border-radius:9px; border:solid 1px #000000; text-align:center;}
.boardstatus {font-weight:bold; font-style:italic; color:green; font-size:12px; margin:5px 0px 5px 0px;}
.boardstatusoff {font-weight:bold; font-style:italic; color:red; font-size:12px; margin:5px 0px 5px 0px;}
.welcome {margin-left:35%; font-size:1.2em; font-weight:bold; font-style:italic; text-align:left;}
ul.welcome li::marker { color:#009900;font-size: 2em; 
}

#agentbox { position:relative; overflow:hidden;  display:flex; justify-content:space-between; flex-wrap:wrap; flex-direction:row;  }
#agentbox  .agentright {text-align:center; padding:30px 5px; flex:1 2 10%; border:solid 1px #686868; background-color:#ffffff;}
#agentbox  .agentleft {text-align: left; padding:5px; flex:1 2 60%; margin:0px 0px 0px 50px; }
#agentbox  .agentleft div {margin:10px 0px 10px 0px;}
#agentbox    a:link {color:#000000; text-decoration:none;}
#agentbox   a:visited {color:#000000; text-decoration:none;}
#agentbox   a:hover {color: #2370E5; text-decoration:underline;}
#agentbox  a:active {color: #000000; text-decoration:none;}

#btnbox { position:relative; overflow:hidden; display:flex; justify-content:space-between; flex-wrap:wrap; flex-direction:row; text-align:center;}
#btnbox div {flex:1 6; cursor:pointer; margin:10px; }
#btnbox img {width:200px; height:auto;}

#statbox {border:solid 1px #000000; border-radius:9px; overflow:hidden;}
#statbox #row:nth-child(even) {padding:4px; border-bottom:solid 1px #000000; border-top:solid 1px #000000; background-color:#CCCCCC;}
#statbox #row:nth-child(odd) {padding:4px; border-bottom:solid 1px #000000; border-top:solid 1px #000000; background-color:#ffffff;}

#notices {border:solid 1px #000000; border-radius:9px; overflow:hidden; background-color:#9cd2b8; padding:10px; text-align:left; margin-bottom:40px!important; flex:none!important; width:100%; font-size:18px;}
#steps .title { font-size:22px; font-weight:bold;color:#006600; border-bottom:solid 1px #000000; padding-bottom:10px;}
#statbox #row:nth-child(even) {padding:4px; border-bottom:solid 1px #000000; border-top:solid 1px #000000; background-color:#CCCCCC;}
#statbox #row:nth-child(odd) {padding:4px; border-bottom:solid 1px #000000; border-top:solid 1px #000000; background-color:#ffffff;}

#docbox { position:relative; overflow:hidden;  display:flex; justify-content:space-between; flex-wrap:wrap; flex-direction:row;  }
#docbox .mains {text-align:center; padding:5px; flex:1 5 23%; border:solid 1px #686868;}
#docbox   a:link {color:#000000; text-decoration:none;}
#docbox   a:visited {color:#000000; text-decoration:none;}
#docbox   a:hover {color: #2370E5; text-decoration:underline;}
#docbox  a:active {color: #000000; text-decoration:none;}

#docboxA { position:relative; overflow:hidden;  display:flex; justify-content:space-between; flex-wrap:wrap; flex-direction:row;  }
#docboxA .mains {text-align:center; padding:5px; flex:1 3 33%; border:solid 1px #686868;}
#docboxA   a:link {color:#000000; text-decoration:none;}
#docboxA   a:visited {color:#000000; text-decoration:none;}
#docboxA   a:hover {color: #2370E5; text-decoration:underline;}
#docboxA  a:active {color: #000000; text-decoration:none;}

#doctop { position:relative; overflow:hidden;  display:flex; justify-content:space-between; flex-wrap:wrap; flex-direction:row; background-color:#000000;  }
#doctop .mains {text-align:center; padding:5px; flex:1 3; border:solid 1px #686868;}
#doctop   a:link {color:#ffffff; text-decoration:none;}
#doctop   a:visited {color:#ffffff; text-decoration:none;}
#doctop   a:hover {color: #2370E5; text-decoration:underline;}
#doctop  a:active {color: #ffffff; text-decoration:none;}

#lilbox { position:relative; overflow:hidden;  display:flex; justify-content:space-between; flex-wrap:wrap; flex-direction:row;  }
#lilbox .mains {text-align:center; padding:5px; margin:10px; flex:4; border:solid 1px #686868; background-color:#FFFFFF; cursor:pointer; font-size:18px;}
#lilbox img {width:100%; height:auto; max-width:200px;}

#arrowbutton {
  width: 200px;
  height: 40px; text-align:center; color:#ffffff; font-weight:bold; padding-top:7px;
  position: relative;
  background: green; cursor:pointer;
}
#arrowbutton:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}
#arrowbutton:before {
  content: "";
  position: absolute;
  right: -20px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 20px solid green;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}
  

.quotes {

  opacity: 0;
  animation-name: fadeinout;
  animation-duration: 3s;     /* = (fadingin + showing + fadingout) * numquotes */
  animation-iteration-count:1;animation-fill-mode: forwards;
}

@keyframes fadeinout {
  0% {
    opacity: 0;
  }

 100% {
    opacity: 1;
  }
}

.quotes:nth-child(1) { animation-delay: 0s; }  /* delay = (n-1) / numquotes * duration */
.quotes:nth-child(2) { animation-delay: 1s; }
.quotes:nth-child(3) { animation-delay: 2s; }
.quotes:nth-child(4) { animation-delay: 3s; }
.quotes:nth-child(5) { animation-delay: 4s; }
.quotes:nth-child(6) { animation-delay: 5s; }


#contentslogin {position:relative; overflow:hidden; height:890px; background-image:url(localimages/evansofficebg.jpg); background-size:cover; background-repeat:no-repeat; background-attachment:fixed;}
#contentslogin .left { }
#contentslogin .right { margin-top:10%; width:500px; border-radius:9px; text-align:center; background-color:#f1f1f1; border:solid 1px #003333; padding:10px 10px 20px 10px; box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);}
#contentslogin #loginform {text-align:left; position:relative; overflow:hidden;display:inline-table; vertical-align:top;}
#contentslogin #loginform div { margin:10px; padding:3px; font-size:18px;}
#contentslogin #loginform .submit {margin-top:20px; text-align:center;}
#contentslogin #loginform input[type=text],#contentslogin #loginform input[type=password] {width:52%; float:right; height:30px;}
#contentslogin #loginform input[type=submit] {background-color:#006633; color:#FFCC00; font-size:18px; padding:2px 5px 2px 5px;}

#footer {background-color:#252525; text-align:center; display:flex; justify-content:space-between; flex-wrap:wrap; flex-direction:row; width:100%; color:#ffffff; height:40px; font-size:12px;}
#footer  a:link {color:#ffffff; text-decoration:none;}
#footer  a:visited {color:#f1f1f1; text-decoration:none;}
#footer  a:hover {color: #FFCC00; text-decoration:underline;}
#footer  a:active {color: #FF0000; text-decoration:none;}
#footer .left {flex:1 2; text-align:left; margin:5px 0px 5px 10px;}
#footer .right {flex:1 2; text-align:right; margin:5px 10px 5px 0px;}
#footer .right img {width:auto; height:20px;}

/* happy menu */
#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0; 
list-style: none;
}

#cssdropdown li {
display:inline-table;
position: relative;
}

.mainitems{ color:#ffffff; text-transform:uppercase;
border: none; font-size:15px; letter-spacing:1px;  font-family:Arial, Helvetica, sans-serif!important;
margin:0px 9px 0 9px; border-right:#FFFFFF solid 1px; padding-right:20px;}

.mainitems:last-child {border-right:none!important; padding-right:0px!important;}


.mainitems a{color:#ffffff;
margin-left: 6px;
margin-right: 8px;
text-decoration: none;
}
.mainitems a:hover{color:#FFCC00;
margin-left: 6px;
margin-right: 8px;
text-decoration: none;
}

.subuls{
display: none;
width: 18em;
position: absolute;
top: 1.2em;
left: 0;
z-index:999; text-align:center;
background:#ffffff; font-size:15px;
border: 1px solid #432589;
}

.subuls li{
width: 100%; line-height:1.75; padding:2px;
}

.subuls li a:link{ color:#0e0e0e!important;  font-weight:normal;
text-decoration:none;
}

.subuls li a:visited{ color:#0e0e0e!important;  font-weight:normal;
text-decoration:none;
}
.subuls li a:hover{ color: #432589!important;  font-weight:normal;
text-decoration: underline;
}

.subuls li a:active{ color:#0e0e0e!important;  font-weight:normal;
text-decoration: none;
}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#cssdropdown .mainitems:nth-child(3) .subuls { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto; 
left:-94px;
}
#cssdropdown .mainitems:last-child .subuls { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto; 
left:-184px;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}
}