* {
    /* reset */
    margin: 0;
    padding: 0;
}

#site-logoL {
    width: 243px !important;
    float: left;
    margin-top: 0px;
    margin-right: 30px;
    max-height:0px;
}


#site-logoC {
    color: #fff;
    font-family: "Thorndale AMT",Times, serif;
    font-size: 2.8em;
    margin-top: 0px;
    line-height: 1.0em;
    margin-left: 0;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 5%;
}

#site-logoC-title {
    float:left;
}

#site-logoC-title1 {
    font-size: 36pt;
}

#site-logoC-title2 {
    font-size:24pt;
    margin: 0 auto;
    text-align:left;
}

#site-logoC-title3 {
    margin: 0px 10px 0px auto;
    text-align:center;
    overflow:hidden;
}

#site-logoR {
    float:right;
    margin-top:0;
    padding: 0;
    overflow: hidden;
    height: 260px important;
}

#site-logoR img {
margin-top:10px;
float:right;
max-height:100px;
-webkit-filter: invert(100%); filter: invert(100%);
}

#language li {
    display: inline;
}

#site-logoR-nav li {
    display: inline;
}

.invert {-webkit-filter: invert(100%); filter: invert(100%);}

#language a {
    color:white;
}

/* banner */
@-webkit-keyframes cfFadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-moz-keyframes cfFadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-o-keyframes cfFadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@keyframes cfFadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

#cf {
    margin: 0 auto;
    overflow:hidden;
    display:inline-block;
}

#cf1 {
    display:inline-block;
}

#cf2 {
    display:inline-block;
}

#cf3 {
    display:inline-block;
}

.cfa {
  height:auto;
  width:auto;
  height:240px;
  width:450px;
}

.cfa img {
  position:absolute;
/*  left:0;*/
  min-width:240px;
  max-width:480px;
  max-height:240px;

}

.cfa img {
  -webkit-animation-name: cfFadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 21s;

  -moz-animation-name: cfFadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 21s;

  -o-animation-name: cfFadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 21s;

  animation-name: cfFadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 21s;
}

.cfa img:nth-of-type(1) {
  -webkit-animation-delay: 21s;
  -moz-animation-delay: 21s;
  -o-animation-delay: 21s;
  animation-delay: 21s;
}
.cfa img:nth-of-type(2) {
  -webkit-animation-delay: 14s;
  -moz-animation-delay: 14s;
  -o-animation-delay: 14s;
  animation-delay: 14s;
}
.cfa img:nth-of-type(3) {
  -webkit-animation-delay: 7s;
  -moz-animation-delay: 7s;
  -o-animation-delay: 7s;
  animation-delay: 7s;
}
.cfa img:nth-of-type(4) {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}

*/

/* banner end */


#nav {
	margin:0;
        margin-left:0;
        margin-right:auto;
	padding:0;
	width:100%;
	border:none;
        line-height: 1.0em;
}
#nav li {
	display:inline;
	padding:0;
	margin:0;
}

.hnav {
	background:transparent;
}

#nav a {
	background:#0;
}

#nav a:link,
#nav a:visited {
	color:#fff;
	padding:10px 10px 10px 10px;
/*	padding:20px 40px 14px 10px;*/
	float:left;
	width:auto;
	border-right:none;
	text-decoration:none;
        font-weight: bold;
}

#nav a:hover {
	color: #0b4d09; /* green */
	background:#D3FFCC; /* light green */
}
#nav li:first-child a {
	border-left:none;
}


#hnav {
	margin:0;
        margin-left:40%;
        margin-right:auto;

	background:#008076 0 0 repeat-x;
	width:100%;
	border:none;
        line-height: 0.5em;
    font-family: "Arial", Helvetica, sans-serif;
    font-size:0.3em;
}
#hnav li {
	display:inline;
	padding:0;
	margin:0;
}


#hnav a:link,
#hnav a:visited {
	padding:20px 40px 14px 10px;
	color:#fff;
	background:transparent;
	float:left;
	width:auto;
	border-right:none;
	text-decoration:none;
        font-weight: bold;
}
#hnav a:hover {
	color: #0b4d09; /* green */
	background:#D3FFCC; /* light green */
}

#hnav li:first-child a {
	border-left:none;
}

#nav2 {
	margin:0;
        margin-left:0px;
        margin-right:auto;
	width:100%;
	border: none;
        list-style: none;
}

