body {   
margin: 0px auto; 
padding: 0px; text-align:center;
 top: 0px; background:#003300; 
} 
 
 

#wrapper {  
width:100%; 
background: transparent;
margin:0px auto;   
padding:0px;  
background:#ffffff;  background-image: url('../bkg.jpg'); background-repeat: repeat; background:#ffffff;  
}

 
 
#logobox {text-align:center;  
  margin: 0px auto;  padding:  10px 10px 10px 0px; 
  width:100%; max-width:100%; 
  background-image: url('../bkg.jpg'); background-repeat: repeat; background:#ffffff;   }
   
 
#logoleftbox { float:left; text-align:left;  
  margin: 0px 0px 0px 20px;  
  padding: 0px;  
color: #226318; 
  width:850px; 
 }  
 
 
#logo {  float:left;
  text-align:left;  
  padding:0px;
  margin: 0px;  
color: #226318;  
  font: normal 55px  Merienda One, sans-serif;  max-width:100%;
  text-transform: normal;  background:#ffffff;  background-image: url('../bkg.jpg'); background-repeat: repeat; background:#ffffff;
 } 
 
  
#logobyline {  float:left; text-align:left;   
  padding:0px;
  margin: 2px 0px 14px 4px; 
color: #226318;  
  font: normal 14px verdana,helvetica,sans-serif;
   background:transparent;   
 }  

 
#logorightbox{ float:right; text-align:right;  
  margin :10px 30px 0px 0px;
  padding: 0px;  
color: #000000; 
  font: normal 14px arial,helvetica,sans-serif;
background: transparent;     }
    
#logorightbox a { color:#000000;text-decoration:  none}
     

#logorightbox a:hover { color:#003300;text-decoration:  underline}
     
 
 
#logoaddress {   float:right; 
 text-align: right;
  font: normal 14px verdana, helvetica, sans-serif;
  margin: 0px;
 padding:0px;   color: #003300;
background: transparent;   max-width:100%; line-height:20px; 
}
    

   
#logoaddress a {  
 color: #003300;background: transparent;  
} 
 
 
 
 
#logoaddress img {   float:right; 
 text-align: right; 
  margin: 1px  0px 5px 10px;
 padding:0px;  
background: transparent;max-width:100%; line-height:20px; 
}
 


 
#footer {  padding: 10px auto 20px auto; margin:10px auto; 
  text-align: center; 
 background:#003300; width:100%; }
 
    
#address {
 text-align: center;
 font: bold 18px  Merienda One, sans-serif;  max-width:100%; letter-spacing: 1px;
 margin:8px auto 0px auto;  
 padding:0px;    color: #ffffff; 
 background: transparent; max-width:100%;
}
 


 #address1 { 
text-align:center; 
color: #ffffff;
font: normal 12px verdana, arial, helvetica, san-serif;
background: transparent; width:95%;
padding: 0px;  margin:0px auto;  
}
   
#address1 a {   color: #ffdd24; text-decoration: underline; }


#address1 a:hover {   color: #000000; text-decoration: none;   }

 
  
/* menu */
  
    

  
/* Clearfix */
.catmenu:before,
.catmenu:after {
    content: " ";
    display: table;
}
.catmenu:after {
    clear: both;
}
.catmenu {
    *zoom: 1; 
}

 

nav { max-width:100%; width:100%;
	background: #003300; background-image: url('../wrapbkg.jpg'); background-repeat: repeat;
	position: relative;   
 margin:0px auto;  padding:0px;
  text-align:center;  border-top:1px solid #e7d750; 
}



nav ul {  max-width:1000px; 
	height: 19px; 
 margin:0px auto;  
  text-align:center; 
  list-style:none; 
 padding:5px 0px 5px 0px;  background:transparent; width:100%;    
}

nav li { 
	float: left; display:inline-block;
  margin:0px; padding:0px 0px 0px 0px;  
  text-align:center; 
}


nav a {
	 float:left;
	display: inline-block; 
	text-decoration: none;  
}

  
  
  
 *:first-child+html nav li { float:left; } * html nav li { float:left;} 
 nav li a {
	  display:inline-block; 
  width:120px; /* let's work in round numbers */
  height:16px; 
  margin:1px 0px 5px 0px;
  padding:2px 4px 2px 4px; /* pad top to center text in button */
  color: #ffffff;   
  font:normal 13px verdana,arial,helvetica,san-serif; 
  background:#003300;  
  text-decoration:none; 
border-right: 1px solid #ffcf40; text-transform: normal;
}

