body{ margin:0 auto 0 auto; padding:0;  background:url(images/bodybg.gif) top left repeat-x #fff;
 
 color:#000; font: 0.8em Verdana, arial, helvetica,sans-serif; }
 
 a { color: #3c52be;	 background: inherit; text-decoration:none;}
 a:hover { color: #FF0000;  background:inherit; text-decoration: none;	}
 
 .bodyimg{ float:left; margin-right: 5px; padding: 0px 0px 0px 0px;border: 1px solid gray;}
.bodyimg3{  margin-right: 5px; padding: 0px 0px 0px 0px;border: 1px solid gray;}
.bodyimg4{  float:left; margin-right: 5px; padding: 0px 0px 0px 0px;}
 .bodyimg2{ float:left; padding: 4px 5px 3px 0px;}
 .img1{border:1px solid gray;}          
.bodyimg5{  margin-top: 5px; margin-right: 0px; padding: 15px 0px 0px 0px;} 
.leftbanner{ padding: 0px 0px 0px 20px; margin:0;} 
        

/*-------------------line------*/

.thumbnail{
position: relative;
border:gray solid 1px;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 0px; /* enlarge pic 's border*/
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 40px;
left: 40px; /*position where enlarged image should offset horizontally */

}



/*-------------------line------*/







 .hide{display:none;}
 
 .orng{ background:inherit; color:#cc6600;}
 .brown{ background:inherit; color:#643200;}
 
 #wrapper { margin: 0 auto 0 auto; width:865px; /*865 before*/
            
            background:url(images/page_bg2.jpg);}
 
  h1{
  background:inherit;
  color:#ff0000;
  margin:0;
  padding:10px  0 0 10px;
  font:normal 170%  century gothic, calibri, impact, georgia, Verdana, Arial, Helvetica, sans-serif;
 }
 
 h2{
 	margin:0 10px 0 10px;
 	padding:10px 0 0 0;
   background:inherit;
   color:red;
   font:normal 140% "Century Gothic", calibri, georgia, Verdana, Arial, Helvetica, sans-serif;
   
 }





 h3{
 	margin:0 10px 0 10px;
 	padding:4px 0 5px 10px;
   background: url(images/navv2.jpg); /*#FCE8D1; #B2CCE5;*/
   color:brown;
   font:normal 130% "Century Gothic", calibri, georgia, Verdana, Arial, Helvetica, sans-serif;
  
   
 }


 h6{
 	margin:5px 2px 3px 10px;
 	padding:0px 0 0 0;
   background:inherit;
   color:black;
   font:normal 150% "Century Gothic", georgia, Verdana, Arial, Helvetica, sans-serif;
  
   
 }



 h5{
        color: #ffffff;
	font-size: 20px;
        background:url(images/navv.gif);
	font-family: century gothic, verdana, arial,
                     times new roman;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 3px 10px;
	
 }



 h4{
        color: #BE0C0C;
	font-size: 14px;
	font-family: verdana, arial,
                     times new roman;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;

        
 }

 h6{ /* heading red green*/
 	margin:5px 20px 3px 10px;
 	padding:0px 0 0 0;
   background:inherit;
   color:red;
   font:normal 150% "Century Gothic", georgia, Verdana, Arial, Helvetica, sans-serif;
   border-bottom: 2px solid green;
   
 }




 
 #banner{
  width:100% ;
  height:181px;
  color:#000;
  background:#ffffff;
  text-align:center;
  padding:0 0 0px 0;
  margin:0;
  
  border-right:1px solid #3f3c1e;

 }
 
 #bnrlft{
  width:121px;
  height:104px;
  float:left;
  background: transparent url(images/flors.gif); background-repeat:no-repeat;
  padding:0;
  margin:0;
 }
 
 #bnrrit{
  width:121px;
  height:104px;
  float:right;
  background: transparent url(images/right.bmp); background-repeat:no-repeat;
  padding:0;
  margin:0;
 }

 
 #topmenu{
   text-align:left;
   padding: 4px 0 4px 0;
   width:100%;
   background: url(images/123.gif);
   color:#ffffff;
   
   border-bottom:1px solid #3f3c1e;
   border-top:1px solid #3f3c1e;
   border-right:1px solid #3f3c1e;
   
 }

 
 #topmenu ul{
  padding:0;
  margin:0;
  list-style-type: none;
  
 }
 
 #topmenu li {
  padding:0;
  margin:0;
  display:inline;
  list-style-type: none;
          
 }

 #topmenu a, #topmenu a:visited{
  margin:0 0 0 0px;
  text-align:left;
  text-decoration:none;
  padding: 4px 12px 4px 18px;
  color:#ffffff;
  border-left:1px solid #3f3c1e;
  letter-spacing:1px;
  line-height:30px;
  font:normal 100%  "Century Gothic",  Arial, Helvetica, sans-serif;

 }
 
 #topmenu a:hover{
  color:#ff8000;

  border-bottom:0;
 }
  
