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

#wrapper {   
margin:0px auto; 
  background:#e8f2eb;  width:100%; 
padding:0px;  text-align:center; overflow:hidden; }
  
 
  
 
#temparea {  
   text-align:center;  
    background:#e8f2eb; 
 margin:0px auto; 
 width:100%; 
  text-align:center;  
   
}
 
  
 
#content {  
text-align:center; margin:0px auto;
max-width:96%;  
 margin:0px auto; padding:10px auto 0px auto;  
width:100%; 

 
}  
 
#contentnews {  
text-align:center; margin:0px auto;
max-width:1100px;  
 margin:10px auto; padding: 0px;  
width:100%; 

 
}  


#contentvaca {  
text-align:center; margin:0px auto;
max-width:96%;  
 margin:0px auto; padding:10px 0px 0px 0px;  
width:100%; 
 
} 

#contentvaca a {
color: #003300;
text-decoration: none; }
 
#contentvaca a:hover {
color: #000;
text-decoration: underline; }

#contenttest {  
text-align:center; margin:0px auto;
max-width:90%;  
 margin:0px auto; padding:10px 0px 0px 0px;  
width:100%; 
 
} 

#contenttest a {
color: #003300;
text-decoration: none; }
 
#contenttest a:hover {
color: #000;
text-decoration: underline; }


 

.imageweather { text-align:center; width:270px;
  padding: 4px; margin: 0px auto; background-color:transparent; }

#container {  
text-align:center; margin:0px auto;
width:615px;
 margin:0px auto; padding:10px 0px 0px 0px;  
  max-width:100%; 
 
} 

     
#onepiccenter { width:515px; height:386px;text-align:center; margin:0px auto; padding: 10px 0px 5px 0px; border:3px solid #003300;
  max-width:100%; ;}  



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


#imageright { float:right; text-align:right; margin: 8px 0px 5px 10px; padding: 0px; border:1px solid #000; max-width:100%;  } 
 
