@import url('../css/component.css');

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Site-wide properties ======================================================== */
body
{
    font: normal normal 10px/10px Tahoma, Arial, Helvetica, Verdana, sans-serif; 
    background-color: #999999;
   
    
    background-image: url('../img/bg.jpg');
    background-position: center top;
    background-repeat:no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	background-size: cover;
    
}

#showbutton
{
           visibility:hidden;
}

#maincontainer
{
    width: 980px;
    margin: auto;
}

#greybar
{
    width: 980px;
    height: 10px;
    float: left;
    background-color: #72982d;
}



#social
{
    width: 980px;
    height: 38px;
    float: left;
    background-color: #fff;
}

#logo
{
   width: 980px;
   height: 115px;
   background-color: #fff;
   float: left;
}

#logopadding
{
            text-align:center;
            padding-top: 20px;
}



#nav
{
           width: 100%;
           float: left;
           background-color: #fff;
}

#navpadding
{
            text-align:center;
            padding-top: 20px;
            padding-bottom: 20px;
            padding-right: 0px;
            padding-left: 0px;
}

a.navlink { font-family: 'Lora', serif; color: #636363; font-weight: normal; text-decoration:none; font-size: 18px;} 
a.navlink:link { font-family: 'Lora', serif; color: #636363; font-weight: normal; text-decoration:none; font-size: 18px; } 
a.navlink:visited { font-family: 'Lora', serif; color: #636363; font-weight: normal; text-decoration:none; font-size: 18px; } 
a.navlink:hover { font-family: 'Lora', serif; color: #636363; font-weight: normal; text-decoration:underline; font-size: 18px; } 
a.navlink:active { font-family: 'Lora', serif; color: #636363; font-weight: normal; text-decoration:none; font-size: 18px; }

a.whitelink { font-family: 'Lora', serif; color: #fff; font-weight: normal; text-decoration:none; font-size: 18px;} 
a.whitelink:link { font-family: 'Lora', serif; color: #fff; font-weight: normal; text-decoration:none; font-size: 18px; } 
a.whitelink:visited { font-family: 'Lora', serif; color: #fff; font-weight: normal; text-decoration:none; font-size: 18px; } 
a.whitelink:hover { font-family: 'Lora', serif; color: #fff; font-weight: normal; text-decoration:underline; font-size: 18px; } 
a.whitelink:active { font-family: 'Lora', serif; color: #fff; font-weight: normal; text-decoration:none; font-size: 18px; }

a.headerlink { font-family: 'Lora', serif; color: #FFF; font-weight: normal; text-decoration:none; font-size: 15px;} 
a.headerlink:link { font-family: 'Lora', serif; color: #FFF; font-weight: normal; text-decoration:none; font-size: 15px; } 
a.headerlink:visited { font-family: 'Lora', serif; color: #FFF; font-weight: normal; text-decoration:none; font-size: 15px; } 
a.headerlink:hover { font-family: 'Lora', serif; color: #FFF; font-weight: normal; text-decoration:none; font-size: 15px; } 
a.headerlink:active { font-family: 'Lora', serif; color: #FFF; font-weight: normal; text-decoration:none; font-size: 15px; }

a:link {
	color: #51b684;
}
a:visited {
	color: #51b684;
}
a:hover {
	color: #51b684;
}
a:active {
	color: #51b684;
}


p
{
                 margin-top: 15px;
                 margin-bottom: 15px;
}

#mainimg
{
        width: 980px;
        height: 420px;
        float: left;
        margin-bottom: 20px;
        
}

#threebox
{
        width: 980px;
        float: left;
        background-color: #fff;
        overflow: auto;
        
       
}

.threeboxpadding
{
            padding-top: 5px;
            padding-bottom: 0px;
            padding-right: 0px;
            padding-left: 20px;
            line-height: 1.5;
}

#contentbox
{
        border-top: 4px solid #063;
        width: 980px;
        float: left;
        background-color: #fff;
        overflow: auto;
      
}

.contentboxpadding
{
            padding-top: 20px;
            padding-bottom: 40px;
            padding-right: 40px;
            padding-left: 40px;
            line-height: 1.5;
            font-size: 15px;
            text-align: justify;
            font-family: 'Lora', serif;
}

.contentboxpadding3
{
            padding-top: 20px;
            padding-bottom: 40px;
            padding-right: 40px;
            padding-left: 40px;
            line-height: 1.5;
            font-size: 15px;
            text-align: center;
            font-family: 'Lora', serif;
}


.subbox
{
        width: 288px;
        float: left;
        background-color:#147d49;
        margin-right: 37px;
        margin-bottom: 20px;
}
 
.subbox2
{
        width: 288px;
        float: left;
        background-color:#147d49;
        margin-bottom: 20px;
}


.subboxpadding
{
            padding-top: 10px;
            padding-bottom: 10px;
            padding-right: 0px;
            padding-left: 0px;
            line-height: 1.5;
            font-size: 13px;
            text-align:center;
            
}

.subboxpadding2
{
            padding-top: 0px;
            padding-bottom: 10px;
            padding-right: 20px;
            padding-left: 20px;
            text-align:center;
            
}

.subboxpadding3
{
            padding-top: 0px;
            padding-bottom: 0px;
            padding-right: 20px;
            padding-left: 20px;
            text-align:center;
			color:#FFF;
            
}

#footer
{
        width: 980px;
        float: left;
}

#footerpadding
{
            padding-top: 10px;
            padding-bottom: 10px;
            padding-right: 0px;
            padding-left: 0px;
            text-align:center; 
            color: #fff;
            font-size: 12px;
}

#homemessage
{
            width: 980px;
            float: left;
            background-color: #fff;    
}

#homemessagepadding
{
            padding-top: 20px;
            padding-bottom: 20px;
            padding-right: 20px;
            padding-left: 20px;
            text-align:center; 
            color: #666;
            font-size: 15px;
            font-family: 'Lora', serif;
            line-height: 1.5;

}



h1
{
			   font-family: 'EB Garamond', serif;
			   font-size: 36px;
               color:#72982d;
               margin-bottom: 20px;
}

h2
{
			   font-family: 'EB Garamond', serif;
			   font-size: 23px;
               color:#72982d;
}

.header2alt
{
               font-family: 'Lora', serif;
               font-size: 25px;
               color: #fff;
}

h3
{
               font-family: 'Lora', serif;
               font-size: 25px;
               color: #063;
}

.galleryimg
{
               
               z-index: 0; 
               position:relative; 
               float: left;
               margin-right: 15px;
               margin-bottom: 15px;
               border: 1px solid #eee;
               padding: 3px;
               background-color: #ccc;

}

.bluetext
{
               font-family: 'Lora', serif;
               color:#063;
}

.whitetext
{
               font-family: 'Lora', serif;
               color: #fff;
}

.myli li
{
               display: inline;
               margin-right: 20px;
               
}


.dl-trigger
{
               visibility:hidden;
}





















































/* Media queries ======================================================== */

@media only screen and (max-width: 980px) 
{


#footerpadding
{
            padding-top: 10px;
            padding-bottom: 10px;
            padding-right: 0px;
            padding-left: 0px;
            text-align:center; 
            color: #666;
            font-size: 12px;
}

.myli li
{
               display: inline;
               margin-right: 0px;
}

.dl-trigger
{
               visibility:visible;
               
}

a.navlink { font-family: 'Lora', serif; color: #FFF; font-weight: normal; text-decoration:none; font-size: 18px;} 
a.navlink:link { font-family: 'Lora', serif; color: #FFF; font-weight: normal; text-decoration:none; font-size: 18px; } 
a.navlink:visited { font-family: 'Lora', serif; color: #FFF; font-weight: normal; text-decoration:none; font-size: 18px; } 
a.navlink:hover { font-family: 'Lora', serif; color: #FFF; font-weight: normal; text-decoration:none; font-size: 18px; } 
a.navlink:active { font-family: 'Lora', serif; color: #63FFF6363; font-weight: normal; text-decoration:none; font-size: 18px; }














    h1
    {
                   font-family: 'Lora', serif;
                   font-size: 45px;
               color:#505050;
                   margin-bottom: 0px;
    }

    body 
    {
         background-image:none;
         background-color: #fff;
    }
    
    #maincontainer
    {
        width: 100%;

    }
    
    #greybar
    {
        width: 100%;
        height: 10px;
        float: left;
		background-color: #72982d;
    }
    
    
    
    #social
    {
        width: 100%;
        height: 38px;
        float: left;
        background-color: #fff;
    }
    
    #logo
    {
       width: 100%;
       background-color: #fff;
       float: left;
       height: auto;
       min-height: 100% !important;
    }
    
    #logopadding
    {
            text-align:center;
            padding-top: 20px;
            line-height: 300%;
            
    }
    
    #nav
    {
       width: 100%;
       float: left;
       background-color: #fff;
    }
 
 
#navpadding
{
            text-align:center;
            padding-top: 20px;
            padding-bottom: 20px;
            padding-right: 0px;
            padding-left: 0px;
            
} 
   

    #mainimg
    {
            width: 100%;
            float: left;
            margin-bottom: 20px;
            height: auto;
            min-height: 100% !important;
            z-index: 0;
    }
    
    #dl-menu
    {
    z-index: 1;
    }
    
    
    .mobileimg
    {
            max-width: 100%;
            float: left;
    }

#homemessage
{
            width: 100%;
            float: left;
            background-color: #fff;    
}

#homemessagepadding
{
            padding-top: 0px;
            padding-bottom: 10px;
            padding-right: 20px;
            padding-left: 20px;
            text-align:center; 
            color: #666;
            font-size: 15px;
            font-family: 'Lora', serif;
            line-height: 1.5;

}   


    
    #threebox
    {
            width: 100%;
            background-color: #fff;
            overflow: auto;
            text-align: center;
    }   
   
.threeboxpadding
{
            padding-top: 0px;
            padding-bottom: 0px;
            padding-right: 0px;
            padding-left: 0px;
            line-height: 1.5;
            
}   
   
   

   
   
  #contentbox
  { 
        border-top: 4px solid #72982d;
        width: 100%;
        float: left;
        background-color: #fff;
        overflow: auto;
      
} 

.subbox
{
        width: 288px;
        float: none;
        background-color: #063;
        margin-bottom: 20px;
        margin-right: 0px;
        display: inline-block;
}

.subbox2
{
        width: 288px;
        float: none;
        background-color: #063;
        margin-bottom: 20px;
        display: inline-block;
}

   
#footer
{
        width: 100%;
        float: left;
}   
 
   







   
   
   
   
   
    
    
    
}