nav li:last-child a {
	border-right: 0px;
}
 

nav a#pull {
	display: none;  font:normal 13px verdana,arial,helvetica,san-serif;  color:#fff;
	padding:4px 0px 4px 0px; margin:0px 0px 0px 0px; text-indent: 5px;
} 


/* if needed remove first left empty button border */
nav li.m0 a {  
  text-decoration:none; 
}


/* fiddle with widths to look nicer */
nav li.m1 a {
  width:80px;  
}
 
nav li.m2 a {
  width:130px;   
}

nav li.m3 a  {
  width:140px;  
}
 
nav li.m4 a  {
  width:100px;  
}

nav li.m5 a  {
  width:120px;  
}

nav li.m6 a {
  width:120px;    
}
 
nav li.m7 a {
  width:130px;   
}

nav li.m8 a  {
  width:80px;
} 
 
 /* finish hover and active styling */
nav li a:hover,
nav li a:visited:hover,
nav li a#current:hover,
nav li a#current:visited:hover {
  background:transparent;
  color:#ffe035;  text-decoration:underline;
}
nav li a#current,
nav li a#current:visited { 
  color:#ffe035;  background:transparent; 
  text-decoration:none; 
} 
 
 
     

 
#temparea {  
max-width:100%;  text-align:center;
  margin: 0px auto; padding:0px;  
   background:transparent; width:100%; background:#ffffff;  background-image: url('../bkg.jpg'); background-repeat: repeat; background:#ffffff;   }

#temparea a {   color: #ffffff; text-decoration: none; }


#temparea a:hover {   color: #ffffff; text-decoration: underline;   }


#contentphoto { 
max-width: 1310px;  
margin: 0px auto; text-align:center;
padding:  0px;
background:transparent; width:100%;
}

#content { 
max-width: 1200px;  
margin: 0px auto; text-align:center;
padding:  0px;
background:transparent; width:99%;
}


#content a {   color: #000000; text-decoration: underline; }


#content a:hover {   color: #000000; text-decoration: none;   }
 
#content ul {  text-align:left; 
margin:0px 0px 0px 30px;  padding: 0px;} 

#content li {  text-align:left;  
font: normal 12px verdana, arial, sans-serif; 
color: #000000; 
margin:0px auto;  padding:5px 0px 1px 0px;
background:transparent;  } 



 

/* Postcard code
-------------------------------------------------------------- */
 
#contentpics { 
  text-align:center;
  width:563px; max-width:100%;
  background:#fff url(../bkg.jpg);
  padding: 5px 0px 0px 0px; margin:0px auto; 
} 
  
  

.leftbox { float:left;
  max-width:175px; width:100%;
  padding:0px ; margin:10px 10px 0px 0px;  border:1px solid #000;
}


   
.leftbox1 { float:left;
  max-width:175px;  width:100%;
  padding:0px;  margin:10px 10px 0px 0px;   border:1px solid #000;
}

   
.leftbox2 { float:left;
  max-width:175px; width:100%;
  padding:0px;  margin:10px 0px 0px 0px;   border:1px solid #000;
}


.center {  
text-align:center;   
margin: 0px auto; padding: 0px;} 
    
     
      
      
 
#imagecenter {  
text-align:center;   
margin: 5px auto; 
padding: 0px; max-width:100%;width:100%;} 
    

#imagecenterbkg {  
text-align:center;   clear:both; background:#003300;   margin: 2px auto;
  padding:12px 12px 12px 0px;  
  color: #ffffff;   
  font:normal 13px verdana,arial,helvetica,san-serif;  max-width:100%;width:100%;} 
    
#imagecenterbkg a {  
text-align:center;    background:#003300;   margin:  0px auto;
  padding:2px 4px 2px 4px;  
  color: #ffffff;  font:normal 13px verdana,arial,helvetica,san-serif;  max-width:100%;width:100%; text-decoration: none; } 
  
  
#panoshow {  
text-align:center; 
margin: 0px auto; padding: 1px 0px 2px 0px;  max-width:100%;} 
    

.imageright {  
text-align:right;  
margin: 5px 0px 5px 10px; padding: 0px; float:right;} 
 
