html {
min-height: 100%;
}

body {
font-family: sans-serif, serif; font-size: 95%; color: #fff; margin: 0;
  margin-bottom: 60px;
  margin-top: 60px;
  background-color: #444;

background-image: url("/img/bg.png");
background-size: 100% 100%;
background-repeat: no-repeat;
}

html {overflow-y:scroll;}


img {max-width: 100%; border: 0px; vertical-align: middle;}

A:link, A:visited, A:active {color: #fff; text-decoration: underline;}
A:hover {color: #fff; text-decoration: none;}

A:link.plain, A:visited.plain, A:active.plain {color: #fff; text-decoration: none;}
A:hover.plain {color: #fff; text-decoration: none;}

A:link.ywl, A:visited.ywl, A:active.ywl {color: #ebea7d; text-decoration: none; border-bottom: 1px dashed; padding: 1px;}
A:hover.ywl {border-bottom: 0px dashed;}

/* -------------------------------------------------- HEADINGS */

h1 {font-weight: 400; color: #fff; font-size: 21pt; margin-top: 3px; margin-bottom: 3px;}
h2 {font-weight: 400; color: #f7f67b; font-size: 15pt; margin-top: 15px; margin-bottom: 6px;}
h3 {font-weight: 400; color: #eee; font-size: 15; margin-top: 10px; margin-bottom: 10px;}

h2.sys {font-weight: 300; color: #ebea7d; font-size: 180%; margin-top: 3px; margin-bottom: 3px;}


/* ------------- */


/* -------------------------------------------------- NAV */

#sh-nav:hover {cursor: pointer;}

#hdr_outer {width: 100%; position: fixed; top: 0px; height: 47px; background-color: #222; border-bottom: 1px solid #080808; overflow: hidden; margin: 0 auto; box-shadow: 0px 3px 4px #000;}
#hdr_inner {max-width: 72.0em; margin: 0 auto;}

#logo {float: left;}

div.nav {float: left; font-size: 85%; }


div.nav > a {background-color: #222; display: block; padding: 17px 10px 17px 10px; text-decoration: none; color: #fff;}
div.nav > a:hover {background-color: #444; border-left: 1px solid #222; border-right: 1px solid #222; padding: 17px 9px 17px 9px; text-decoration: none; color: #fff;}

div.nav > a.active {background-color: #444; border-left: 1px solid #444; border-right: 1px solid #444; padding: 17px 9px 17px 9px; color: #eee;}

/* ------------- */



/* -------------------------------------------------- STANDARD AND TYPOGRAPHY */

div.outer {max-width: 72.0em;  margin: 0 auto;}

.left {float: left;}
.right {float: right;}
.top {vertical-align: top;}

.in_block {display: inline-block;}

.padd {padding: 5px;}

.ml {margin-left: 20px;}

img.intro {margin: 30px 0px 10px 30px; border-radius: 8px; box-shadow: 0px 2px 4px #aaa;}
img.intro_nb {margin: 30px 0px 10px 30px;}

span.sub_head {font-weight: 300; font-size: 160%; color: #bbb;}
span.yw {color: #ebea7d; font-weight: bold;}
span.sm {font-weight: normal; font-size: 80%;}

.intro {font-weight: normal; color: #eee; font-size: 14pt;}

div.content {font-size: 110%; padding: 0px; padding-bottom: 10px; overflow: hidden;}

hr {margin-top: 5px; margin-bottom: 5px; border: 0; border-top: 1px solid #fff;}

hr.std {margin-top: 15px; margin-bottom: 10px; border: 0; border-top: 1px solid #fff; clear: both;}
hr.th {margin-top: 5px; margin-bottom: 5px; border: 0; border-top: 1px solid #fff;}


/* ------------- */



/* -------------------------------------------------- SCHEDULE */

div.schedule_outer {
  display: inline-block;
  width: 290px;
  background: rgba(0, 0, 0, 0.6);
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin: 10px 0px 0px 0px;
  vertical-align: top;
}

h2.schedule {font-size: 14pt; color: #fada5f; font-weight: 400; margin: 0px 0px 10px 0px;}


table.schedule {width: 100%; border-collapse: collapse; border-spacing: 0; border: 0px solid #000;}

.schedule_hdr {font-size: 15pt; color: #fff; font-weight: 400;}
.schedule_day {font-size: 13pt; color: #c49102; font-weight: 400; font-style: italic;}
.schedule_hrs {font-size: 12pt; color: #fff; font-weight: 400;}
.schedule_note {font-size: 12pt; color: #fff; font-weight: 400; font-style: italic;}

ul.schedule {
  list-style: none;
  margin: 4px;
  padding: 5px;
}

/* ------------- */





/* -------------------------------------------------- FORMS */


div.frm_hdr {display: block; background-color: #ccc; margin-top: 4px; padding: 6px 6px 6px 6px;
border-left: 1px #000 solid; border-top: 1px #000 solid; border-right: 1px #000 solid; border-radius: 5px 5px 0px 0px;
font-size: 90%; color: #333; font-weight: normal;}

div.frm_cnt {display: block; background-color: #ddd; margin-top: 0px; padding: 6px 6px 6px 6px;
border: 1px solid #000; border-radius: 0px 0px 5px 5px; font-size: 90%; color: #000; font-weight: normal;}

.frm1 {width: 270px; background-color: #eee; color: #000; margin-top: 4px; margin-bottom: 4px; border: 1px solid #333;
 padding: 4px; border-radius: 5px; font-family: verdana, serif; font-size: 100%; font-weight: normal;}
.frm_opt {padding: 3px;}


div.qte_frm {display: inline-block; background-color: #444; font-size: 110%; margin-top: 5px; border-radius: 5px; padding: 6px; overflow: hidden;}

table.quote {width: 540px; border-collapse: collapse; padding: 0px;}
td.qte1,td.qte2 {width: 100%; background-color: #444; background-color: rgba(68, 68, 68, 0.75); font-size: 90%; padding:4px 2px 4px 4px; border-top: 1px #fff solid; border-bottom: 1px #fff solid;}
td.qte2 {text-align: center;}

.frm_sub {margin: 6px 8px 6px 0px; border-radius:5px; padding: 3px 5px 3px 5px;}


div.qte_help {width: 500px; display: inline-block; background-color: #444; font-family: verdana, serif; font-size: 10pt; margin-top: 5px; border-radius: 5px; padding: 6px; overflow: hidden;}



.sub1 {width: 130px; border-radius: 5px; padding: 2px; font-size: 100%; margin-right: 7px;}


.frm_sub {margin: 6px 8px 10px 0px; border-radius:5px; padding: 3px 5px 3px 5px;}

.qte_sub {margin: 8px 8px 2px 0px; border-radius:5px; padding: 3px 5px 3px 5px; cursor: pointer;}
/* ------------- */



/* -------------------------------------------------- FOOTER */

.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 36px;
  background-color: #222;
  z-index: 3;
   box-shadow: 0px -3px 3px #111;
}

div.ftr_copyright {float: left; padding: 8px 10px 8px 10px;}
div.ftr_address {float: right; padding: 8px 10px 8px 10px;}
/* ------------- */



#sh-nav{display: none;}
#menu{display: block;}

@media (max-width: 939px) {
#sh-nav{display: block; float: right; margin-top: 8px; margin-right: 14px;}
#menu{display: none; background-color: #222; width: 100%; border-bottom: 1px solid #000; box-shadow: 0px 3px 4px #000;}

#menu{position: fixed; top: 43px; z-index: 99;}


div.nav {float: left; font-size: 85%; }


div.nav > a {background-color: #222; display: block; padding: 10px 6px 10px 6px; text-decoration: none; color: #fff;}
div.nav > a:hover {background-color: #444; border-left: 1px solid #222; border-right: 1px solid #222; padding: 10px 5px 10px 5px; text-decoration: none; color: #fff;}

div.nav > a.active {background-color: #444; border-left: 1px solid #444; border-right: 1px solid #444; padding: 10px 5px 10px 5px; color: #eee;}

div.outer {max-width: 98%;  margin: 0 auto;}

.ml {margin-left: 0px;}

h1.cnt,h1.cntni {font-weight: 300; color: #dfde93; font-size: 180%; margin-top: 86px; margin-bottom: 3px;}
h2.cnt {font-weight: 300; color: #eee; font-size: 130%; margin-top: 3px; margin-bottom: 3px;}
h3.cnt {font-weight: 300; color: #eee; font-size: 110%; margin-top: 3px; margin-bottom: 3px;}

p.intro {font-size: 120%;}

span.sub_head {font-size: 120%;}

}


@media (min-width: 940px) {
#sh-nav{display: none;}
#menu{display: block;}
}

@media (max-width: 539px) {

img.intro {margin: 50px 0px 10px 0px; border-radius: 8px; box-shadow: 0px 2px 4px #aaa;}
img.intro_nb {margin: 50px 0px 10px 0px;}

h1.cnt {margin-top: 8px;}

table.quote, div.qte_help {width: 98%;}

.footer {
  position: relative;
  
}

}


@media (max-width: 580px) {

div.ftr_copyright {float: none; padding: 8px 10px 2px 10px;}
div.ftr_address {float: none; padding: 2px 10px 8px 10px;}

.footer {
  height: 60px;
}

body {
  margin-bottom: 0px;  
}


}

@media (max-width: 580px) {
  
  .right {float: none;}
}





@media (max-width: 390px) {

.footer {
  height: 80px;
}



}



@media (max-width: 479px) {

/*#sh-nav{position: fixed; top: 40px; z-index: 99; margin-left: 4px; border-radius: 5px;}*/

/*img.intro {margin: 80px 0px 10px 0px;}*/

/*A:link, A:visited, A:active {display: inline-block; margin-top: 4px; margin-bottom: 4px;}
A:hover {display: inline-block; margin-top: 4px; margin-bottom: 4px;}*/

}