html, body{margin:0px; height:100%}
.bcg{background-repeat:repeat}
.bcg2{background-position:top center; background-repeat:no-repeat}

#footer{font-family:Roboto-Regular-webfont, Helvetica, sans-serif; color:#ffffff; font-size:13px; text-decoration:none}
.footer{font-family:Roboto-Regular-webfont, Helvetica, sans-serif; color:#666666; font-size:13px; text-decoration:none}

.menu {color: #666666; text-decoration:none; font-family:futurabook, Arial, Helvetica, sans-serif; font-size: 18px; padding-left:30px; padding-right:30px; font-weight:600}
a:hover.menu {color: #99cc33; text-decoration:none; font-family:futurabook, Arial, Helvetica, sans-serif; font-size: 18px; padding-left:30px; padding-right:30px; font-weight:600}
.menu2 {color: #99cc33; text-decoration:none; font-family:futurabook, Arial, Helvetica, sans-serif; font-size: 18px; padding-left:30px; padding-right:30px; font-weight:600}

.p {font-family:Roboto-Regular-webfont, Helvetica, sans-serif; font-size:15x; color: #333333; line-height:24px; text-decoration:none}
a:hover.p {color: #99cc33}

.p2 {font-family:Roboto-Regular-webfont, Helvetica, sans-serif; font-size:16px; color: #666666}

.p3 {font-family:Roboto-Regular-webfont, Helvetica, sans-serif; font-size:16px; color: #333333; text-decoration:none}
a:hover.p3 {color: #99cc33}

.p4 {font-family:Roboto-Regular-webfont, Helvetica, sans-serif; font-size:18px; color: #333333; line-height:30px; text-decoration:none}

.p5 {font-family:Roboto-Regular-webfont, Helvetica, sans-serif; font-size:15x; color: #333333; line-height:26px; text-decoration:none}

.title { font-family:futurabook, Helvetica, sans-serif; font-size: 48px; color: #333333; line-height:60px; text-shadow: 0px 0px 20px #ffffff}
.title2 { font-family:futurabook, Helvetica, sans-serif; font-size: 36px; color: #333333; line-height:40px;}
.title3 {font-family:Roboto-Regular-webfont, Helvetica, sans-serif; font-size:22px; color: #666666; line-height:24px; text-decoration:none}
.title4 { font-family:Roboto-Regular-webfont, Helvetica, sans-serif; font-size: 18px; color: #333333; font-weight:bold}

.h1 { font-family:futurabook, Helvetica, sans-serif; font-size: 36px; color: #333333; line-height:40px;}

.form {font-family:Roboto-Regular-webfont, Helvetica, sans-serif; font-size:16px; color: #333333; line-height:24px; text-decoration:none}
.registertext {font-family:Roboto-Regular-webfont, Helvetica, sans-serif; width:298px; height:30px; overflow:auto; font-size: 16px; color:#333333; background-color:#ffffff; border-style:solid; border-width:1px; border-color:#cccccc}
.message{text-transform:none; width:618px; height:104px; overflow:auto; font-family:Roboto-Regular-webfont, Helvetica, sans-serif; font-size:16px; color:#333333; background-color:#ffffff; border-style:solid; border-width:1px; border-color:#cccccc}
.hidetext{display:none; visibility:hidden}

.button{border:0px; background:url(images/btn.png); width:145px; height:38px; font-family:Roboto-Regular-webfont, Arial, Helvetica, sans-serif; font-size: 16px; color: #ffffff; cursor:pointer}

.btn {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  border-style:none; 
  font-family: Roboto-Regular-webfont, Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 16px;
  background: #99cc33;
  padding: 7px 52px 7px 52px;
  text-decoration: none;
  cursor:pointer;
}

.btn2 {
   width:210px;
   height:86px;	
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 15px;
  font-family: Roboto-Regular-webfont, Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 18px;
  background: #603913;
  padding: 0px;
  text-decoration: none;
  border:0px;
}




@font-face {
    font-family: 'Roboto-Regular-webfont';
    src: url('font/Roboto-Regular-webfont.eot');
    src: url('font/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Roboto-Regular-webfont.woff2') format('woff2'),
         url('font/Roboto-Regular-webfont.woff') format('woff'),
         url('font/Roboto-Regular-webfont.ttf') format('truetype'),
         url('font/Roboto-Regular-webfont.svg#Roboto-Regular-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futurabook';
    src: url('font/futurabook.eot');
    src: url('font/futurabook.eot?#iefix') format('futurabook'),
         url('font/futurabook.woff2') format('woff2'),
         url('font/futurabook.woff') format('woff'),
         url('font/futurabook.ttf') format('truetype'),
         url('font/futurabook.svg#futurabook') format('svg');
    font-weight: normal;
    font-style: normal;

}


* {
  margin: 0;
}
html, body {
  height: 100%;
}
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -50px; 
}
.page-wrap2 {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -150px; 
}
.page-wrap:after {
  content: "";
  display: block;
}
.page-wrap2:after {
  content: "";
  display: block;
}
.site-footer, .page-wrap:after {
  /* .push must be the same height as footer */
  height: 50px;
}
.site-footer2, .page-wrap2:after {
  /* .push must be the same height as footer */
  height: 150px;
}
.site-footer {
	background:url(images/bcg_footer.jpg);
}
.site-footer2 {
	background:url(images/bcg_footer.jpg);
}
/* Sticky Header */

#nav{z-index:0;}
#footer{display:none;}
/* Reset body padding and margins */
body { margin:0; padding:0; }

/* Make Header Sticky */
#header_container {border:0px; height:48px; left:0; position:fixed; width:100%; top:0; z-index:9999;}
#header_content{ line-height:48px; margin:0 auto; width:100%; text-align:center; z-index:9999;}


.headerimg {background: center top no-repeat; width:100%; height:180px; position:absolute}
#header {height:90px; position:relative; filter:alpha(opacity=90); opacity:0.90}