.imagerightagent { float:right; text-align:right; margin: 8px 0px 5px 10px; padding: 0px; border:1px solid #000; max-width:100%;  } 
 
    
.imagerightcap250 { float:right; text-align:center; margin: 8px 0px 5px 10px; padding: 0px;  width:250px;
  max-width:100%; font: 10px verdana, arial, helvetica, san-serif;  color: #000000; }
  
  
.imagerightcap { float:right; text-align:center; margin: 8px 0px 5px 10px; padding: 0px;  
  max-width:100%; font: 10px verdana, arial, helvetica, san-serif;  color: #000000; }
    
    
.imageleftcap { float:left; text-align:center; margin: 8px 10px 5px 0px; padding: 0px;  
  max-width:100%; font: 10px verdana, arial, helvetica, san-serif;  color: #000000; } 
 
 
#framearea { text-align:center; margin:0px auto; padding: 10px 0px 5px 0px; width:850px;}  


.centerheads { text-align:center; font: bold 13px verdana, arial, helvetica, san-serif;  color: #003300;  margin:1px auto;  padding:5px 0px 10px 0px; }
  
h1 { text-align:center; font: bold 15px verdana, arial, helvetica, san-serif;  color: #003300;  margin:1px auto;  padding:10px 0px 10px 0px; }
 

/* h2 below see style.css that overides the alignment to center on all listings show */

h2 { text-align:left; font: 12px verdana, arial, helvetica, san-serif;  color: #000000; background:transparent; margin:1px auto;  padding:4px 0px 4px 0px; }
 

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

h5 { text-align:center; 
font: normal 11px verdana, arial, helvetica, san-serif;   color: #003300;  
margin:0px auto !important;   padding:5px 0px 10px 0px; } 
	

.testbyline { text-align:right; font: 12px verdana, arial, helvetica, san-serif;  color: #000000; background:transparent; margin:1px auto;  padding:4px 0px 4px 0px; font-style: italic; }
	
.textcenter { text-align:center; font: 12px verdana, arial, helvetica, san-serif;  color: #000000; background:transparent; margin:10px auto;  padding:0px 0px 10px 0px; }
 
 
 
 #content ul {  
 
  list-style:none;  
  margin:0px auto; padding:0px;  
}

#content li { 
	float: left; display:inline-block;
 text-align:left; font: 12px verdana, arial, helvetica, san-serif;  color: #000000; background:transparent; margin:1px auto;  padding:0px; }



#lic { clear:both; font: bold 11px verdana, arial, helvetica, san-serif;  color: #000; background:transparent; margin:1px auto;  padding:10px 0px 10px 0px; font-style: italic;}



.gridtextbkg { text-align:center;
  color: #ffffff;
  font: bold 11px verdana, arial, helvetica, sans-serif;
  background-color:#003300;
   padding:2px 3px;
  margin:0px; }
 
.gridtextbold { text-align:center;
  color: #00000; 
  font: bold 11px verdana, arial, helvetica, sans-serif;
  background-color:transparent;
   padding:2px 3px;
  margin:0px; }

.gridtext { text-align:center;
  color: #000000;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background-color:transparent;
   padding:2px 3px;
  margin:0px; }


.gridtextvaca { text-align:left;
  color: #000000;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background-color:transparent;
   padding:2px 3px;
  margin:0px; }
 
 
.gridtextbold1 { text-align:left;
  color: #00000; 
  font: bold 11px verdana, arial, helvetica, sans-serif;
  background-color:transparent;
  padding:2px 3px 2px 5px;
  margin:0px; }

.gridtext1 { text-align:left;
  color: #000000;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background-color:transparent;
   padding:2px 3px;
  margin:0px; }

 #dvLoading{
   background:#000 url(loading.gif) no-repeat center center;
   height: 100px;
   width: 100px;
   position: fixed;
   z-index: 1000;
   left: 50%;
   top: 50%;
   margin: -25px 0 0 -25px;
}




#mouseroll {  text-align:center; 
font: italic 11px verdana, arial, helvetica, san-serif;  
color: #000000; padding: 1px 0px 12px 0px;  background:transparent;}
 
    

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

#return a {
color: #000;
text-decoration: underline; }
 
#return a:hover {
color: #003300;
text-decoration: none; }



 

#navbottom { 
color: #000;
margin:10px auto ;
text-align:center;
border-top: 2px solid #003300; padding:10px;  
border-bottom: 2px solid #003300; padding-top:10px;
font: normal 10px verdana, arial, helvetica, san-serif;
text-decoration: none;
cursor: pointer; }

#navbottom a {
color: #000; 
text-decoration: none; }
 
#navbottom a:hover {
color: #003300; 
text-decoration: underline; }
 
 #address { 
text-align: center; 
color: #fff; background:#003300;
font: bold 13px verdana, arial, helvetica, san-serif;
padding: 10px 0px 0px 0px; }
  
 #address1 { 
text-align: center; 
color: #fff; background:#003300;
font: normal 11px verdana, arial, helvetica, san-serif;
padding: 2px 0px 10px 0px; } 

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

#address1 a:hover {color: #fff; background:#003300; text-decoration: underline;}



 
#byline { text-align:center; font: normal 10px verdana, arial, helvetica, san-serif; color: #fff; background:#003300;  margin:0px auto; padding:10px; }
 
#byline a {color: #fff; background:#003300; text-decoration: none;}

#byline a:hover {color: #fff; background:#003300; text-decoration: underline;}



#stats { text-align:center; font: normal 9px verdana, arial, helvetica, san-serif; color: #003300;  margin: 0px auto; padding:20px 0px;color: #fff; background:#003300;  }
#stats a { color: #fff; background:#003300; }
 

#tags { width:900px; text-align:center; font: normal 9px verdana, arial, helvetica, san-serif; color: #fff; background:transparent; margin:0px auto; padding-top:200px;}


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