#nav2 li {
	padding:0px 0px 0px 0px;
}

#nav2 a:link {
	background:transparent;
	padding:5px 0px 5px 0px;
        display:block;
	width:100%;
	border-right:none;
	text-decoration:none;
}

#nav2 a:visited {
    color: #888;
	background:transparent;
	padding:5px 0px 5px 0px;
	width:100%;
        display:block;
	border-right:none;
	text-decoration:none;
}

#nav2 a:hover {
	color:#fff;
	background:#0b4d09; /* green */
}

#nav2 li:first-child a {
	border-left:none;
}

/*http://cssdeck.com/labs/image-slider-1*/

.container {
    background: #0b4d09; /* green */
    border:none;
/*    border: 3px solid #4a8449;*/
    padding:0px;

    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin-right: auto;
    margin-left: auto;
}

.image-slider-wrapper {
    overflow: hidden;
width:100%;
}

#image_slider {

    position: relative;
    overflow: hidden;
/*    height: 320px;*/
     padding:0;
    left: 0;
    width:30000px;
}

#image_slider li {
    position:relative;
    max-width: 100%;
    float:left;
    list-style: none;
    left: 0;
}

#image_slider li img {
    height:auto;
    width:auto;
    min-width:240px;
    max-width:480px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 3px;
    padding-right: 3px;
}
/* */

body {
    min-width:800px;

    background-color:#097d2f; /* green */

    background: -moz-linear-gradient(top, #000, #097d2f, #00b92b); /* green*/
    background: -ms-linear-gradient(top, #000, #097d2f, #00b92b); /* IE10 */
    background: -o-linear-gradient(top, #000, #097d2f, #00b92b); /* Opera */
    background: -webkit-gradient(linear, top, bottom, color-stop(0, #097d2f), color-stop(1, #00b92b)); /* Webkit (Safari/Chrome 10) */

    background: -webkit-linear-gradient(top, #000, #097d2f, #00b92b); /* Webkit (Chrome 11+) */ 

    background: linear-gradient(top, #000, #097d2f, #00b92b); /* Proposed W3C Markup */ 

/*    background-color:#0b4d09;*/ 
}

#back {
    min-width:800px; /* must match body */
    position:absolute;
    top:0;
    left:0;
    border:none;
/*    background-color:#fff;*/
/*#18b9cc*/
    width:100%;
    height:100%;
    margin: 0;
    padding:0;
    background: transparent url(/img/579px-De_Landa_alphabet.png) repeat 100% 0%;
    z-index:-5;
}

#btop {
    min-height:260px;
    background:#0d4d1c;
    background: -moz-linear-gradient(left, #023008, #027d2b, #0d4d1c); /* green*/
    background: -ms-linear-gradient(left, #023008, #027d2b, #0d4d1c); /* IE10 */
    background: -o-linear-gradient(left, #023008, #027d2b, #0d4d1c); /* Opera */
    background: -webkit-gradient(linear, left, right, color-stop(0, #023008), color-stop(1, #0d4d1c)); /* Webkit (Safari/Chrome 10) */
    background: -webkit-linear-gradient(left, #023008, #027d2b, #0d4d1c); /* Webkit (Chrome 11+) */ 
    background: linear-gradient(left, #023008, #027d2b, #0d4d1c); /* Proposed W3C Markup */ 
}

#bmid {
    display:none;
}


#bbot {
    position: absolute;
    top:0;
    left:0;
    height: 100%;
    width: 90px;
    float: right;
    z-index: 5;
}

#bfoot {
    position: absolute;
    top:0;
    right:0;
    height: 100%;
    width: 90px;
    float: right;
z-index: 5;
}

#front {
    border: none;
    background-color:transparent;
    width:80%;
    height:100%;
    margin-left: auto;
    margin-right:auto;
    font-family: "Arial", Helvetica, sans-serif;
}

#ftop {
    min-height:10px;
    background-color:#eee; 
}

#fheader {
    background-color:transparent;
    min-height:120px;
}

#fmenu {
    background-color: #0b4d09;
/*    min-height:50px;*/
    min-height:30px;
}

#fmid {
    margin: 0px 0px 0px 0px;
    overflow:hidden;
    width:100%;
}

#fmidright {
    margin-left: 1%;
    background: #fff;
color:#0b4d09;
    padding-bottom: 20px;
/*    padding-left: 13%;*/
    padding-left: 180px;
}

#fmidleft {
position:absolute;
    float:left;
    margin: 0px 10px 10px 0px;
    padding: 0px 0px 0px 0px;
    width: 8%;
    min-height: 200px;
    min-width: 180px;

    background:#D3FFCC;
    color: #fff;
}

#fmidleftheader {
    padding: 20px 20px 20px 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.0em;
    font-weight: bold;
    background-color: #4a8449; /* different green */
}

#fmidleftmenu {
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.0em;
}

