body {
	
	background-image: url(\"/bg.jpg\"); background-position: center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; color: #000000; background-color: #2a7d11; font-family: Helvetica; font-size: 12pt; 
	margin: 0px; padding:0px;
	 }
  
@media print {
	body { margin: 0; color: #000; background-color: #fff; padding:0; border:0; height: 10%; width: 10%; }

	#main {position:relative; padding:0; height:1px; overflow:hidden;}
	#printarea {position:absolute; height: 100%; width:100%; top:0; padding:0; margin:-30px; overflow: hidden;}
   
}

form .forfutureuse{ display:none; }

.hovershadow { border: 2px solid #000000; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 1), 0 0 10px 0 rgba(0, 0, 0, 0.5); }
.hovershadow:hover { border: 2px solid #000000; box-shadow: 0 0 8px 0 rgba(155, 0, 0, 1), 0 0 10px 0 rgba(255, 0, 0, 0.5); }

.hovershadowimgage { -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    border: 2px solid #000000; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 1), 0 0 10px 0 rgba(0, 0, 0, 0.5); height:250px;}
.hovershadowimgage:hover { -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    border: 2px solid #000000; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 1), 0 0 10px 0 rgba(0, 0, 0, 0.5); height:500px;}

.newsitem {padding:4px; }
.newsitems {background-color:#dddddd; background-image: url("/images/news.jpg"); background-position: center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; padding:0px; border:1px solid #666666;}
.newsitemtitle {font-family:courier;font-size:14px;font-weight:900;}
.newsitempage {font-family:courier;font-size:12px;}

.google-visualization-orgchart-node {background-color: #eeeeee !important;border: 1px solid #888888 !important;}

.pagebreak { page-break-before: always; }

table.page {color: #DefaultTextColour; ffffff font-family: Helvetica; font-size: 10pt; margin: 0px; -moz-border-radius: 18px; padding: 10px; border: #1b2b17 3px solid;}
.commentbox {border-style:solid; border-width:1px; border-color:#000000;}
table {color: #DefaultTextColour; background-color: #DefaultMSGColour;font-family: Helvetica; font-size: 14px; margin: 0px;}
table {border-collapse: collapse;}

tr.form {border: 1px solid black; background:white;}
td.form, th.form {padding: 8px; border: none; }

button.form[type="submit"], submit.form {font-size:20px; padding:10px;border:1px solid #cccccc; border-radius:5px; background-color:#007bff; color:white; cursor:pointer; width:90%;}
button.form[type="submit"]:hover {background-color: #0056b3;}

button.disabled[type="submit"] {font-size:20px; padding:10px;border:1px solid #cccccc; border-radius:5px; background-color:#007bff; color:#006bdf; cursor:pointer; width:90%;}

h2 {page-break-before: always}
a {font-size: 12pt;TEXT-DECORATION:none;color:#0000aa; white-space: nowrap;}
a.white {font-size: 12pt;TEXT-DECORATION:none;color:#ffffff; white-space: nowrap;}
a.index {font-size: 12pt;TEXT-DECORATION:none;color:#000033; white-space: nowrap; padding: 5px 2px;}
a:hover {font-size: 12pt;TEXT-DECORATION:none; color:#ff0000; white-space: nowrap;}

a.small {font-size: 10px;TEXT-DECORATION:none;color:#999999; white-space: nowrap;}
a.small:hover {color:#ff0000;}

input,textarea,option,select {font-size:12pt;font-family:courier;}
input[type=submit],input[type=button]{font-size:14pt;font-family:courier;}


xbutton[disabled=disabled],button:disabled,input[type=\"button\"]:disabled {color: #ff0000;}

input[type='text']:focus { border: solid 1px #ff0000; box-shadow: 0 0 15px 1px #ff0000; }

textarea {padding: 5px; BORDER: black 1px solid; COLOR: #000000; TEXT-DECORATION: none; font-size: 12pt; font-family:courier; background-color:#ffffff;}

input[type=button].small {font-size: 10px;}
.border {border: black 1px solid;}
.box {border: #cccccc 1px solid; padding: 10px;}
td {vertical-align: top; font-size: 12pt;}
.topborder {border-top-style:solid; border-top-width:1px; border-top-color:#999999;}
.nowrap {float: left; white-space: nowrap;}

.lightbg {background-color:rgb(244, 244, 244);}
.lightbg:hover {background-color:rgb(255, 255, 204);}





.tabrow-OLD tr:hover {background-color:#F8FFF8;}
.tabrow tr:hover {background-color:#ffffee;}
.tabrownoselectall tr:hover {background-color:#ffffee;}
.tab:nth-child(0) {background-color:#ffcccc;}
.tab:nth-child(even) {background-color:#eeeeee;}
.tab:nth-child(odd) {background-color:#dddddd;}
.nohover {vertical-align: bottom; background-color:#000000; color: white; !important;}


th.dark {
  background:#000000; color:#dddddd; text-align:left; vertical-align:bottom;
}




ul {list-style-type: square; margin: 0px; padding: 0px 0px 0px 20px; line-height: 180%;}

:root {
  --delay: 0.9;
}




.container {
    margin: 0 auto;
	float: left;
	padding: 10px;

}


.caption {
    position: relative;
    overflow: hidden;
    /* Only the -webkit- prefix is required these days */
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
	border-radius: 22px;
            -moz-border-radius: 22px;
            -khtml-border-radius: 22px;
            -webkit-border-radius: 22px;			
}

.caption::before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	background: rgba(0, 0, 0, 0);
    transition: background 0.3s ease-out;
	
}

.caption:hover::before {
    background: rgba(111,0,0, .7);
}

.caption__media {
    display: block;
    min-width: 100%;
    max-width: 100%;
    height: auto;
}

.caption__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 15px 5px 10px 5px;
    color: #ffff00;
	text-shadow: 0px 0px 10px #000000;
	text-align: center;
    transition: -webkit-transform 0.4s ease-out;
    transition:         transform 0.4s ease-out;
	

}

.caption:hover .caption__overlay {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.caption__overlay__title {

    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;	
	transform: rotate(-10deg);
	font-family: Courier;
	background: rgba(0,0,0, .6);
	border: 1px solid #000000;
	border-radius: 15px;
    -moz-border-radius: 15px;
    -khtml-border-radius: 15px;
    -webkit-border-radius: 15px;	
}

.caption__overlay__content  {
    transition: -webkit-transform 0.4s ease-out;
    transition:         transform 0.4s ease-out;
	transform: translateY(150px);
	
	
	
	white-space: normal;
    -webkit-transform: translateY( -webkit-calc(200px ) );
            transform: translateY( calc(200px ) );	
	xtransform: rotate(180deg);
}




.caption:hover .caption__overlay__title {
	color: #ffff66;
	background: rgba(0,0,0, 0);
	font-family: Helvetica;
	font-weight: 700;
	border: 0px;
	text-shadow: 0px 0px 15px #000000;
    -webkit-transform: translateY( -webkit-calc(0px ) );
            transform: translateY( calc(0px ) );
	transform: rotate(0deg);
}



.caption:hover .caption__overlay__content {
	color: #ffffff;
	font-weight: 700;
     -webkit-transform: translateY( -webkit-calc(0px ) );
            transform: translateY( calc(0px ) );			
	transform: rotate(0deg);
}

.container > .caption > .caption__overlay > .caption__overlay__title{
    max-width: 154px;
	white-space: normal;
}

.buttonpic {border: 2px solid #666666;
            border-radius: 22px;
            -moz-border-radius: 22px;
            -khtml-border-radius: 22px;
            -webkit-border-radius: 22px;
			display: block;
}



.buttonpic:hover {border: 2px solid #660000;opacity: 0.2; filter: alpha(opacity=20);
           -moz-box-shadow: 0px 0px 99px #ff0000;
              -webkit-box-shadow: 0px 0px 99px #ff0000;
              box-shadow: 0px 0px 99px #ff0000;

           filter: url(\"data:image/svg+xml;utf8,#grayscale\"); /* Firefox 3.5+ */
              filter: gray; /* IE6-9 */
             -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
              -webkit-filter: grayscale(1);
           -webkit-filter: grayscale(100%);
              -moz-filter: grayscale(100%);
              filter: gray;filter: grayscale(100%);
           filter: url(desaturate.svg#grayscale);}

.buttonpicsmall {border: 2px solid #666666;
            border-radius: 11px;
            -moz-border-radius: 11px;
            -khtml-border-radius: 11px;
            -webkit-border-radius: 11px;
transition: all 0.4s ease-out;            
}



.buttonpicsmall:hover {border: 2px solid #660000;opacity: 0.2; filter: alpha(opacity=20);
           -moz-box-shadow: 0px 0px 99px #ff0000;
              -webkit-box-shadow: 0px 0px 99px #ff0000;
              box-shadow: 0px 0px 99px #ff0000;
transform: rotate(360deg);
transition: all 0.4s ease-out;
           filter: url(\"data:image/svg+xml;utf8,#grayscale\"); /* Firefox 3.5+ */
              filter: gray; /* IE6-9 */
             -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
              -webkit-filter: grayscale(1);
           -webkit-filter: grayscale(100%);
              -moz-filter: grayscale(100%);
              filter: gray;filter: grayscale(100%);
           filter: url(desaturate.svg#grayscale);}

.headpic {border: 2px solid #666666;
            border-radius: 10px;
            -moz-border-radius: 10px;
            -khtml-border-radius: 10px;
            -webkit-border-radius: 10px;

}



.headpic:hover {border: 2px solid #660000;opacity: 0.8; filter: alpha(opacity=80);
           -moz-box-shadow: 0px 0px 66px #ff0000;
              -webkit-box-shadow: 0px 0px 66px #ff0000;
              box-shadow: 0px 0px 66px #ff0000;}


.paddedborder {color: #000000; background-color: #ffffff ; font-size: 10pt; padding: 10px; border: black 1px solid;}
.big {font-size:18pt;font-family:Helvetica;color:#000000;text-shadow: 0px 0px 5px #000000; color:#000000;}


th.rotate {
  /* Something you can count on */
  height: 140px;
  white-space: nowrap;
}

th.rotate > div {
  transform: 
    /* Magic Numbers */
    translate(0px, 51px)
    /* 45 is really 360 - 45 */
    rotate(315deg);
  width: 30px;
}
th.rotate > div > span {
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
}

.msg0 {border: 3px solid #333333;
   #behavior: url(border-radius.htc);
   #position: relative;
   border-radius: 10px;
   overflow:hidden;
   overflow:none;

   -moz-border-radius: 10px;
   -khtml-border-radius: 10px;
   -webkit-border-radius: 10px;
}

.msgH0 {font-size: 18px; font-family:Helvetica; color:#ffffff; font-weight: 700; text-align: center;
background-color: #333333;
   background: -moz-linear-gradient(top, #333333, #888888);
   background: -webkit-linear-gradient(top, #333333, #888888);
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#888888));
   background: -moz-linear-gradient(top, #333333, #888888);
   background: -ms-linear-gradient(top, #333333, #888888);
   background: -o-linear-gradient(top, #333333, #888888);
   }
.msgB0 {font-size: 15px; font-family:Helvetica; color:#000000; background:#ffffff;}


.msg1 {border: 1px solid #ff0000;
   #behavior: url(border-radius.htc);
   #position: relative;
   border-radius: 5;
   overflow:hidden;
   overflow:none;

   -moz-border-radius: 5;
   -khtml-border-radius: 5;
   -webkit-border-radius: 5;
}
.msgH1 {font-size: 18px; font-family:Helvetica; color:#ffff00; background-color: #ff0000; font-weight: 900; text-align: center;
   background: -moz-linear-gradient(top, #ff0000, #770000);
   background: -webkit-linear-gradient(top, #ff0000, #770000);
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff0000), to(#770000));
   background: -moz-linear-gradient(top, #ff0000, #770000);
   background: -ms-linear-gradient(top, #ff0000, #770000);
   background: -o-linear-gradient(top, #ff0000, #770000);}
.msgB1 {font-size: 16px; font-family:Helvetica; color:#ff0000; background-color: #ffff00; font-weight:700;
   background: -moz-linear-gradient(top, #ffff00, #ffcc00);
   background: -webkit-linear-gradient(top, #ffff00, #ffcc00);
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffff00), to(#ffcc00));
   background: -moz-linear-gradient(top, #ffff00, #ffcc00);
   background: -ms-linear-gradient(top, #ffff00, #ffcc00);
   background: -o-linear-gradient(top, #ffff00, #ffcc00);}

.msg2 {border-style:solid; border-width:1px; border-color:#333333; -moz-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px;
   -webkit-border-radius: 10px;}
.msgH2 {font-family:courier; font-size:8pt; color:#ffffff; background-color: ##ff0000; font-weight: 7-00; text-align: center;}
.msgB2 {font-family:courier; font-size:8pt; color:#000000; background-color: #ffffff;}

.msg3 {border-style:solid; border-width:3px; border-color:#990000; -moz-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px;
   -webkit-border-radius: 10px;}
.msgH3 {font-family:arial; font-size:11pt; color:#ffffff; background-color: #990000; font-weight: 700; text-align: left;}
.msgB3 {font-family:courier; font-size:9pt; color:#000000; background-color: #ffffff;}

.msgH4 {font-size: 22pt; font-family:courier; color:red; font-weight: 800; text-align: center;background-color: #ffff00;
   background: -moz-linear-gradient(top, #bbbb00, #ffff00);
   background: -webkit-linear-gradient(top, #bbbb00, #ffff00);
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbb00), to(#ffff00));
   background: -moz-linear-gradient(top, #bbbb00, #ffff00);
   background: -ms-linear-gradient(top, #bbbb00, #ffff00);
   background: -o-linear-gradient(top, #bbbb00, #ffff00);}
.msgB4 {font-size: 12pt; font-family:courier; color:black; background-color: #aaaa00;}





@media screen {
.pageoutline {
	background: #ccffcc;
	background-image: url(\"/pagebg.png\");
	background-position: center; 
	background-attachment: fixed; 
	background-repeat: no-repeat; 
	background-size: cover;
	border: 13px solid #1b2b17;
   border-radius: 20px;
   overflow:hidden;
   -moz-border-radius: 20px;
   -khtml-border-radius: 20px;
   -webkit-border-radius: 20px;  }

}



/* For mobile phones: */
[class*=\"col-\"] {
	td.button a.button {display:block; width:100%; color:black; font-size: 24px;  }
	td.button:hover a.button:hover{color:#ffffff;}
}

@media only screen and (min-width: 768px) {
  /* For desktop: */
	td.button a.button {display:block; width:100%; color:black; font-size: 14px;  }
	td.button:hover a.button:hover{color:#ffffff;}

}