#topmenu a.active{
  color:#ff8000;

  border-bottom:0;
 }

#topmenu a.last{border-right:1px solid #3f3c1e;}

 
#topmenu a.selected{
 background-color: inherit;
color:#ff8000;  /* main menu text color look after hover to thing below*/
}


 #main{
   
   
   color:#454456;
float:left;
   background: #FCE8D1;
   padding:0;
   margin: 0 auto 0 auto; 
   border-left: 1px solid gray;
   width:865px;
  
 }
 
 #content{
   width:665px;
   float:right;
   color:#333;
   background:#ffffff;
   padding:0;
   margin:0;
 }
 
 #left{
   width:200px;
   float:left;
   padding: 0;
   margin:0px 0 0 0;
   background: #FCE8D1;
   color:#000;
   
    border-left:0px solid #FCE8D1;
  
 }
 



#left p { 	
        display: block;
	color: #333333;
	text-decoration: none;
	padding: 5px 0px 5px 10px;

        line-height:1.0em; 
        margin:0;}





 
 #left ul{
   list-style: none;
	margin: 0px;
	padding:0;
 }
 
 #left li {
   display: inline;
	padding:0;
	margin: 0px;
           
 }
 
 #left a { display: block;
	   color: #000000;
	   text-decoration: none;
	   padding:  5px 5px 5px 10px;	
	   background:#FCE8D1;
           border-bottom: 1px solid #ddd;
	   }

 #left a:hover { background: #B2CCE5;  
	        border-bottom:0px;
	        text-decoration: none;
		border-bottom: 1px solid #ddd;
}
               

 #left a.active {  background: #B2CCE5;  
	        border-bottom:0px;
	        text-decoration: none;
		border-bottom: 1px solid #ddd;}
 
 .titlebox{
   width:100%;
   background:#B71D3C url(images/navbck2.png);
   color:#edeeca;
   margin: 0px 0 0 0;
   padding: 5px 0 5px 0;
   border-top: 1px solid #B71D3C ;
   border-bottom: 1px solid #B71D3C ;
 


 } 
.titlebox1{
   width:100%;
   background:#B71D3C url(images/navbck6.png);
   color:#edeeca;
   margin: 0px 0 0 0;
   padding: 5px 0 5px 0;
   border-bottom: 1px solid #B71D3C ;

 } 

.titleboxcenter1{
   width:100%;
   background: url(images/navv2.jpg); 
   color: white;
   margin: 0px 0 0 0;
   padding: 4px 0 4px 0;

  

 } 

.titleboxcenter2{
   width:100%;
   background:  #000000;  
   color: #3f3c1e;
   margin: 0px 0 0 0;
   padding: 5px 0 5px 0;
   border-bottom: 1px solid gray;

 } 

.titleboxcenterpromo{
   width:300px;
   background:  #FFFFFF;  
   
   margin: 0px 0 0 0;
   padding: 0px 0 0px 5px;
   

 } 



.titleboxright{
   width:100%;
   background:  black;    
   color: #3f3c1e;
   margin: 0px 0 0 0;
   padding: 8px 0 8px 0;
   

 } 


 .centertitle{
   margin:0 0 0 9px;
 	padding:0;
   font:130% Century Gothic, trebuchet MS, Century Gothic, Arial, Helvetica, sans-serif;

 }

 .centertitle1{
   margin:0 0 0 9px;
 	padding:0;
   font: 140% "Century Gothic", Arial, Helvetica, sans-serif;

 }


 
 .lefttitle{
   margin:0 0 0 9px;
 	padding:0;
   font:bold 100% Verdana, Arial, Helvetica, sans-serif;

 }