#imagerightsolar,#imageright {  
text-align:right;  
margin: 5px 0px 5px 10px; padding: 0px; float:right;} 
 
  
#imagerightta {  
text-align:right;  
margin: 5px 0px 5px 10px; padding: 0px; float:right;} 
 
 
.imageleft {  
text-align:right; 
margin: 5px 10px 5px 0px; padding: 0px; float:left;} 
  
#imageleft {  
text-align:right; 
margin: 5px 10px 5px 0px; padding: 0px; float:left;} 
  
   
   
#weather {  
text-align:center;   width:270px; 
margin: 0px auto; padding: 5px 0px;  max-width:100%;} 
   
#contenthome h1 { text-align:left; font: bold 14px verdana, arial, helvetica, san-serif;  color: #336600; background:transparent; margin:1px auto;  padding:6px 0px 8px 0px; }

 
h1 { text-align:center; font: bold 14px verdana, arial, helvetica, san-serif;  color: #336600; background:transparent; margin:1px auto;  padding:6px 0px 8px 0px; }


h2 { text-align:left; font: normal 14px verdana, arial, helvetica, san-serif;  color: #000000; background:transparent; margin:1px;  padding:5px 0px 8px 0px; line-height: 18px; }
 

h3 { text-align:center; font: normal 12px verdana, arial, helvetica, san-serif;  color: #000000; background:transparent; margin:0px auto;  padding:5px 0px 10px 0px; }
 

h4 { text-align:left; font: bold 14px verdana, arial, helvetica, san-serif;  color: #003300; background:transparent; margin:1px;  padding:12px 0px 12px 0px; }


.bylines { text-align:right;font-style: italic; font: normal 12px verdana, arial, helvetica, san-serif;  color: #003300; background:transparent; margin:1px;  padding:12px 0px 12px 0px;  border-bottom: 1px solid #cccccc;}


#subhead { text-align:left; font: bold 14px verdana, arial, helvetica, san-serif;  color: #003300; background:transparent; margin:0px;  padding:4px 0px 0px 0px; }
 
#subheadcam { text-align:center; font: bold 14px verdana, arial, helvetica, san-serif;  color: #336600; background:transparent; margin:1px auto;  padding:6px 0px 8px 0px; }


#mouseroll { text-align:center; font: normal 12px verdana, arial, helvetica, san-serif;  color: #000000; background:transparent; margin:10px auto;  padding: 0px; width:80%; }


.lghtgrbkg { text-align:left; font: bold 11px verdana, arial, helvetica, san-serif;  color: #183942; background:#beddc9; margin:1px auto;  padding:2px 0px 2px 5px; }

.lghtgrbkgnobold { text-align:left; font: normal 11px verdana, arial, helvetica, san-serif;  color: #183942; background:#beddc9; margin:1px auto;  padding:2px 0px 2px 5px; }


.tabtextbold {  text-align:left; font: bold 12px verdana, arial, sans-serif; 
margin: 0px; padding:3px 0px 3px 5px;  color: #000000; background:transparent;  }

 
.tabtextboldcent { text-align:center; font: bold 12px verdana, arial, helvetica, san-serif;  color: #000000; background:transparent; margin:3px auto;  padding:2px 0px 5px 5px; max-width:100%; vertical-align: top;}


.orgbkg {  text-align:left; font: bold 12px verdana, arial, sans-serif; 
margin: 0px; padding:3px 0px 3px 5px;  color: #ffffff; background:#003300;  }


  .tabtext {  text-align:left; font:normal 12px verdana, arial, sans-serif; 
margin: 0px; padding:3px 15px 3px 5px;  color: #000000; background:transparent; }

.tabtextcent { text-align:center; font: normal 12px verdana, arial, helvetica, san-serif;  color: #000000; background:transparent; margin:3px auto;  padding:2px 5px 5px 5px; max-width:100%; vertical-align: top;} 
 

.tabtextblbkg {  text-align:left; font: bold 12px verdana, arial, sans-serif; 
margin: 0px; padding:3px 0px 3px 5px;  color: #fff; background:#292765;  }
 

.tabtextlgtbkg {  text-align:left; font: bold 12px verdana, arial, sans-serif; 
margin: 0px; padding:3px 0px 3px 5px;  color: #000; background:#e3e2fc;  }
  
  
 
.spacer  { color: #000000; background:transparent; margin:0px auto;  padding:10px 0px; }
    
  
#spacer10  { color: #000000; background:transparent; margin:0px auto;  padding:10px 0px; }
    
 
 

#wrap {   text-align:center;  width:550px; 
  margin: 0px auto; 
  padding: 10px 30px 0px 10px;  
  background: transparent; max-width:100%;
} 
   
   
   
.spacer {
width:700px;  
margin : 10px 0px auto;
padding : 0px;
background :#ffffff;
}

  
   
 
.center { text-align:center; 
padding:0px; 
margin: 0px auto; }

 
#center { text-align:center; 
padding:0px; 
margin: 10px auto; }

#return { clear:both;  text-align:center; font: normal 10px verdana, arial, helvetica, san-serif;  color: #000000; padding: 10px 0px 10px 0px;   cursor: pointer; background: transparent;}

#return a {
color: #000000;
text-decoration: underline;
}
 
#return a:hover {
color: #ffdd24;
text-decoration: none;
}

 

#navbottom {  
text-align:center; 
border-top: 1px solid #262e71; 
border-bottom: 1px solid #262e71; 
color: #000000;
font: normal 11px verdana, arial, helvetica, san-serif; 
text-decoration: none;
cursor: pointer;
background: transparent;
margin: 10px auto 10px auto; padding: 10px 0px 10px 0px;
max-width:100%;  
}

#navbottom a { color: #000000; text-decoration: none; background:transparent; 
}
 
#navbottom a:hover { color: #ffdd24; text-decoration: underline; background:transparent; 
}
 
#navbottom { display: none; }
   
    

 
#byline { clear:left; text-align:center; font: normal 10px verdana, arial, helvetica, san-serif;  color: #ffffff; background: #003300;  
padding:  10px; margin: 10px auto 0px auto;}
 

#byline a { color: #ffffff; background: #003300; }


#byline a:hover { color: #021730; background: #003300; text-decoration: underline;  }
  
  
 
#stats {  
text-align:center; 
font: normal 10px verdana, arial, helvetica, san-serif; 
color: #ffffff; 
padding: 50px 0px 10px 0px; margin: 0px auto;
background: #003300;}

#stats a {
color: #fff;

}

#stats a:hover {
color: #fff;

}
  
#tags { width: 900px;
text-align:center;
color: #ffffff; background: #003300;
font: normal 9px verdana, arial, helvetica, sans-serif;
background-color: transparent;
padding: 920px 0px 0px 0px;
margin:0px auto;}
 

#tags a {
color: #fff;

}

#tags a:hover {
color: #fff;

}
   
   
form input[type=submit], input[type=reset] { margin: 1px 3px;  
  max-width: 98%;width: 87px; float:left;  }
 
 
 

  
#activegrid	{ 
	border-collapse:collapse;   
padding:2px 3px; 
margin: 5px;
background: transparent;  margin:0px auto; text-align:center;
  padding:0px;
	}
	 

#activegrid td	{
 
padding:5px 3px; 
margin: 5px;
	}
  
   
  
 table { 
  width: 99%;  margin:0px auto; text-align:center;
  padding:0px;
  border-collapse: collapse; border:1px solid #cccccc;
}
  

 table tr { 
  margin:1px auto; text-align:center;
  padding:0px; border:1px solid #cccccc;
} 