#fmidleftfooter {
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.3em;
/*    height: 100%;*/
}

#fmidrightheader {
    padding: 40px 10px 10px 10px;
    margin-left: auto;
    margin-right: auto;
    font-size: 2.0em;
    font-weight: bold;
}

#fmidrightsummary {
    color: #000;
    padding: 10px 10px 10px 10px;
    font-size: 1.5em;
    font-weight: bold;
}

#fmidrighttext {
    color: #333;
    padding: 10px 10px 10px 10px;
    font-size: 1.1em;
}

#fmidrightHL {
    padding: 10px 10px 10px 10px;
    font-size: 20px;
}

#fmidrightheaderHL {
    padding: 10px 10px 10px 0px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.4em;
    font-weight: bold;
}

#hl {
    display:table;
    width: 100%;
    font-size: 0.6em;
    font-weight: bold;
color: #99CC66;
}

#hl1 {
padding: 10px 10px 10px 10px;
    display: table-cell;
    width: 240px;
    height: 160px;
/*    background: #555;*/
}

#hl2 {
padding: 10px 10px 10px 10px;
    display: table-cell;
    width: 240px;
    height: 160px;
}

#hl3 {
padding: 10px 10px 10px 10px;
    display: table-cell;
    width: 240px;
    height: 160px;
}

#ql {
    color: #004036;
    display:table;
    width: 100%;
    font-size: 1em;
    font-weight: bold;
}

#ql1 {
padding: 10px 10px 10px 10px;
    display: table-cell;
}

#ql2 {
padding: 10px 10px 10px 10px;
    display: table-cell;
}

.clear {
clear: both;
}

#fmid {
    background-color:#fff;
}

#footerout {
    position: relative;
    bottom: 0px;
    height: 1em;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color:#888;
    width: 100%;
}

#footer {
    color:#fff;
    width:80%;
    margin: 0 auto;
}

#fbot {
    display:none;
}

#bottom {
    position: absolute;
    bottom: 1em;
    
    padding-top: 10px;
    padding-bottom: 50px;
    text-align:center;
    background-color:#ccc;
/*    min-height:20%;*/
    width:100%;
    margin-left:auto;
    margin-right:auto;
}

#ql {
    width:80%;
    margin-left:auto;
    margin-right:auto;
}

#ql a:link,
#ql a:visited {
    background:transparent;
    padding:20px 40px 14px 10px;
    width:auto;
    border-right:none;
    text-decoration:none;
    text-transform:uppercase;
    color: #004036;
}

.pix {
    width:100%;
}

.pix table {
  font-family: Verdana;
  font-weight: normal;
  font-size: 10pt;
  border-collapse: collapse;
  border-spacing: 0px;
}

.pix td {
    border-bottom: 1px #6699CC dotted;
    text-align: left;
    font-family: Verdana, sans-serif, Arial;
    font-weight: normal;
    /*font-size: .8em;*/
    font-size: 11px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 8px;
}

.teampix {
    width:100%;
    font-family: Verdana, sans-serif, Arial;
    font-weight: normal;
    font-size: 10pt;
}

.teampix table {
  border-collapse: collapse;
  border-spacing: 0px;
}

.teampix td {
    border-bottom: 1px #6699CC dotted;
    text-align: left;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 0px;
    padding-right: 8px;
}

.teampix td .subhead {
    font-size: 12pt;
    border-bottom: 1px #6699CC solid;
    border-top: 1px #6699CC solid;
    padding-top: 4px;
    padding-bottom: 4px;
}

.addr {
    font-weight: normal;
    font-size: 14px;
    width:100%;
/*    background-color: #78bc71;*/
}