.lefttitle2{
   margin:0 0 0 9px;
 	padding:0;
   font:bold 100% Century Gothic, Arial, Helvetica, sans-serif;
}
 
 #searchcontainer{
   float:center;
   margin: 0;
   padding: 15px 0 6px 30px;
   width:98.9%;
   background-color:#fafafa;
   color:#643200;
   text-align:leftt;
   
  
 }
 
 form {background-color: #fcfcfc; color: #000; padding: 0;	float: center; margin: 0;}
 .input {  border:1px solid #454545; background: #edf0e1; padding: 2px;  color: #333; }
 .submit {  border:1px solid #3f3c1e; background: #B71D3C;  color: #edeeca; cursor:pointer;}




 
 #center{ width:665px; background:#ffffff; color:#333; float:left;  padding:0 0 0px 0; margin: 0px 0 0 0px;
          line-height:1.5em; }


 #center a { 
	   color: #3c52be;
	   text-decoration: none;
	   	
	   background:#;
          
	   }

#center a:hover { background: #;  
	        
	        text-decoration: underline;
		
}
        


 #center ul{
   margin: 12px 0 12px 10px;
   padding:0;
   
 }
 
 #center li {
   margin:0 0 4px 20px;
   padding:0 0 0 0px;
   
   
 }
 


 #center1{  border-bottom: 1px solid gray; border-right: 1px solid gray; border-left: 1px solid gray;background:#ffffff; color:#333;   padding:0 0 20px 0; margin:0 0px 0 0px;  }
 #center1 p{ line-height:1.5em; padding: 8px 10px 5px 0px; margin:0;
             }

 #center2{  border-bottom: 1px solid gray; border-right: 1px solid gray; border-left: 1px solid gray;background: #fff; color:#333;   padding:0 0 20px 0; margin:0 0px 0 0px;  }
 #center2 p{ line-height:1.5em; padding: 8px 10px 5px 10px; margin:0;}

 #center3{  border-bottom: 1px solid gray; background:#E0E0E0; color:#333;  padding:0 0 40px 0; margin:5px 0px 0 0px; }
 #center3 p{ line-height:1.5em; padding: 8px 10px 0 10px; margin:0;}

 #center4{  border-bottom: 1px solid gray; background:#E0E0E0; color:#333;   padding:0 0 40px 0; margin:0px 0px 0px 0px;  }
 #center4 p{ line-height:1.5em; padding: 8px 10px 0 10px; margin:0;}












 
 

 
 #footer{
   margin: 0 auto 0 auto; width:865px;
   clear:both;
   
   text-align:center;
   background: url(images/123.gif);
   color:#edeeca;
   padding: 8px 0 8px 0;
   border-top: 1px solid  #3f3c1e; 
   border-right: 1px solid  #3f3c1e;
   border-left: 1px solid  #3f3c1e;
   
 }
 
 #footer p{
 	margin: 0;
 	padding:0;
   font:normal 100%  calibri, Arial,Helvetica, serif;
 }

 #footer a{
 	margin: 0;
 	padding:0;
   color:#ff8000;
 }

















/* ######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */

.blackwhite li a{
background: white;
}

.blackwhite li a:hover{
background: black;
color: #ff8000;
}


 




/* ######### BASE for both types drop down or vertical ######### */


.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/

margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;

border: 1px solid black;
border-bottom-width: 1px;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyle li a{
display: block;
width: 200px; /*width of menu (not including side paddings)*/
color: #000000;
background: #FCE8D1;
text-decoration: none;
padding: 4px 10px;
border-bottom: 1px solid #cccccc;
font: 120%  calibri,  Arial, Helvetica, sans-serif;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 200px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background: #B2CCE5; 
color: #000000;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/* ######### TOP OLD NAVI ######### */
.mattblackmenu{
margin: 0;
padding: 1px 0 1px 0;

list-style-type: none;

.mattblackmenu ul{
margin: 0;


list-style-type: none;



overflow: hidden;
width: 100%;
}

.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu li a{
float: center;
display: inline;
text-decoration: none;
margin: 0;

color: #ffffff;         /* control active*/




}

.mattblackmenu li a:visited{
color: white;
}

.mattblackmenu li a:hover{
  color: #ff8000; /*3399CCcontrol hover*/
  

 /*background of tabs for hover state */
}

.mattblackmenu a.selected{
 background: inherit;
color:#ff8000; /* main menu text color look after hover to thing below*/
}

.mattblackmenu ul li a.selected{
 background-color: inherit;
color:#ff8000;  /* main menu text color look after hover to thing below*/
}