form input[type=text], input[type=url], input[type=email], input[type=password], input[type=tel] { max-width:97%;min-width:97%; 
  display: block;
  margin: 0px; padding:2px;
  width: 98%; height: 15px;
  line-height: 10px;  
  border: 1px solid #bbb;
}
   
   
 
   

form input[type=submit], input[type=reset] { margin: 1px 2px;  
  max-width: 92%; width: 87px; float:left;  }
 
  
 

/* Responsive iFrame */
 
.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0; max-width:99%;
     text-align:center; 
     margin:10px auto 10px auto;
}
 
.responsive-iframe-container iframe,  
.vresponsive-iframe-container object, 
.vresponsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    
    
    
    
 
.callus { 	display: none;   padding:0px; margin:0px;
}
 
     

 
 

/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 5880px)  and  (min-width: 420px)

{
 
.callus { 	display: none;  padding:0px; margin:0px; }

   
 } 

  

 
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 1220px) {
  
 #content {  padding:0px;. margin:0px;    width:96%;    }  
}

  
  

 
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 420px) {
  
    
.callus { display: block;  
 text-align: center;  color: #fff;
 font: bold 11px verdana, arial, helvetica, sans-serif;
 margin:6px auto; 
 padding:5px;  
 background: #003300;   -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px; max-width:95%; 
 width:90%;
}

.callus a { 
 padding:0px; margin:0px;  color: #fff; text-decoration:none;
 background: transparent;
}
  
 
.callus a:hover { 
 padding:0px; margin:0px;  color: #fff; text-decoration:none;
 background: transparent; text-decoration: underline;
} 
}

   
 
