/*** Copyright 2009 - 2023 Van Randall Marketing Studio, All Rights Reserved ***/

/* Gruffazilla Arcade */
#canvas
{image-rendering:pixelated;-webkit-interpolation-mode:nearest-neighbor; -ms-touch-action: none; position:absolute;  margin: 0; padding: 0; border: 0; width:100%; height:100%;top:0;}
:-webkit-full-screen}
#canvas{ width: 100%; height: 100%;}
div.gm4html5_div_class{display: block; border:1px solid orange; align-items: center; width:1280px; aspect-ratio: 16/9; justify-content: center; position: relative; margin:auto; margin-top: 20px;}
.game-info{padding:2%; margin:1% 6% 20px 6%; background-color: #111;}
.game-info p{color:#cc9900; font-family: 'quicksandlight'; }
.game-info p strong{color:#006600}
.game-info h3{color:#00bb00;}

//Brings bottom ad closer to game window so that it actually shows up 'above the fold'
div.item-page div p{margin-bottom: -20px;}

img.gamelink{width:50%; max-width:360px;}
.gamelink:hover{border:2px solid #117711; padding: 30px; background-color:#111;}

.togglebar{width:100%; padding:0px 7px; padding-top:6px; margin:auto; display: block; margin-bottom:12px; margin-top: -20px; box-sizing: border-box; vertical-align: middle;}
.togglebar h2, .togglebar p {padding:0;margin:0; }
.togglebar h2{font-size: 110%; font-weight: bold; color:#609360; line-height: 1.5;}
button#fullscreenButton{padding:2px 6px;margin:0; vertical-align: top; margin-bottom: 7px; background-color: #609360; color:#ddd; font-weight:bold; border:3px solid #467d46;}
button#fullscreenButton:hover{color:white; border:3px solid #204f20;}

div.alert-message{color:#eee; border:1px solid #333; padding:1%; border-radius: 12px;}

.responsive-container2 { position: relative; padding-bottom: 48%; padding-top: 30px; height: 0; overflow: hidden; }
.responsive-container2 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

img.warbird{float: left; margin-right: 3%; margin-bottom: 2%; max-width: 260px; width: 30%; border-radius: 30px!important; box-shadow: 0px 0px 20px #030; border:6px solid white;}

button#dropdownMenuButton-4{display: none;}
/*** Still BG ***/
.StillBG {
    /* The image used */
    /* background-image: url("img_parallax.jpg"); */

    /* Set a specific height */
    /* min-height: 500px; */

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*** Footer Info ***/
div.custom_FooterInfo{position:relative;float:left; width:100%; background-color:#222; margin-bottom:0px; border-top:2px solid #094c00; border-bottom: 0px solid #094c00;}
div.FooterDiv{position:relative;float:left; width:33.33%; padding:2%; margin:0 0 0 0; min-height:180px; box-sizing: border-box;}
div.FooterDiv h1{font-size: 280%}
div.FD2{border-left: 2px solid #094c00; border-right: 2px solid #094c00;}
div.FD3{margin-right:0;}
div.FooterDiv img{width:100%; height:auto; box-shadow:0px 0px 2px #999;}

/*** Footer Info 2 ***/
div.custom_FooterInfo2{position:relative;float:left; width:100%; background-color:transparent; margin-bottom:0px; margin-top: 0px; border-top:2px solid #094c00; border-bottom: 0px solid #094c00;}
div.custom_FooterInfo2{color:white;}
div.custom_FooterInfo2 img{box-sizing: border-box; border:6px solid #eee;}

/*** Footer Featured ***/
div.Featured p{color:white!important;}

/*** Footer ***/
#Footer{background-image:URL("../images/HeaderNoLights.png");  background-attachment:fixed; background-size: contain;}
#Footer div.copyright a, #Footer div.copyright p{color:#eee;}
#Footer div.copyright{position: relative; margin-top: 6px; float: left; width: 100%;}

/*** Common ***/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

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

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

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

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

/*** Coupon System 8-10-2016 ***/
.coupon{border:4px dashed #555; border-radius:20px; padding:1% 2%; max-width:960px; width:90%; margin:0 auto; margin-bottom:2%; background-color:white; box-shadow:2px 2px 4px #777; font-family:verdana; background-repeat:no-repeat; clear:left; text-align:center;}
.coupon img{max-width:400px; width:80%; height:auto;}
.offer{border:1px solid #888!important; color:#222!important; padding-top:12px;}
p.conditions{text-align:left!important; font-size:70%!important; color:#222!important; font-weight:normal; font-family:verdana;}
.coupon h1{text-align:center; font-size:400%; color:#222!important; font-weight:bold; letter-spacing:-1px; font-family:verdana!important; margin-top:0px!important; margin-bottom:12px!important;}
.coupon h2{text-align:center; font-size:200%; color:#222!important; font-weight:bold; letter-spacing:-1px; font-family:verdana!important; margin-top:0px!important; margin-bottom:12px!important;}
.coupon h3{text-align:center; font-size:150%; color:#222!important; font-weight:bold; letter-spacing:-1px;margin:0px; font-family:verdana!important; margin-top:0px!important; margin-bottom:12px!important;}
.coupon h4{text-align:center; font-size:120%; color:#222!important; font-weight:bold; font-family:verdana!important; margin-top:0px!important; margin-bottom:12px!important;}
.offer p{text-align:center; font-size:100%; color:#222!important; font-weight:bold; margin-bottom:8px; font-family:verdana;}

/*** Sidebar Links for iphone & ipad***/
#Sidebar a{color:white;}

/*** Common Background Colors ***/
div.MenuButton p a{background-color:#ccc;}
div.MenuButton p a:hover{background-color:#fff;}

html{overscroll-behavior: none; overflow-x:hidden;}
body{background-color:#222; overscroll-behavior: none; overflow-x:hidden;}
#MainBG{ background-color:#222; }
#CenterClass{background-color:#222;}
#Header{background-image:URL("../images/HeaderLights.png");  background-size: contain;}
#Sidebar{background-color:#222;}
#Footer{background-color:#222;}


/*** Common Styles ***/
div#Footer ul{display:none;}

li.print-icon{margin-bottom:8px; font-size:90%;}
body p{font-family: 'Ubuntu', sans-serif; color:#301700;}
body p strong{font-family: 'Ubuntu', sans-serif; font-weight:bold;}
body em{font-family: 'Ubuntu', sans-serif; font-style:italic;}
body a{font-family: 'Ubuntu', sans-serif; color:white;}

div.InnerBox{margin:0px auto; position:relative; width:100%;}
div#CenterClass{width:100%;}

#Navigation1{background-color:#F2E3AE; float:left; position:relative; width:100%;}
#Navigation2{background-color:#F2E3AE;float:left; position:relative; width:100%;}
#Navigation3{background-color:#333; float:left; position:relative; width:100%; border-top: 3px solid #A4B964; border-bottom: 3px solid #A4B964;display: none;}
#Navigation4{background-color:#0C0B0B;float:left; position:relative; width:100%;}

#TopWide{float:left; position:relative; width:100%;}
#HeaderWide{float:left; position:relative; width:100%;}
#NavWide{float:left; position:relative; width:100%;}
#CenterWide{float:left; position:relative; width:100%;}
#FooterWide{float:left; position:relative; width:100%;}
#AnnouncementTop{float:left; position:relative; width:100%;}
#AnnouncementBottom{float:left; position:relative; width:100%;}
#Footer{float:left; position:relative; width:100%;}


/********** VRTables **********/
.vrtable1{width:100%; color:#222; margin-bottom:20px;}
.vrtable1 tr td{vertical-align:middle; color: #111; font-size:130%;}
.vrtable1 tr.bold td{font-weight: bold;}
.vrtable1_header{background-color:#C9A780; color:#000 !important;border-radius:12px; text-align:center; font-weight:bold; padding: 6px 0 3px 0;}
.vrtable1_subhead{color:#222; font-size:100%; text-align:center; font-weight:bold;}

/*** Signup Button & Info ***/
div.Signup{width:100%; text-align:center; }

div.SignupButton a{color:white!important; font-family: 'Ubuntu', sans-serif; text-shadow:1px 1px 0px black; width:94%; padding:1%; border-radius:12px; background-color:#a00; box-shadow:1px 1px 2px #777; margin-bottom:12px; margin-top:1%; margin-left:1%; display:block; text-decoration:none;}
div.SignupButton a:hover{background-color:#b00; box-shadow:none;}

/*** Contact Form ***/
div.contact img{display:none;}
div.contact legend{font-weight:bold; margin-bottom:8px; color: #eee;}
div.contact-form dt{margin-bottom:4px;}
.contact h3{font-size:0%; display:none;}
div.contact-form {color:#eee;}
div.contact{color:#eee; }
div.controls{margin-bottom: 20px;}


/*** Gallery ***/
div.moduletable_gallery h3{margin-bottom:50px; font-size:300%;}
div.moduletable_gallery #vtnivo98{border:12px solid white; box-shadow:0px 2px 4px #333; background-color:white;}

/*** Google Maps on all media ***/
div.directions{background-color:white; color:black;}

/*** Hide ***/
.hideNarrow{display:none;}
.hideMedium{display:none;}
.hideLarge{display:none;}

/********** Large Screens **********/
@media screen and (min-width:1025px)
{
img.screenshots{width:48%; max-width: 960px; float:left; margin:.5%;}
img.warbird{margin-bottom: 2.5%;}

#Navigation4{background-color:#0C0B0B; position:relative; width:70%; padding:0 15%;}
  
body p{font-family: 'Ubuntu', sans-serif; font-size:112%; color:#eee; line-height:1.4; margin-bottom:20px;}
body a{font-family: 'Ubuntu', sans-serif; font-size:112%; color:#eee; line-height:1.4; margin-bottom:0px;}
body p strong{font-family: 'Ubuntu', sans-serif; font-weight:bold;}
body em{font-family: 'Ubuntu', sans-serif; font-style:italic;}
body h1{font-family: 'quicksandlight', cursive; font-weight:normal; font-size:300%; margin-bottom:30px; color: #307725;}
body h2{font-family: 'quicksandlight', cursive; font-weight:normal; font-size:200%;margin-bottom:20px;color: #307725;}
body h3{font-family: 'quicksandlight', cursive; font-weight:normal; font-size:150%;margin-bottom:20px;color: #307725;}
body h4{font-family: 'quicksandlight', cursive; font-weight:normal; font-size:120%;margin-bottom:20px;color: #307725;}
body h5{font-family: 'Ubuntu', sans-serif;font-size:120%; margin-bottom:20px;}
body h6{font-family: 'Ubuntu', sans-serif;font-size:120%; margin-bottom:20px;}

/*** Large Styles ***/
#CenterClass{float:left;/*background-image:URL("../images/testbg2.jpg"); background-size:100%; background-repeat:repeat-y;*/}
#Header{float:left; position:relative; width:100%;}

#MainBG{float:left; position:relative; width:100%; display: flex; padding:0; box-sizing: border-box; margin-bottom: 0;} 
/*.flex-item{border:1px dotted red;} */
  
#Main{background-color:transparent;width:100%;}

#Footer{float:left; position:relative; width:100%;}

#Sidebar{float:left; position:relative; width:88%; padding:6%;} /*** Width Total is 25% ***/
#Sidebar h2{font-size:300%; margin-bottom:20px;}
#Sidebar p{font-size:130%; margin-bottom:20px;}
#Sidebar a{font-size:130%;}
div.moduletable_BottomMenu{display:none;}

/*** Joomla Contact Form ***/
.contact h2{font-size:155%; margin-bottom:12px;}
div.contact{padding:20px; margin-top:8px;margin-bottom:20px;background-color:transparent; border-radius:12px; box-shadow:0px 0px 3px #333;}
div.contact input{margin-bottom:6px;}
#jform_contact_message{max-width:540px; max-height:300px; min-width:422px; min-height:200px;margin-bottom:12px;}
#jform_contact_name-lbl, #jform_contact_email-lbl, #jform_contact_emailmsg-lbl, #jform_contact_message-lbl{font-size:80%;}
form#contact-form{border:1px solid #999; padding:12px; border-radius:12px;}
.tip{border:1px solid #777; padding:6px 12px; font-size:80%;background-color:#bbb; border-radius:12px;box-shadow:2px 2px 2px #777;}
.tip-title{font-weight:bold;}
.tip-text{font-style:italic;}

/*** Joomla Columns ***/
div.column-1{width:45%; float:left;}
div.column-2{width:45%; float:right;}

.imagebox1{border:4px solid white; box-shadow:0px 0px 4px #777; width:99%; height:auto; margin-bottom:4%; background-color:white;}

/*** Custom Classes ***/
div.moduletable_12{padding:12px;}
div.moduletable_20{padding:20px;}
div.moduletable_MenuButton{display:none;}

/*** Contact Form ***/
input#jform_contact_name{width:50%;}
input#jform_contact_email{width:50%;}
input#jform_contact_emailmsg{width:50%;}
textarea#jform_contact_message{width:100%;}

/*** Horizontal Menu (Top) ***/

    div.moduletable_TopMenu{     
      list-style:none;
      margin:0;
      padding:0;
      text-align:center;
    }
    div.moduletable_TopMenu li{
      position:relative; display:inline;
    }
    div.moduletable_TopMenu a{
      display:inline-block; text-decoration:none!important;
      padding:15px 60px;
    }
     
    div.moduletable_TopMenu .menu_HMenu ul{
      position:absolute; z-index:201; -webkit-transform: translate3d(0,0,0);
      /*top:100%; Uncommenting makes dropdowns work in IE7 but looks a little worse in all other browsers. */
      left:-9999px; background-color:#222; box-shadow:0px 8px 90px #996;
      margin:0;
      padding:0;
      text-align:left;
    }
    div.moduletable_TopMenu .menu_HMenu ul li{
      display:block;
    }
    div.moduletable_TopMenu .menu_HMenu li:hover ul{
      left:0;
    }

div.moduletable_TopMenu .menu_HMenu a{font-family: 'Ubuntu', sans-serif;}

    div.moduletable_TopMenu li:hover a{
      text-decoration:underline;
      background:#158c05;
    }

div.moduletable_TopMenu .menu_HMenu ul a{font-family: 'Ubuntu', sans-serif;}

    div.moduletable_TopMenu .menu_HMenu li:hover ul a{
      text-decoration:none;
      background:none;
    }
    div.moduletable_TopMenu .menu_HMenu li:hover ul a:hover{
      text-decoration:underline;
      background:#15a300;
    }
    div.moduletable_TopMenu .menu_HMenu ul a{
      white-space:nowrap;
      display:block;
      border-bottom:1px solid #D5E84E;
    }
    div.moduletable_TopMenu .menu_HMenu a{
      color:#eee;
      text-decoration:none;
      font-weight:normal;
    }
   
   div.moduletable_TopMenu ul.menu_HMenu li.current a{cursor:default; background-color:#0b4903!important;}

} /*** End Large Screens ***/    


/********** Medium Screens **********/
@media screen and (min-width:1149px) and (max-width:1450px)
{

img.screenshots{width:99%; max-width: 960px; float:left; margin-bottom: 2%; }

  
/* Disable BG attachment */
.StillBG {background-attachment: scroll;}
  
div.custom_FooterInfo{border:0;}  
div.FooterDiv{padding-top:3%!important; box-sizing: unset; border:0;}
body{font-family: 'Ubuntu', sans-serif;}
body p{font-family: 'Ubuntu', sans-serif;  color:#eee; line-height:1.3; margin-bottom:20px; font-size:110%;}
body a{font-family: 'Ubuntu', sans-serif;  color:#eee; line-height:1.3;font-size:110%;}
body p strong{font-family: 'Ubuntu', sans-serif; font-weight:bold;}
body em{font-family: 'Ubuntu', sans-serif; font-style:italic;}
body h1{font-family: 'quicksandlight', cursive; font-weight:normal; font-size:200%; margin-bottom:20px;color:#307725;}
body h2{font-family: 'quicksandlight', cursive; font-weight:normal; font-size:150%;margin-bottom:20px;color:#307725;}
body h3{font-family: 'quicksandlight', cursive; font-weight:normal; font-size:120%;margin-bottom:20px;color:#307725;}
body h4{font-family: 'quicksandlight', cursive; font-weight:normal; font-size:110%;margin-bottom:20px;color:#307725;}
body h5{font-family: 'Ubuntu', sans-serif;font-size:110%;color:#307725;}
body h6{font-family: 'Ubuntu', sans-serif;font-size:110%;color:#307725;}

/*** Medium Styles ***/
#Header{float:left; position:relative; width:100%;}
#Main{float:left; position:relative; width:100%;}
#Footer{float:left; position:relative; width:95%; padding:2.5%;}
  
#MainBG{float:left; position:relative; width:100%; display: flex; padding:0; box-sizing: border-box; margin-bottom: 20px;} 
/*.flex-item{border:1px dotted red;}*/   
#Sidebar2{display: none;}
#Sidebar1{order: -1;}

#Sidebar{float:left; position:relative; width:95%; padding:2.5%; padding-top:5%!important;} /*** Width Total is 100% ***/
#Sidebar p{font-size:100%;}
#Sidebar a{font-size:100%;}

/*** Hide Top of Page ***/
a#gototop{display:none!important;}

/*** Image Boxes ***/
.imagebox1{border:4px solid white; box-shadow:0px 0px 4px #777; width:98%; display:block; background-color:white;}

div.moduletable_12{padding:12px;}
div.moduletable_20{padding:20px;}
div.moduletable_TopMenu{display:none;}

/*** Contact Form ***/
input#jform_contact_name{width:50%;}
input#jform_contact_email{width:50%;}
input#jform_contact_emailmsg{width:50%;}
textarea#jform_contact_message{width:98%;}

/*** Menu Button ***/
div.MenuButton p a{background-color:#333;}
div.MenuButton p a:hover{background-color:#666!important;}
div.MenuButton{border:1px solid black; border-radius:6px; margin:1% 10%; box-shadow:0px 0px 4px #777;}
div.MenuButton p{margin-bottom:0;}
div.MenuButton p a{vertical-align:middle; display:block; padding:8px 20px;border-radius:6px; font-size:12pt; background-image:URL("../images/DownArrowWhite.png"); background-repeat:no-repeat; background-position:92% 57%; text-decoration:none; color:#eee;}

/*** Bottom Menu ***/
div.moduletable_BottomMenu ul.menu_HMenu{width:100%;float:left;position:relative; margin-bottom:12px;}
div.moduletable_BottomMenu ul.menu_HMenu li{width:100%; text-align:left; background-color:#222; border-bottom:1px solid green; display:block; float:left;}
div.moduletable_BottomMenu ul.menu_HMenu li a{width:98%; text-decoration:none; padding:14px 0px; background-color:#222; display:block; padding-left:2%; border-bottom:1px solid green;}
div.moduletable_BottomMenu ul.menu_HMenu li ul{box-shadow:0px 0px 2px #777;float:left; width:100%;}
div.moduletable_BottomMenu ul.menu_HMenu li ul a{width:95%; padding-left:5%;}
div.moduletable_BottomMenu ul.menu_HMenu li.parent>a{cursor:default; background-image:URL("../images/DownArrowWhite.png"); background-repeat:no-repeat; background-position:96% 57%;}
  
/*** HOVER COLORS AND CURRENT PAGE COLORS ***/
div.moduletable_BottomMenu ul.menu_HMenu li.current a{cursor:default; background-color:#104706!important;}
div.moduletable_BottomMenu ul.menu_HMenu li a:hover{background-color:#158c05!important;}
div.moduletable_BottomMenu ul.menu_HMenu ul li a:hover{background-color:#158c05!important;}
  
/*** Footer Info & Signups ***/
div.custom_FooterInfo{position:relative;float:left; width:100%; background-color:white; margin-bottom:4%;;}
div.custom_FooterInfo img{box-sizing: border-box;}
div.FooterDiv{position:relative;float:left; background-color:transparent; width:100%; padding:2% 0% 0 0%; margin:0; margin-bottom:12px!important; min-height:auto;}
div.custom_FooterInfo2{border:none;}
}/*** End Medium Screens ***/


/*** Almost Narrow ***/
@media screen and (min-width:980px) and (max-width:1148px)
{
  #MainBG{float:left; position:relative; width:100%; display: flex; padding:0;  box-sizing: border-box; margin-bottom: 20px;} 
  /*.flex-item{border:1px dotted red;}*/   
  #Sidebar1{display: none;} 
  #Sidebar2{display: none;}   
  
  img.screenshots{width:99%; max-width: 960px; float:left; margin-bottom: 2%; }
  
/* Disable BG attachment */
.StillBG {background-attachment: scroll;}  

div.custom_FooterInfo{border:0;}    
div.FooterDiv{padding-top:5%!important; box-sizing: unset; border:0;}
body{font-family: 'Ubuntu', sans-serif;}
body p{font-family: 'Ubuntu', sans-serif;  color:#eee; line-height:1.3; margin-bottom:20px; font-size:100%;}
body a{font-family: 'Ubuntu', sans-serif;  color:#eee; line-height:1.3;font-size:100%;}
body p strong{font-family: 'Ubuntu', sans-serif; font-weight:bold;}
body em{font-family: 'Ubuntu', sans-serif; font-style:italic;}
body h1{font-family: 'quicksandlight', cursive; font-weight:normal; font-size:220%; margin-bottom:20px;color:#307725;}
body h2{font-family: 'quicksandlight', cursive; font-weight:normal; font-size:180%;margin-bottom:20px; color:#307725;}
body h3{font-family: 'quicksandlight', cursive; font-weight:normal; font-size:170%;margin-bottom:20px;color:#307725;}
body h4{font-family: 'quicksandlight', cursive; font-weight:normal; font-size:150%;margin-bottom:20px;color:#307725;}
body h5{font-family: 'Ubuntu', sans-serif;font-size:96%; font-weight:bold;color:#307725;}
body h6{font-family: 'Ubuntu', sans-serif;font-size:96%; font-weight:bold;color:#307725;}

/*** Coupon System 6-30-2015 ***/
.coupon h1{font-size:300%;}
.coupon h2{font-size:190%;}
.coupon h3{font-size:140%;}
.coupon h4{font-size:100%;}
.offer p{font-size:100%;}

/*** Narrow Styles ***/
#Header{float:left; position:relative; width:100%;}
#Main{float:left; position:relative; width:100%;}
#Footer{float:left; position:relative; width:90%; padding:5%;}

#Sidebar{float:left; position:relative; width:94%; padding:3%; padding-top:6%!important;} /*** Width Total is 100% ***/
#Sidebar p{font-size:100%;}
#Sidebar h2{font-size:220%; margin-bottom:20px;}
#Sidebar a{font-size:100%;}

/*** Hide Top of Page ***/
a#gototop{display:none!important;}

/*** Image Boxes ***/
.imagebox1{border:4px solid white; box-shadow:0px 0px 4px #777; width:97%; height:auto; display:block; margin:0px auto 2px auto; background-color:white;}

/*** Gallery ***/
div.moduletable_gallery h3{margin-bottom:40px; margin-top:40px; font-size:300%;}
div.moduletable_gallery #vtnivo98{border:12px solid white; box-shadow:0px 2px 4px #333; background-color:white; margin-bottom:40px;}
  
div.moduletable_12{padding:12px;}
div.moduletable_20{padding:20px;}
div.moduletable_TopMenu{display:none;}

/*** Contact Form ***/
input#jform_contact_name{width:97%;}
input#jform_contact_email{width:97%;}
input#jform_contact_emailmsg{width:97%;}
textarea#jform_contact_message{width:97%;}

/*** Menu Button ***/
div.MenuButton p a{background-color:#333;}
div.MenuButton p a:hover{background-color:#666!important;}
div.MenuButton{border:1px solid black; border-radius:6px; margin:1% 10%; box-shadow:0px 0px 4px #777;}
div.MenuButton p{margin-bottom:0;}
div.MenuButton p a{vertical-align:middle; display:block; padding:8px 20px;border-radius:6px; font-size:12pt; background-image:URL("../images/DownArrowWhite.png"); background-repeat:no-repeat; background-position:92% 57%; text-decoration:none; color:#eee;}

/*** Bottom Menu ***/
div.moduletable_BottomMenu ul.menu_HMenu{width:100%; float:left; position:relative; margin-bottom:12px;}
div.moduletable_BottomMenu ul.menu_HMenu li{width:100%; text-align:left; background-color:#222!important;; border-bottom:1px solid green; display:block; float:left;}
div.moduletable_BottomMenu ul.menu_HMenu li a{width:98%; text-decoration:none; padding:14px 0px; background-color:#222; display:block; padding-left:2%;}
div.moduletable_BottomMenu ul.menu_HMenu li ul{box-shadow:0px 0px 2px #444;float:left; width:100%;}
div.moduletable_BottomMenu ul.menu_HMenu li ul a{width:92%; padding-left:8%;}
div.moduletable_BottomMenu ul.menu_HMenu li.parent>a{cursor:default; background-image:URL("../images/DownArrowWhite.png"); background-repeat:no-repeat; background-position:96% 57%;}
  
/*** HOVER COLORS AND CURRENT PAGE COLORS ***/
div.moduletable_BottomMenu ul.menu_HMenu li.current a{cursor:default; background-color:#104706!important;}
div.moduletable_BottomMenu ul.menu_HMenu li a:hover{background-color:#158c05!important;}
div.moduletable_BottomMenu ul.menu_HMenu ul li a:hover{background-color:#158c05!important;}

/*** Footer Info & Signups ***/
div.custom_FooterInfo{position:relative;float:left; width:100%; background-color:white; margin-bottom:9%; box-sizing: border-box; padding: 3%;}
div.custom_FooterInfo img{box-sizing: border-box;}
div.FooterDiv{position:relative;float:left; background-color:transparent; width:100%; padding:2% 0% 0 0%; margin:0; margin-bottom:12px!important; min-height:auto;}
div.custom_FooterInfo2{border:none;}
}


/********** Narrow Screens **********/
@media screen and (max-width:979px)
{
#MainBG{float:left; position:relative; width:100%; display: flex; padding:0; box-sizing: border-box; margin-bottom: 20px;} 
/*.flex-item{border:1px dotted red;}*/
#Sidebar1{display: none;}
#Sidebar2{display: none;}
  
.togglebar{width:100%; padding:0px 7px; padding-top:3px; margin:auto; display: block; margin-bottom:3px; margin-top: -20px; box-sizing: border-box; vertical-align: middle;}
.togglebar h2, .togglebar p {padding:0;margin:0;}
  .togglebar p {display: none}
.togglebar h2{font-size: 100%; font-weight: bold; color:#609360; line-height: 1.5;}
button#fullscreenButton{padding:2px 6px;margin:0; vertical-align: top; margin-bottom: 7px; background-color: #609360; color:#ddd; font-weight:bold; border:3px solid #467d46;}
button#fullscreenButton:hover{color:white; border:3px solid #204f20;}  

img.logo{margin-left: -38px!important;}  
  

img.screenshots{width:99%; max-width: 960px; float:left; margin-bottom: 2%; }
  
/* Disable BG attachment */
.StillBG {background-attachment: scroll;}  

div.custom_FooterInfo{border:0;}    
div.FooterDiv{padding-top:5%!important; box-sizing: unset; border:0;}
body{font-family: 'Ubuntu', sans-serif;}
body p{font-family: 'Ubuntu', sans-serif;  color:#eee; line-height:1.3; margin-bottom:20px; font-size:100%;}
body a{font-family: 'Ubuntu', sans-serif;  color:#eee; line-height:1.3;font-size:100%;}
body p strong{font-family: 'Ubuntu', sans-serif; font-weight:bold;}
body em{font-family: 'Ubuntu', sans-serif; font-style:italic;}
body h1{font-family: 'quicksandlight', cursive; font-weight:normal; font-size:180%; margin-bottom:20px;color:#307725;}
body h2{font-family: 'quicksandlight', cursive; font-weight:normal; font-size:160%;margin-bottom:20px; color:#307725;}
body h3{font-family: 'quicksandlight', cursive; font-weight:normal; font-size:140%;margin-bottom:20px;color:#307725;}
body h4{font-family: 'quicksandlight', cursive; font-weight:normal; font-size:120%;margin-bottom:20px;color:#307725;}
body h5{font-family: 'Ubuntu', sans-serif;font-size:96%; font-weight:bold;color:#307725;}
body h6{font-family: 'Ubuntu', sans-serif;font-size:96%; font-weight:bold;color:#307725;}

/*** Coupon System 6-30-2015 ***/
.coupon h1{font-size:300%;}
.coupon h2{font-size:190%;}
.coupon h3{font-size:140%;}
.coupon h4{font-size:100%;}
.offer p{font-size:100%;}

/*** Narrow Styles ***/
#Header{float:left; position:relative; width:100%;}
#Main{float:left; position:relative; width:100%;}
#Footer{float:left; position:relative; width:90%; padding:5%;}

#Sidebar{float:left; position:relative; width:94%; padding:3%; padding-top:6%!important;} /*** Width Total is 100% ***/
#Sidebar p{font-size:100%;}
#Sidebar h2{font-size:220%; margin-bottom:20px;}
#Sidebar a{font-size:100%;}

/*** Hide Top of Page ***/
a#gototop{display:none!important;}

/*** Image Boxes ***/
.imagebox1{border:4px solid white; box-shadow:0px 0px 4px #777; width:97%; height:auto; display:block; margin:0px auto 2px auto; background-color:white;}

/*** Gallery ***/
div.moduletable_gallery h3{margin-bottom:40px; margin-top:40px; font-size:300%;}
div.moduletable_gallery #vtnivo98{border:12px solid white; box-shadow:0px 2px 4px #333; background-color:white; margin-bottom:40px;}
  
div.moduletable_12{padding:12px;}
div.moduletable_20{padding:20px;}
div.moduletable_TopMenu{display:none;}

/*** Contact Form ***/
input#jform_contact_name{width:97%;}
input#jform_contact_email{width:97%;}
input#jform_contact_emailmsg{width:97%;}
textarea#jform_contact_message{width:97%;}

/*** Menu Button ***/
div.MenuButton p a{background-color:#333;}
div.MenuButton p a:hover{background-color:#666!important;}
div.MenuButton{border:1px solid black; border-radius:6px; margin:1% 10%; box-shadow:0px 0px 4px #777;}
div.MenuButton p{margin-bottom:0;}
div.MenuButton p a{vertical-align:middle; display:block; padding:8px 20px;border-radius:6px; font-size:12pt; background-image:URL("../images/DownArrowWhite.png"); background-repeat:no-repeat; background-position:92% 57%; text-decoration:none; color:#eee;}

/*** Bottom Menu ***/
div.moduletable_BottomMenu ul.menu_HMenu{width:100%; float:left; position:relative; margin-bottom:12px;}
div.moduletable_BottomMenu ul.menu_HMenu li{width:100%; text-align:left; background-color:#222!important;; border-bottom:1px solid green; display:block; float:left;}
div.moduletable_BottomMenu ul.menu_HMenu li a{width:98%; text-decoration:none; padding:14px 0px; background-color:#222; display:block; padding-left:2%;}
div.moduletable_BottomMenu ul.menu_HMenu li ul{box-shadow:0px 0px 2px #444;float:left; width:100%;}
div.moduletable_BottomMenu ul.menu_HMenu li ul a{width:92%; padding-left:8%;}
div.moduletable_BottomMenu ul.menu_HMenu li.parent>a{cursor:default; background-image:URL("../images/DownArrowWhite.png"); background-repeat:no-repeat; background-position:96% 57%;}
  
/*** HOVER COLORS AND CURRENT PAGE COLORS ***/
div.moduletable_BottomMenu ul.menu_HMenu li.current a{cursor:default; background-color:#104706!important;}
div.moduletable_BottomMenu ul.menu_HMenu li a:hover{background-color:#158c05!important;}
div.moduletable_BottomMenu ul.menu_HMenu ul li a:hover{background-color:#158c05!important;}

/*** Footer Info & Signups ***/
div.custom_FooterInfo{position:relative;float:left; width:100%; background-color:white; margin-bottom:9%; box-sizing: border-box; padding: 3%;}
div.custom_FooterInfo img{box-sizing: border-box;}
div.FooterDiv{position:relative;float:left; background-color:transparent; width:100%; padding:2% 0% 0 0%; margin:0; margin-bottom:12px!important; min-height:auto;}
div.custom_FooterInfo2{border:none;}
}/*** End Narrow Screens ***/