#tags a:hover {color: #fff; text-decoration: underline;}
 
   
   
  
 table { 
  width: 99%;  margin:0px auto; text-align:center;
  padding:0px;
  border-collapse: collapse; }
  

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

   

form input[type=submit], input[type=reset] { text-align:center;
  max-width: 100%; width: 120px; float:right; color: #fff; background:#003300; margin:8px  5px; padding:4px 8px;}
 
  




  
 
 /* .container { margin: 0px auto; width: 100%; } */ 

.container{ margin: 10px auto 30px auto; width: 100%; }

.header, .nav{ margin: 0px auto; width: 100%; min-height: 190px; }
 
.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 screen and (max-width:4980px) and (min-width:1000px)
{ 
.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 */ 
}

  











#buttonbox {
  margin-bottom: 20px;
  display: inline-block;

  width:250px; 
  text-align: center;  color: #ffffff;
  font: bold 12px verdana, arial, helvetica, sans-serif;
  margin:10px auto 20px auto; 
  padding:3px 3px 7px 3px;   
  background: #003300;   -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
}

  #buttonbox a { 
   padding:0px; margin:0px;  color: #ffea00; text-decoration:none;
   background: transparent; }


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

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

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



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

{ 

#logo {  text-align:center; max-width:100%; 
	margin: 0px auto; padding: 0px;   background: #003300;
}
   
#logomedia { display: none;  padding:0px; margin:0px; background: #003300;
}

#logomedia400 { display: none;  padding:0px; margin:0px;  background: #003300;
}

 } 

  
 
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 800px) and  (min-width: 400px)
 {
 
 
  
#logo,#logomedia400 {  display: none;  padding:0px; margin:0px; }
 

#logomedia {  text-align:center; max-width:100%;  
	margin: 0px auto; padding: 0px;  display:inline-block; }
 

}

 

 
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 400px) { 
   
  
#logo, #logomedia { display: none;  padding:0px; margin:0px;  
}
#logomedia400 {  display:inline-block; }

#logomedia400 {  display:inline-block; text-align:center; max-width:100%;  
	margin: 0px auto; padding: 0px;  
}

}

 

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

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

 } 

  


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

.callus { display: block; width:100%;
 text-align: center;  color: #ffea00;
 font: bold 11px verdana, arial, helvetica, sans-serif;
 margin:6px auto; 
 padding:3px 3px 7px 3px;   
 background: #003300;   -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;max-width:95%; 
min-width:95%; }

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

}


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

   
    
 


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

#buttonbox { width:98%; 
 text-align: center;  color: #ffffff;
 font:  bold 11px verdana, arial, helvetica, sans-serif;
 margin:10px auto 5px auto; 
 padding:3px 3px 7px 3px;   
 background: #003300;   -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;max-width:95%; 
min-width:95%; }

#buttonbox a { 
 padding:0px; margin:0px;  color: #ffea00; text-decoration:none;
 background: transparent; }

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

{ 
#navbottom, #tags { display:none;}

 
	#stats { display: none; 
	} 


 } 

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

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

##tags { display:none;} 
 } 

  

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

{  

#tags { display:none;}


 } 

  
 
/*Media Queries styles for screen 940px and lower*/
@media screen and (max-width: 1240px) {

body{ background:#003300; } 

}
  

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

{  #navbottom { display: none; visibility:hidden; 
	}
}
 


/*Styles for screen 510px and lower*/
@media only screen and (max-width: 600px) {
 
 
  
 #address1 { text-align: center; 
margin:0px; padding:3px 0px 5px  0px; } 
 
 
 

.gridtextbkg { text-align:center;
  color: #ffffff;
  font: bold 11px verdana, arial, helvetica, sans-serif;
  background-color:#003300;
   padding:1px; letter-spacing: -0.5px;
  margin:0px; }
 
.gridtextbold { text-align:center;
  color: #00000; 
  font: bold 10px verdana, arial, helvetica, sans-serif;
  background-color:transparent;
   padding:2px 3px;
  margin:0px; }