/*Media QUeries styles for screen 1180px and lower*/
@media screen and (max-width: 4900px) and  (min-width: 50px) 

{       
#tags {  display: none;  }
 
#stats  { display: none; }
 } 
 
 
 
 
 
 
 
 
 
  
 
.container{ margin: 0px auto; width: 100%; }

.header, .nav{ margin: 0px auto; width: 100%; }
 
.nav-container{ background: url('images/nav_bg.jpg') repeat-x 0 0;}


.f-nav{ z-index: 9999; position: fixed; top: 0; width: 100%;} /* this make our menu float top */
	
 
 
 
 
 
/*Media Queries styles used when to have the fixed not work till reaches a smaller screen 999px and lower*/
@media screen and (max-width:4980px) and (min-width:109px){ 
 
.nav-container{ background: url('images/nav_bg.jpg') repeat-x 0 0;}


.f-nav{ z-index: 9999; position: absolute; top: 0; width: 100%;} /* this make our menu float top */ }







 
  
/*Media QUeries styles for screen 1180px and lower*/
@media screen and (max-width: 1110px) 

{   


nav ul {  max-width:920px; 
	height: 19px; 
 margin:0px auto;  
  text-align:center; 
  list-style:none; 
 padding:5px 0px 5px 0px;  width:100%;
  background:transparent;   }
  
  

 *:first-child+html nav li { float:left; } * html nav li { float:left;} 
 nav li a {
	  display:inline-block; 
  width:120px; /* let's work in round numbers */
  height:16px; 
  margin:1px 0px 5px 0px;
  padding:2px 0px 2px 0px; /* pad top to center text in button */
  color: #ffffff;   
  font:normal 12px verdana,arial,helvetica,san-serif; 
  background:#003300;  
  text-decoration:none; 
border-right: 1px solid #ffcf40; text-transform: normal;
}

nav li:last-child a {
	border-right: 0px;
}
 

nav a#pull {
	display: none;  font:normal 13px verdana,arial,helvetica,san-serif;  color:#fff;
	padding:4px 0px 4px 0px; margin:0px 0px 0px 0px; text-indent: 5px;
} 
 
 
#logoleftbox {  float:none; text-align:center;  
  margin :0px auto 1px auto;
  padding: 0px;  
color: #226318; 
   background:transparent; width:100%;
 }  
 
 
#logo {   float:none; text-align:center;  
  margin:0px auto;
  padding:0px; 
color: #226318;  
  font: normal 55px  Merienda One, sans-serif;  max-width:100%;
  text-transform: normal; letter-spacing: 1px;
   background:transparent; 
 } 
 
  
#logobyline {   float:none; text-align:center;  
  margin :0px auto;
  padding:0px; 
color: #226318;  
  font: normal 16px verdana,helvetica,sans-serif;
   background:transparent;   
 }  

 
#logorightbox{ float:none; text-align:center;  
  margin :0px auto;
  padding: 0px;  
color: #000000; 
  font: normal 14px arial,helvetica,sans-serif;
   background:transparent;   }
    
#logorightbox a { color:#000000;text-decoration:  none}
     

#logorightbox a:hover { color:#003300;text-decoration:  underline}
     
 
 
#logoaddress {    float:none; text-align:center;  
  margin : 0px auto;
  font: normal 14px verdana, helvetica, sans-serif; 
 padding:0px;   color: #003300;
 background: transparent; max-width:100%; line-height:20px; 
}
     
#logoaddress a {  
 color: #003300;
} 
  
 
#logoaddress img {   display:none;
}
 }
   


/*Media QUeries styles for screen 884px and lower*/
@media screen and (max-width: 900px) 

