@font-face {
    font-family: 'proxima_nova';
    src: url('font/FontsFree-Net-proxima_nova_reg-webfont.eot');
    src: url('font/FontsFree-Net-proxima_nova_reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/FontsFree-Net-proxima_nova_reg-webfont.woff2') format('woff2'),
         url('font/FontsFree-Net-proxima_nova_reg-webfont.woff') format('woff'),
         url('font/FontsFree-Net-proxima_nova_reg-webfont.ttf') format('truetype'),
         url('font/FontsFree-Net-proxima_nova_reg-webfont.svg#FontsFree-Net-proxima_nova_reg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Proxima-Nova-Bold';
    src: url('font/FontsFree-Net-Proxima-Nova-Bold.eot');
    src: url('font/FontsFree-Net-Proxima-Nova-Bold.eot?#iefix') format('embedded-opentype'),
         url('font/FontsFree-Net-Proxima-Nova-Bold.woff2') format('woff2'),
         url('font/FontsFree-Net-Proxima-Nova-Bold.woff') format('woff'),
         url('font/FontsFree-Net-Proxima-Nova-Bold.otf') format('opentype'),
         url('font/FontsFree-Net-Proxima-Nova-Bold.svg#FontsFree-Net-Proxima-Nova-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.footer{font-family:proxima_nova, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px}
a:hover.footer{text-decoration:none}

.menu {color: #000000; text-decoration:none; font-family:Proxima-Nova-Bold, Arial, Helvetica, sans-serif; font-size: 16px; line-height:20px}
a:hover.menu {color: #FFFFFF}

.link{font-family:opensans-regular, Arial, Helvetica, sans-serif; color:#999999; font-size:14px; text-decoration:none; line-height: 25px}
a:hover.link{color:#ffffff}

.login{font-family:proxima_nova, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; text-decoration:none; line-height: 25px}
a:hover.login{text-decoration:underline}

.p {font-family:proxima_nova, Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; line-height:30px}
a:hover.p{text-decoration:none}
.p2 {font-family:proxima_nova, Arial, Helvetica, sans-serif; font-size: 18px; color: #a7c098; line-height:30px; text-decoration:none}
.p3 {font-family:proxima_nova, Arial, Helvetica, sans-serif; font-size: 24px; color: #ffffff; text-decoration:none}
.p4 {font-family:Proxima-Nova-Bold, Arial, Helvetica, sans-serif; font-size: 14px; color: #a7c098; line-height:25px; text-decoration:none}
a:hover.p4{color:#000000}
.p5 {font-family:proxima_nova, Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; line-height:25px; text-decoration:none}
a:hover.p5{text-decoration:none}
.p6 {font-family:proxima_nova, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height:25px; text-decoration:none}
.p7 {font-family:proxima_nova, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; line-height:25px}
a:hover.p7{text-decoration:none}
.p8 {font-family:proxima_nova, Arial, Helvetica, sans-serif; font-size: 18px; color: #FFFFFF; line-height:30px}
.p9 {font-family:proxima_nova, Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; line-height:25px}
.p10 {font-family:proxima_nova, Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; line-height:25px; font-style:italic}
.p11 {font-family:Proxima-Nova-Bold, Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; line-height:25px}
.p12 {font-family:proxima_nova, Arial, Helvetica, sans-serif; font-size: 30px; color: #000000}

.title{font-family:Proxima-Nova-Bold, Arial, Helvetica, sans-serif; font-size: 36px; color: #000000; text-decoration:none}
.title2{font-family:Proxima-Nova-Bold, Arial, Helvetica, sans-serif; font-size: 36px; color: #FFFFFF; text-decoration:none}
a:hover.title2{color:#a7c098}
.title3{font-family:Proxima-Nova-Bold, Arial, Helvetica, sans-serif; font-size: 24px; color: #000000; text-decoration:none}
.title4{font-family:Proxima-Nova-Bold, Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; text-decoration:none}
.title5{font-family:Proxima-Nova-Bold, Arial, Helvetica, sans-serif; font-size: 24px; color: #FFFFFF; text-decoration:none}
.title6{font-family:Proxima-Nova-Bold, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration:none}

.registertext {font-family:proxima_nova, Arial, Helvetica, sans-serif; width:420px; height:40px; overflow:auto; font-size: 18px; color:#000000; border:none; background:#FFFFFF}
.registertext2 {font-family:proxima_nova, Arial, Helvetica, sans-serif; width:420px; height:40px; overflow:auto; font-size: 18px; color:#000000; border:1px solid #999999}
.message{font-family:proxima_nova, Arial, Helvetica, sans-serif; width:420px; height:150px; overflow:auto; font-size:18px; color:#000000; border:none; background:#FFFFFF}

.dropmenudiv{position: absolute; visibility: hidden; width:auto; margin:20px auto 0px auto; padding: 0px; background: #513529; z-index:1}
.dropmenudiv a	{position: relative; display: block; margin: 0px; padding: 15px 20px; width: auto; white-space: nowrap; border:none; text-align: left; text-decoration:none; background:#513529; color: #FFFFFF; font: 16px proxima_nova, Arial}
.dropmenudiv a:hover{background:#a7c098}

/* slide out */
#slideout {
  position: fixed;
  top: 200px;
  right: 0;
  z-index:999;
}

.brighten img {
  -webkit-filter: brightness(65%);
  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
       -o-transition: all .3s ease;
      -ms-transition: all .3s ease;
          transition: all .3s ease;
}
 
.brighten img:hover {
  -webkit-filter: brightness(100%);
}


.button {width:110px; height:40px; background-color: #a7c098; border:none; color: #ffffff; font-size: 16px; font-family: proxima_nova, Arial, Helvetica, sans-serif; text-decoration: none; cursor:pointer;}
.button2 {width:174px; height:95px; background:url(images/bgBack.png); border:none; color: #ffffff; font-size: 18px; font-family: Proxima-Nova-Bold, Arial, Helvetica, sans-serif; text-decoration: none; cursor:pointer;}
.button3 {width:290px; height:40px; background-color: #513529; border:none; color: #ffffff; font-size: 18px; font-family: Proxima-Nova-Bold, Arial, Helvetica, sans-serif; text-decoration: none; cursor:pointer;}
.button4 {width:80px; height:30px; background-color: #513529; border:none; color: #ffffff; font-size: 14px; font-family: proxima_nova, Arial, Helvetica, sans-serif; text-decoration: none; cursor:pointer;}
.button5 {width:330px; height:80px; padding:10px; background-color: #513529; border:none; color: #ffffff; font-size: 16px; font-family: proxima_nova, Arial, Helvetica, sans-serif; text-decoration: none; cursor:pointer;}

/* Sticky Header */

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

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

* {
  margin: 0;
}
html, body {
  height: 100%;
}
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: 0px; 
}
.page-wrap:after {
  content: "";
  display: block;
}
.site-footer, .page-wrap:after {
  /* .push must be the same height as footer */
  height: 0px;
}
.site-footer {
	background-repeat:repeat-x;
	background-position:center top;
	background: url(images/bcg_footer2.jpg);
}