.gridtext { text-align:center;
  color: #000000;
  font: normal 10px verdana, arial, helvetica, sans-serif;
  background-color:transparent;
   padding:2px 3px;
  margin:0px; }
 

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

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

 
} 


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

 #temparea {  
 width: 100%; padding:1px; margin:0px auto !important; }  
#content {  
 width: 98%; padding:1px; margin:0px auto !important; }  
 

}
 






/*Smartphone*/
@media only screen and (max-width : 380px) {
 
.imagerighthome {text-align:center; max-width:100%; min-width:100%; margin:0px auto; } 

 #box { text-align:center; max-width:100%; min-width:100%; margin:0px auto; } 

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

   text-align:center; width:99%;  margin:0px auto;  padding:3px; }	 
 

.gridtextbkg { text-align:center;
  color: #ffffff;
  font: bold 9px verdana, arial, helvetica, sans-serif;
  background-color:#003300;
   padding:1px;
  margin:0px; }
 
.gridtextbold { text-align:center;
  color: #00000; 
  font: bold 9px verdana, arial, helvetica, sans-serif;
  background-color:transparent;
   padding:1px;
  margin:0px;  
}

.gridtext { text-align:center;
  color: #000000;
  font: normal 9px verdana, arial, helvetica, sans-serif;
  background-color:transparent;
   padding:1px;
  margin:0px; }
 
.gridtextbold1 { text-align:left;
  color: #00000; 
  font: bold 9px verdana, arial, helvetica, sans-serif;
  background-color:transparent;
  padding:1px;
  margin:0px; }

.gridtext1 { text-align:left;
  color: #000000;
  font: normal 9px verdana, arial, helvetica, sans-serif;
  background-color:transparent;
   padding:2px 3px;
  margin:0px; }


 
.imageleft {  text-align:center; margin:0px auto; padding: 0px; border:1px solid #000; max-width:100%; min-width:100%;  } 

.imageright { text-align:center; margin:0px auto; padding: 0px; border:1px solid #000;max-width:100%; min-width:100%;   }
 
.imagecenter { text-align:center; margin:0px auto; padding: 0px; border:1px solid #000;max-width:100%; min-width:100%;  } 
 

.imagecenternoborder { text-align:center; margin:0px auto; padding: 0px; max-width:100%; min-width:100%; } 

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

#imageright { text-align:center; margin:0px auto; padding: 0px; border:1px solid #000;  max-width:100%; min-width:100%; }
 
#imagecenter { text-align:center; margin:0px auto; padding: 0px; border:1px solid #000; max-width:100%; min-width:100%; } 
 
#imagecenternoborder { text-align:center; margin:0px auto; padding: 0px; max-width:100%; min-width:100%; } 
  
  
.imagerightcap {  text-align:center; margin:0px auto; padding: 0px;  max-width:100%; min-width:100%; }
    
    
.imageleftcap {  text-align:center; margin:0px auto; padding: 0px; max-width:100%; min-width:100%; } 
 
 

h1 { text-align:center; 
font: bold 12px verdana, arial, helvetica, san-serif;   color: #003300;  
margin:0px auto;   padding:5px 0px 10px 0px; }
 
h2 { text-align:left; font: 10px verdana, arial, helvetica, san-serif;  color: #000000; background:transparent; margin:1px auto;  padding:2px 0px 2px 0px; }


h3 {text-align:left;
	font: normal 12px verdana, arial, helvetica, sans-serif;
	color: #ffe035;
	padding: 10px 0px 5px 0px;
    margin:0px;}
 
h4 {text-align:left;
	font: normal 10px verdana, arial, helvetica, sans-serif;
	color: #003300;
	padding: 10px 0px 5px 0px;
    margin:0px;}
     

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

@media print { 

 catmenu  {display:none;} 
   

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;} 
 
#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%;}
}



	

