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

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



   

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

#temparea {  
   text-align:center; 
  margin:0px auto; padding:5px 0px 0px 0px;  
    background:#fff; 
  max-width:100%; 
}
 
   
#groupbox   {
text-align:center; 
  margin:0px auto; 
  padding:0px;  
  max-width:832px; width:100%;
background:transparent;  
  }
 
.box { width:100px;  float:left; text-align:center; 
 color:#000000;  margin:3px 2px; padding: 0px; font: normal 9px verdana, arial, helvetica, san-serif; background-color: transparent;  
}


.box a {
color: #653e92;background: #ffffff; text-decoration: none;

}

.box a:hover {
color: #000000; background: #ffffff; text-decoration: none;

}

 
 
.box img {  border: 1px solid #653e92; 
}

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

#contenthome h1 { text-align:center; font: bold 13px verdana, arial, helvetica, sans-serif;  color: #653e92; background: transparent; margin:0px auto; padding:5px 0px 5px 0px;}

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


#contenthome h3 { text-align:center; font: normal 10px verdana, arial, helvetica, sans-serif;  color: #000000; background:#fffbb4; padding:5px; margin:10px 5px 10px 5px; border: 1px solid #653e92 }

#contenthome h4 { text-align:center; font: normal 12px verdana, arial, helvetica, sans-serif;  color: #000000; background:#fffde5; padding:10px; margin:15px 5px 10px 5px; border: 1px solid #653e92 } 
 
   
 
#contenthome a {  
color: #4e1659;  text-decoration: none }

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

  
   
   
#contenthome hr { text-align:center;  
color: #246e37; 
padding:0px 2px; 
margin: 1px auto;
border:1px solid #4e1659;
background: #246e37; }


#weather { float:left;   max-width:100%; height: 0px auto; 
 margin:0px 10px  5px 0px;
 padding:0px 0px 0px 5px;background:transparent;
} 


#iconstoright { float:right;  max-width:100%; height: 0px auto; 
 margin:0px;
 padding:10px 10px 0px 0px; background:transparent;
} 
 
#iconstoright a { background:transparent;
} 

#iconstoright a:hover { background:transparent;
} 
  
h1 { text-align:center; 
font: bold 14px verdana, arial, helvetica, san-serif; 
color: #653e92; 
padding:7px 5px; 
margin: 0px;
background: transparent;  }

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


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

h5 { text-align:center; 
font: bold 12px verdana, arial, helvetica, san-serif; 
color: #ffffff; 
padding:0px; 
margin: 0px auto;
background: #002400;  } 
  
h6 { text-align:center; 
font: bold 12px verdana, arial, helvetica, san-serif; 
color: #ffffff; 
padding: 0px; 
margin: 0px auto;
background: #4e1659;  }

  
 
 #imagerightlist { float:right;
margin:5px 0px 10px 20px; 
padding: 0px; border:1px solid #000000;
background: #246e37;  max-width:100%;
}
   
 #imagerightlist h2 { text-align:center; 
font: normal 13px verdana, arial, helvetica, san-serif; 
color: #ffffff; 
padding:2px 2px 5px 2px; 
margin: 0px auto;
background: transparent;  }


#imagerightlist a{   
color: #fff;   }

#imagerightlist a:hover {   
color: #fff;   }


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


 #imageleft { float:left;
margin:5px 10px 10px 0px; 
padding: 0px;
background: transparent;  max-width:100%;
}

 #imageright { float:right;
margin:5px 0px 10px 10px; 
padding: 0px;
background: transparent;  max-width:100%;
}
 

 .imageleft { float:left;
margin:5px 10px 10px 0px; 
padding: 0px;
background: transparent;  max-width:100%;
}

.imageright { float:right;
margin:5px 0px 10px 10px; 
padding: 0px;
background: transparent;  max-width:100%;
}

  

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


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

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