{  

nav { 
	background: #003300; background-image: url('../wrapbkg.jpg'); background-repeat: repeat;
	position: relative;   
 margin:0px auto;  
  text-align:center;   border-top: 0px;  border-top: none; 
}

 

	nav ul {   
		display: none; border-top: 0;
	}
			
 
  	nav li {
  		 width: 50%;
  		float: left;   
  		position: relative; padding:8px 0px; max-width:100%;

  	}
  	
  	 nav li a { 
     border-right: 0px;border-right: none;font:bold 12px  verdana, arial,sans-serif; /* can now use different, but similar fonts */
   }
   
 
    
	nav a#pull {
		display: block; 
		background-color: #286936;
		width: 100%;  
		position: relative;color:#fff; 
	}
	
	nav a#pull:after {
		content:"";
		background: url('../images/nav-icon.png') no-repeat;
		width: 15px;
		height: 15px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 4px;    
	}
	 
nav a#pull:hover { color:#ffe035; text-align:left; 
	  
}
  
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 9px; border-right:0px;
  	} 
 

nav hr {  
  display:none;
}

   
  
#tags  { display: none; 
	}
  
  	}
  
   
  


  
   
/*Media QUeries styles for screen 400px and lower*/
@media screen and (max-width: 800px)  
 
 
 {
  
 
#contentpics { 
  text-align:center;
  width:563px; max-width:100%;
  background:#fff url(../bkg.jpg);
  padding: 5px 0px 0px 0px; margin:0px auto; 
} 
  

   
.leftbox2 { float:left;
  width:175px; max-width:100%;
  padding:0px;  margin:10px 10px 0px 0px;   border:1px solid #000;
}

 

 }
 
 
 
 
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 900px) {


#logobox {  text-align: center;
  margin: 0px auto; padding: 0px;  
 width:100%; 
   background:transparent;   
} 
 
#logo {   float:none; text-align:center;  
 
color: #226318;  
  font: normal 48px  Merienda One, sans-serif;  width:100%; max-width:100%; 
   background:transparent;  
 }
 
}

 
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 820px) {
 
 
#logo { 
  font: normal 46px  Merienda One, sans-serif;   
 } 
  
 
}

   
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 750px) {
 
 
#logo {  
  font: normal 45px  Merienda One, sans-serif;     
 }  
} 



   
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 725px) {
 
 
#logo {  
  font: normal 41px  Merienda One, sans-serif;     
 }  
} 



   
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 700px) {
 
 
#logo {  
  font: normal 39px  Merienda One, sans-serif;      
 }  
} 

/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 635px) {
  
       
#logo {    
  font: normal 35px  Merienda One, sans-serif;   
 } 
 
 
#logobyline { float:none; text-align:center;  
  padding:8px;
  margin:0px auto;
color: #226318;  
  font: normal 17px verdana,helvetica,sans-serif;
   background:transparent;   
 }  
   
  
      .imageappear {display:inline;
      float:right;
margin:10px 10px 10px 20px; 
padding: 0px;border: none;   max-width:100%; width:60%;}   

}


 
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 585px) {
  
       
#logo {   
  font: normal 33px  Merienda One, sans-serif;  
 } 
 
 
#logobyline {  
  font: normal 14px verdana,helvetica,sans-serif; 
 }  
 }
 

 
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 545px) {
  
       
#logo {   
  font: normal 32px  Merienda One, sans-serif;  
 } 
 
 
#logobyline {  
  font: normal 13px verdana,helvetica,sans-serif;  letter-spacing: -0.4px;
 }   
 }
 

/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 4990px) and (min-width: 530px) {
 
  #logobyline {  
  font: normal 13px verdana,helvetica,sans-serif; 
 }   
  #logobyline br {  display: none
 }   
   #imagecenterbkg br {  display: none
 }   
  
 }
 
 
 
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 530px) {
  
       
#logo {   
  font: normal 31px  Merienda One, sans-serif; 
 } 
  
#logobyline {  
  font: normal 13px verdana,helvetica,sans-serif;  }   
  
  #logobyline br {  display: inline }   
  
  #imagecenterbkg br {  display: inline }   
  
  #logobyline span {  display: none}   
 
 }
  
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 500px) {
  
       
#logo {   
  font: normal 32px  Merienda One, sans-serif;  letter-spacing: 0px; 
 } 
  
 
 }
 
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 490px) {
  
       
#logo {   
  font: normal 29px  Merienda One, sans-serif;  letter-spacing: 0px;   
 } 
  
 
 }
 
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 475px) {
  
       
#logo {   
  font: normal 30px  Merienda One, sans-serif;    
 } 
  
 
 }
 
 
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 440px) {
  
       
#logo {    margin:8px auto 0px auto;  
 padding:0px;  
  font: normal 30px  Merienda One, sans-serif; letter-spacing: -1px;  
 } 
 }

  
 
 
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 420px) {
  
       
#logo {   
  font: normal 38px  Merienda One, sans-serif;  margin:0px auto 0px auto; line-height: 43px;
 } 
 #logobyline {  
  font: normal 12px verdana,helvetica,sans-serif;  margin:1px auto 10px auto; line-height: 18px; }   

 }
 
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 295px) {
  
       
#logo {   
  font: normal 32px  Merienda One, sans-serif;  
 } 
 
 #logobyline {  
  font: normal 12px verdana,helvetica,sans-serif; margin:1px auto 10px auto;  }   

 }



 
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 235px) {
  
       
#logo {   
  font: normal 26px  Merienda One, sans-serif;  
 } 
 
 #logobyline {  
  font: normal 12px verdana,helvetica,sans-serif; margin:1px auto 10px auto; }   

 }