.addr table {
    font-family: Verdana, sans-serif, Arial;
    border-collapse: collapse;
    border-spacing: 0px;
}

.addr td {
    border-bottom: 1px #6699CC dotted;
    text-align: left;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 8px;
}


.addr tr:first-child {
    font-size: 16pt;
    font-weight: bold;
}

.def table {
  font-family: Verdana;
  font-weight: normal;
  font-size: 10pt;
  border-collapse: collapse;
  border-spacing: 0px;
  width: 600px;
}

.def td {
border-bottom: 1px #6699CC dotted;
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
  font-size: 11px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 8px;
}

.schedule {
    font-weight: normal;
    font-size: 14px;
    width:100%;
  font-family: Verdana;
margin-left: 1%;
padding-right: 5%;
}

.schedule table {
  border-collapse: collapse;
  border-spacing: 0px;
}

.schedule td {
    border-bottom: 1px #6699CC dotted;
    text-align: left;
    font-family: Verdana, sans-serif, Arial;
/*    font-weight: normal;*/
    font-size: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 8px;
}

.schedule tr:first-child {
    font-size: 16pt;
    font-weight: bold;
}


.price {
    overflow:visible;
    font-weight: normal;
    font-size: 14px;
    width:100%;
  font-family: Verdana;
margin-left: 1%;
padding-right: 5%;
}

.price table {
  border-collapse: collapse;
  border-spacing: 0px;
}

.price td {
    border-bottom: 1px #6699CC dotted;
    text-align: left;
    font-size: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 8px;
}

.price tr:first-child {
    font-size: 16pt;
    font-weight: bold;
}


.jobs {
    font-weight: normal;
    font-size: 14px;
    width:100%;
}

.jobs table {
    font-family: Verdana, sans-serif, Arial;
    border-collapse: collapse;
    border-spacing: 0px;
}

.jobs td {
    border-bottom: 1px #6699CC dotted;
    text-align: left;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 8px;
}

.jobs tr:first-child {
    font-size: 16pt;
    font-weight: bold;
}


.subheader {
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 4px;
}

#fmidrighttext p {
    margin-bottom: 15px;
}

h3 {
    padding-bottom: 10px;
}

a:link {
    color: #0b4d09;
}

a:visited {
    color: #83AF7C;
}

.sub {
    padding-bottom: 20pt;
}

.subhead {
font-weight: bold;
margin-top: 5pt;
margin-bottom: 5pt;
}

.bold {
 font-weight: bold;
}

.vmenu_selected {
background-color:#0b4d09;
color:pink;
}

.vmenu_selected a:link {
color:white;
}

.hmenu_selected a {
background-color: #4a8449;
color:red;
}

/*MEDIA QUERY*/
@media only screen and (max-width : 640px) {
  #fmenu {
    display-inline:hidden;
  }

}

@media only screen and (max-width: 1280px) {
    body {
        min-width:400px;
    }

    #back {
        min-width:400px; /* must match body */
    }

    #site-logoC-title1 {
        font-size:22pt;
    }
    #site-logoC-title2 {
        font-size:16pt;
    }
    #site-logoC-title3 {
        overflow: visible;
    }

    #hnav a:link,
    #hnav a:visited {
	padding:10px 10px 10px 10px;
	color:#fff;
	background:transparent;
	float:left;
	width:auto;
	border-right:none;
	text-decoration:none;
        font-weight: bold;
    }

    #hnav {
        margin-left:0;
    }

    #front {
        width:90%;
    }


    #fmidleft {
        margin: 0px 2px 2px 0px;
        min-height: 50px;
        min-width: 100px;
    }

    #fmidleftheader {
        padding: 5px 5px 5px 5px;
        font-size: 0.8em;
    }

    #fmidleftmenu {
        padding-left: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        font-size: 0.8em;
    }

    #fmidright {
        margin-left: 1%;
        background: #fff;
        color:#0b4d09;
        padding-bottom: 20px;
        /*    padding-left: 13%;*/
        padding-left: 100px;
        overflow-x:scroll;
    }
    .pix tbody tr td img {
        max-width:90%;
    }

    #nav {
        xline-height: 0em;
    }

    #nav a:link,
    #nav a:visited {
	padding:10px 10px 10px 10px;
	color:#fff;
	float:left;
	width:auto;
	border-right:none;
	text-decoration:none;
        font-weight: bold;
    }

}