.tabtextgrbkg {  text-align:left; font: bold 11px verdana, arial, sans-serif; 
margin: 0px; padding:3px 0px 3px 5px;  color: #ffffff; background:#382160; width:49%;}
 

.tabletext { text-align:left; 
font: normal 11px verdana, arial, helvetica, san-serif; 
color: #000000; 
padding:7px 0px; 
margin: 0px;
background: transparent;   }
 

table {
        
      }

    

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


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


.links { text-align:center; font: normal 11px verdana, arial, helvetica, san-serif; color: #000000; background: transparent; padding: 10px 0px 10px 0px; margin: 0px; max-width:100%; min-width:`100%; }



#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: #382160;
text-decoration: none;
}

 

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

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

 
  


 #address { 
text-align:center; 
color: #382160;
font: bold 14px verdana, arial, helvetica, san-serif;
background: transparent;
padding:10px 0px 0px 0px;
}


 #address1 { 
text-align:center; 
color: #000000;
font: normal 12px verdana, arial, helvetica, san-serif;
background: transparent;
padding:0px 0px 10px 0px;
}
  
 
#address1 a {   color: #0000a8; text-decoration: underline; }


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


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

#byline a {   color: #382160; }


#byline {   color: #000;  }



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

#tags {
  width: 1000px;
  text-align:center;
  color: #fff;
  font: normal 9px verdana, arial, helvetica, sans-serif;
  background-color: transparent;
  padding: 20px 0px 20px 0px;
  margin:0px auto;
}
  #tags a {
    color: #fff;
  }
    #tags a:hover {
      color: #382160;
    }
  
 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: 0px; padding:2px;
  width: 100%; 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;  
}
 
#callus { 	
  display: none;   
  margin:0px;
  padding:0px; 
}


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

{


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

 } 

  
 


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

#callus { display: block; width:100%;
 text-align: center;  color: #ffffff;
 font: bold 11px verdana, arial, helvetica, sans-serif;
 margin:6px auto; 
 padding:5px;   width:100%;
 background: #382160;   -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: #ffffff; text-decoration:none;
 background: transparent;
}
  
 
 #callus a:hover { 
 padding:0px; margin:0px;  color: #ffea00; text-decoration:none;
 background: transparent; text-decoration: underline;
}
 
 
 
}

  
 
 

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

{ 

#contenthome {  
 width: 98%; 
}  


#navbottom { width: 98%; 
}
 
#tags {  display: none;visibility:hidden; 
}
 

}

 

/*Styles for screen*/
@media only screen and (max-width: 990px) {
  
   
 #groupbox {
 
  max-width:838px; width:100%;
background:transparent;  
  } 
  
  
.box { max-width:103px;  
}  
 
}



/*Styles for screen*/
@media only screen and (max-width: 912px) {
   
 #groupbox {
   max-width:734px; width:100%;
background:transparent;  
  } 
.box { max-width:105px;  
}  
     
} 





/*Styles for screen*/
@media only screen and (max-width: 804px) {
   
#groupbox   {
text-align:center; 
  margin:0px auto; 
  padding:0px;  
  max-width:624px; width:100%;
background:transparent;  
  }
 
.box { width:100px;  float:left; text-align:center; 
 color:#000000;  margin:3px 2px; padding: 0px; 
}
} 



/*Styles for screen*/
@media only screen and (max-width: 704px) {
   
#groupbox   {
text-align:center; 
  margin:0px auto; 
  padding:0px;  
  max-width:524px; width:100%;
background:transparent;  
  }
 
.box { width:100px;  float:left; text-align:center; 
 color:#000000;  margin:3px 2px; padding: 0px; 
}
} 




/*Styles for screen*/
@media only screen and (max-width: 645px) {
 
 
 #groupbox { 
  max-width:419px;   width:100%;
background:transparent;  
  }  
     
 #contenthome h2 br {
 display:none; 
  } 
   
}
  


/*Styles for screen*/
@media only screen and (max-width: 475px) {
 
 
 #groupbox  {
 
  max-width:330px; width:100%;
background:transparent;  
  } 
  
 #contenthome h1  { width:90%;
  } 
  
.box { width:110px;  float:left; text-align:center; 
 color:#000000;  margin:0px; padding: 0px; 
}  
} 


/*Styles for screen*/
@media only screen and (max-width: 411px) {
 
 
 #groupbox {
 
  max-width:325px; width:100%;
background:transparent;  
  } 
.box { width:100px;  float:left; text-align:center; 
 color:#000000;  margin:2px 2px; padding: 0px; 
}  
} 


/*Styles for screen*/
@media only screen and (max-width: 340px) {
 
 
 #groupbox {
 
  max-width:220px; width:100%;  
  } 