/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 1105px) {
  
 
#logorightbox{ float:none; text-align:center;  
  margin:0px auto;
  padding: 0px;  
color: #000000; 
  font: normal 11px arial,helvetica,sans-serif;
   background:transparent;   }
   
    
  
  
      .imageappear {display:inline;
      float:right;
margin:10px 10px 10px 20px; 
padding: 0px;border: none;   max-width:100%; width:60%;}  
   
   
#logorightbox {display:none;    }
 }
 
 
 
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 4980px)  and  (min-width: 1105px)

{
    
#socialbox {display:none;    } 
 } 


 
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 1105px) {
  
#socialbox {  text-align:center;  
  margin:10px auto 0px auto;  padding: 0px; 
  width:100%; max-width:100%;
background:#003300;   } 
}
 
  
  
  
/*Styles for screen 510px and lower*/
@media only screen and (max-width: 590px) {
 
#content {    
text-align:center; 
 margin:0px auto; padding:10px 15px;  
  max-width:90%;    background:transparent;  
  
}  


#imagerightta {  float:right;
text-align:right;  padding: 0px; margin:0px 0px 5px 10px; width:30%;} 
 
 

 
#footer {  padding: 10px auto 20px auto; margin:0px auto; 
  text-align: center; 
 background:#003300; width:100%; }
 
    
#address { 
 font: bold 15px  Merienda One, sans-serif;  max-width:100%; letter-spacing: 1px; 
} 
  
}


  


/*Styles for screen 510px and lower*/
@media only screen and (max-width: 510px) {
 
 
	nav li {
  		width: 100%;
  		float: left;
  		position: relative;
  	} 
  	 

#imagecenterwifi {  
text-align:center;   clear:both; 
padding:  10px auto; margin: 0px auto; width:70%;} 
    
  }

 
 

/*Styles for screen 510px and lower*/
@media only screen and (max-width: 580px) {
  


#imagerightsolar  {  float:right;
text-align:right;  padding: 0px; margin: 10px 0px 5px 5px; max-width:260px; width:70%;} 
 
 
#imageright  {  float:right;
text-align:right;  padding: 0px; margin: 10px 0px 5px 5px; max-width:200px; width:70%;} 
 
#imageleft  {  float:left;
text-align:left;  padding: 0px; margin: 10px 10px 5px 0px; max-width:220px; width:70%;} 


 }
 

/*Styles for screen 510px and lower*/
@media only screen and (max-width: 480px) {
  


.tabtextbold {  text-align:left; font: bold 10px verdana, arial, sans-serif; 
margin: 0px; padding:3px 0px 3px 5px;  color: #000000; background:transparent;  }



  .tabtext {  text-align:left; font:normal 10px verdana, arial, sans-serif; 
margin: 0px; padding:3px 5px 3px 5px;  color: #000000; background:transparent; }


#imagerightsolar  {  float:right;
text-align:right;  padding: 0px; margin: 10px 0px 5px 5px; width:50%;} 


#imageright  {  float:right;
text-align:right;  padding: 0px; margin: 10px 0px 5px 5px; width:50%;} 

#imageleft  {  float:left;
text-align:left;  padding: 0px; margin: 10px 10px 5px 0px; width:50%;} 


 }
 


/*Styles for screen 510px and lower*/
@media only screen and (max-width: 500px) {

  	
  
h4 { text-align:left;
font: bold 12px verdana, arial, sans-serif; 
color: #003300; 
margin:10px 0p 7px 0px;  padding:0px;
background:transparent;  }
 

.imageappear { float:  none;
text-align:center;
margin: 10px auto; 
 max-width:100%; width:100%;
}

 
#address {
 
 font: bold 14px  Merienda One, sans-serif;  max-width:100%; letter-spacing: 1px; 
}
 


 #address1 { 
text-align:center; 
color: #ffffff;
font: normal 11px verdana, arial, helvetica, san-serif;
background: transparent; width:95%;
padding: 0px;  margin:0px auto;  
}
   
#address1 a {   color: #ffffff; text-decoration: none; }


#address1 a:hover {   color: #ffdd24; text-decoration:underline;   }
 
}



/*Styles for screen 510px and lower*/
@media only screen and (max-width: 400px) {
  

#imageright { float: right;
text-align:right;
margin: 10px 0px 5px 10px; padding:0px; max-width:200px; width:100%;
}
 }
 

/*Smartphone*/

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

#imagerightsolar  { float:none; text-align:center;
padding: 0px; margin: 10px auto; max-width:100%; width:100%; } 



  
h1 {text-align:center;
	font: bold 13px verdana, arial, helvetica, sans-serif;
	color: #003300;
	padding: 5px 0px 5px 0px; margin:0px;  
}

    
h2 {text-align:left;
	font: normal 12px verdana, arial, helvetica, sans-serif;
	color: #000000; 
}

h3 {text-align:left;
	font: bold 13px verdana, arial, helvetica, sans-serif;
	color: #006633;
	padding: 10px 0px 5px 0px;
    margin:0px;
}
   

h5 {text-align:center;
	font: normal 9px verdana, arial, helvetica, sans-serif;
	color: #000000;
	padding: 5px 0px 5px 0px;
    margin:0px; font-style: italic;
}   


#address {  font: bold 13px;  }
 


 #address1 { 
text-align:center; 
color: #fff;
font: normal 11px verdana, arial, helvetica, san-serif;
background: transparent; width:90%;
padding:0px 0px 3px 0px;}
   
#address1 a {   color: #fff; text-decoration: underline; }


#address1 a:hover {   color: #fff; text-decoration: none;   }
  
 }
 



@media print {

 catmenu  {display:none;}  


  
#logobyline {   float:none; text-align:center;  
  margin :0px auto;
  padding:0px; 
color: #226318;  
  font: normal 14px verdana,helvetica,sans-serif;
   background:transparent;   
 }  

h1{font:700 15px verdana,arial,helvetica,san-serif;color:#630707;text-align:center;margin:0 auto;padding:10px 0 8px;background:#fff}


#return{display:none;} 

#navbottom{display:none;} 

#address{text-align:center;font:700 14px windsor,myriad,arial,helvetica,sans-serif;margin:0 auto;padding:10px 0 0;color:#0f2f5a;background:0 0}

#subaddress{text-align:center;font:400 12px myriad,arial,helvetica,sans-serif;margin:0 auto;padding:0 5px 10px;color:#000;background:0 0}

#byline{display:none;} 
#stats{display:none;} 

.callus{display:none;} 


#logoaddress img, #socialbox {display:none;} 
  

table{width:98%;margin:0 auto;text-align:left;padding:0;background:#fff;border-collapse:collapse}

form input[type=text],input[type=email],input[type=password],input[type=tel],input[type=url]{max-width:90%;min-width:90%;display:block;margin:0;padding:4px;width:100%;height:15px;line-height:10px;border:1px solid #bbb}

form input[type=submit],input[type=reset]{margin:0 auto;max-width:87%;width:87px;float:left; padding:4px;}

 
form input[type=text] {width:98%;margin:5px auto;text-align:left;padding:5px; border-collapse:collapse}


#contenthome hr{display:none;} 

 
#logobox{text-align:center;margin:2px auto;padding:3px 10px;background:0 0;max-width:100%}

#logoaddress{display:none;padding:0;margin:0}

#logo{float:none;text-align:center;margin:2px auto 0;padding:0;background:0 0;max-width:100%;border:none;border:0}

#logolongaddress{text-align:center;color:#06112c;font:700 12px arial,helvetica,sans-serif;background:0 0;padding:1px 0 10px;line-height:14px;margin:0;max-width:100%}
  
#tags{display:none;} 

nav,nav li{display:none;}

#temparea{text-align:center;background:#fff;margin:0px auto;padding:0px;max-width:100%;}

#content { text-align:center;background:0 0;margin:0 auto;padding:0px 0;max-width:100%;}
}