.box { width:113px;  float:left; text-align:center; 
 color:#000000;  margin:1px; padding: 0px;  
}  
     
} 

  
 

/*Styles for screen*/
@media only screen and (max-width:235px) {
 
 
 #groupbox {
 
  max-width:219px; width:100%;
background:transparent;  
  } 
.box { width:100px;  float:left; text-align:center; 
 color:#000000;  margin:1px; padding: 0px; 
}  
     
} 

 
 
 

/*Styles for screen*/
@media only screen and (max-width:225px) {
 
 
 #groupbox {
 
  max-width:108px; width:100%;
background:transparent;   
  } 
  
  
.box { width:100px;  float:left; text-align:center; 
 color:#000000;  margin:1px; padding: 0px; 
}  
     
} 

 
   
  

/*Styles for screen 790px and lower*/
@media only screen and (max-width: 790px) {
 
 #contenthome {  
text-align:center;  max-width:100%;
 margin:0px auto; padding:0px;  
  width:100%;    background:transparent;
  
}  
    
}
 
 
 
 
 

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

{
body{ background:#382160; }

  

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

  #content, #contenthome {  
 width: 97%; margin:0px auto;
} 
    
    

#temparea {  
 width: 100%; 
}    
 

}
 
  

/*Styles for screen 790px and lower*/
@media only screen and (max-width: 790px) { 
 
 
   #weather { display:none;}  

#navbottom br {  display:none; 
  

}
 
  

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


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

}
 
    
    
/*Styles for screen 440px and lower*/
@media only screen and (max-width: 640px) {

 
#navbottom {  font: normal 9px verdana, arial, helvetica, san-serif;
}
     
  
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 3px;  
  max-width: 98%;width: 87px; float:left;  }
  
#tags  { display: none; 
	}
    

}
 
 

  
 
@media only screen and (max-width : 380px) {
 
	body{ background:#382160;   }
	
  
 
#imagerighttext { text-align:center; max-width:100%; min-width:100%; margin:0px auto; 
}
.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:97%;  margin:0px auto;  padding:5px; 
}	 

 
 
  

#mouseroll {  text-align:center; 
margin:0px auto !important; 
	font-style:italic !important; 
font: 10px verdana, arial, helvetica, san-serif;  
color: #000000; padding: 1px 0px 7px 0px ;  
background:transparent;}
 
    
    
    
.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; 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;   max-width:100%; min-width:100%; }
 
 
 

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

 #contenthome h1 { text-align:center; 
font: bold 13px verdana, arial, helvetica, san-serif; 
color: #382160; 
padding:10px; 
margin: 0px auto;
background: transparent;   }
 

h1 { text-align:center; 
font: normal 11px verdana, arial, helvetica, san-serif;   color: #000000;  
margin:0px auto;   padding:5px 0px 8px 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: #000000;
	padding: 10px 0px 5px 0px;
    margin:0px;}
 
h4 {text-align:left;
	font: normal 10px verdana, arial, helvetica, sans-serif;
	color: #382160;
	padding: 10px 0px 5px 0px;
    margin:0px;}
     
h6 { text-align:center; 
font: bold 12px verdana, arial, helvetica, san-serif; 
 }
 
 
 .tabtextbold {  text-align:left; font: bold 9px verdana, arial, sans-serif; 
margin: 0px; padding:2px 2px;  }

.tabtext {  text-align:left; font:normal 9px verdana, arial, sans-serif; 
margin: 0px; padding:2px 2px;}


.tabtextgrbkg {  text-align:left; font: bold 9px verdana, arial, sans-serif; 
margin: 0px; padding:2px;  color: #ffffff; background:#274A21; width:48%;}
 
 
 #address { 
text-align: center; 
color: #382160;  
}
 

 #address1 { text-align: center; 
margin:0px 0px 5px 0px; padding:0px 0px 20px 0px; 
}
 
#address1 br  { display: none; 
	}
	
 
	#stats { display: none; 
	}
	
	#tags  { display: none; 
	}
 
	 
#iconstoright { float:none; text-align: center; 
margin:0px auto;  
} 


 #address { float:none; text-align:center;  margin:5px 0px 0px 0px;  padding:1px; max-width:100%; 
}
   
	 
	 
	 
}


 


/*Smartphone*/
@media only screen and (max-width : 350px) {


#mouseroll { display:none;}
    }
	
}