body{ margin:0 auto 0 auto; padding:0;  background: #0099B9  /*#0175a9 body*/ /*#e1eca0*/ url(bg.gif)  repeat-x;
 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;	border-bottom: solid 0px #883225;}
 
 .bodyimg{ float:left; margin-right: 5px; padding: 0px 0px 0px 0px;border: 1px solid gray;}
.logo1{  padding: 0px 0px 10px 10px;}
.bodyimg4{  float:left; margin-right: 5px; padding: 0px 0px 0px 0px;}
 .leftimg{ padding: 0px 20px 0px 0px;}
 .rightimg{ padding: 0px 10px 0px 20px;}
 .img1{border:1px solid gray;}          

.pimg{  margin-top: 0px; margin-right: 4px; padding: 15px 10px 15px 10px;
      background:white; align:center;
      } 

.fimg{  margin-top: 0px; margin-right: 0px; padding: 5px 5px 5px 5px;
      background:#f9f8e6; align:center;border:1px solid #f9f8e6;
      } 

.naviimg{  margin-top: 0px; margin-right: 0px; padding: 0px 6px 0px 0px;
       float:left;
      } 

.leftbanner{ padding: 0px 0px 0px 20px; margin:0;} 
        

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

.thumbnail{
position: relative;
border:gray solid 0px;
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: 0px 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: -200px;
left: 200px; /*position where enlarged image should offset horizontally */

}



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






 .hide{display:none;}
 
 .orng{ background:inherit; color:#cc6600;}
 .brown{ background:inherit; color:#643200;}
 
 #outwrapper { margin: 0 auto 0 auto; width:1000px;

            background:#ffffff;}
 
  h1{
  background:inherit;
  color:#ff0000;
  margin:0;
  padding:140px  0px 5px 330px;
  font:normal 150%  "impact", georgia, Verdana, Arial, Helvetica, sans-serif;
 }
 
 h2{
 	margin-top:3px;
 	padding: 7px 5px 23px 10px;
   background: #ffffff url(images/bgpanel.png) repeat-x;
   color:#e1f275;
   font:160% "Century Gothic", georgia, Verdana, Arial, Helvetica, sans-serif;
   
 }





 h3{
   margin-top:5px;	
   padding:0px  0 10px 330px;
   
   color:#000000;
   font:normal 110% "Century Gothic", 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: 16px;
        background:url(menu_bg.png);
	font-family: century gothic, verdana, arial,
                     times new roman;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 8px;
	
 }



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

        
 }

 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:298px;
  color:#000;
  background: url(logogwt.jpg) repeat-x;/*bgbg1.gif*/
  text-align:center;
  padding:0 0 0px 0;
  margin:0;
  border-left:0px solid #3f3c1e;
  border-right:0px 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;
 }

/* ######### Matt Black Strip Main Menu Bar CSS ######### */

/* ######### Drop Down ULs CSS ######### */


.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 13px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid #787878;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyle li a{
display: block;
width: 180px; /*width of menu (not including side paddings)*/
color: #0072A8;
background-color: #FCE8D1;
padding: 4px 10px 4px 19px;
border-bottom: 0px dotted #787878;
font: bold 110%  calibri, 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-color: #EAEAEA;
color:  #0072A8;
}

/* ######### 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;
}

#topmenu {
text-align:center; /*control centering of navi*/
width: 100%;
border-left: 1px solid #3f3c1e;
border-right:1px solid #3f3c1e;
border-top:1px solid #3f3c1e;
background: #5B2E00; /* kant use pic in javascript*/ 
}



 #topmenu a, #topmenu a:visited{
  margin:0 0 0 -6px;
  text-align:center;  
  text-decoration:none;
  padding: 4px 18px 4px 18px;
  line-height:30px;
  background: url (images/bg-menu.gif); 
  font:  100%  "Century Gothic",  Arial, Helvetica, sans-serif; /* font controller*/
  

 }

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


.mattblackmenu ul{
margin: 0;
padding: 4px 0 4px 0;

list-style-type: none;
border-bottom: 1px solid #3f3c1e;
background: url (images/bg-menu.gif);   /* background color of navi tab whole*/
overflow: hidden;
width: 100%;
}

.mattblackmenu li{
display: inline;
margin: 0;
background: url (images/bg-menu.gif); 
}

.mattblackmenu li a{
float: center;
display: inline;
text-decoration: none;
margin: 0;
background: url (images/bg-menu.gif); 
border-left:1px solid #787878;
color: #ffffff;         /* control active*/




}

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

.mattblackmenu li a:hover{
  color: #ff8000;         /* control hover*/
  
 /*background of tabs for hover state */
}

.mattblackmenu a.selected{
background: url (images/bg-menu.gif);  /*background of tab with "selected" class assigned to its LI */
color:#ff8000;  /* main menu text color look after hover to thing below*/
}



/*------------------------------*/
 
 #main{
   
   
   color:#454456;
   float:left;
   background:#ffffff ;
   padding:0;
   margin: 0 auto 0 auto; 
   width:1000px;
   border:0px solid #333333;
  
 }
 
 #content{
   width:770px;
   float:right;
   color:#333;
   background:#ffffff;
   padding:0;
   margin:0;
 }
 
 #left{
   width:225px;
   float:left;
   padding: 0;
   margin:0px 0 0 4px;
   background: #ffffff ;
   color:#000;
 
    border-left:0px solid gray;
  
 }

 #left-1{
   width:225px;
   float:left;
   padding:0px;
   margin:3px 0 10px 0;
   background: #FCE8D1;

   color:#000;
 
 border-right:0px solid #c0c0c0;


  
 }

 #left-2{
   width:225px;
   float:left;
   padding: 0;
   margin:0px 0 10px 0;
   background: #F8F8F8;

   color:#000;

 border-right:0px solid #c0c0c0;
  
 }
 
 


 



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

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





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

           
 }
 #left-1 a { display: block;
	   
	   color: #333333;
	   text-decoration: none;
	   padding:  5px 1px 5px 5px;
	   border-bottom: 1px solid #C0C0C0;
           border-left:3px solid #ff8000;
	   border-right: 1px solid #C0C0C0;
           
	   }

 #left-2 a { display: block;
	   color: #333333;
	   text-decoration: none;
	   padding:  5px 1px 5px 20px;
	   border-bottom: 1px solid #C0C0C0;
	   border-right: 1px solid #C0C0C0;
           border-left:3px solid #ff8000;
           
           background: #0099B9  /*#0175a9 body*/ /*#e1eca0*/ url(images/homebg.jpg)  repeat-x;
	   }

#left-2 ul li a{background: url(arrow.gif) no-repeat 2px center;}

#left-2 ul li a:hover{background: url(arrow.gif) #ffffff no-repeat 2px center;
                color:#0072A8;}


#left-2 ul li a.active{background: url(arrow.gif) #ffffff no-repeat 2px center;
                       color: #0072A8;}

 #left-3{
   width:225px;
   float:left;
   padding: 0;
   margin:0px 0 10px 0;
   background: #ffffff;
   display: block;
   color: #333333;
   text-decoration: none;
   color:#000;

 border-right:1px solid #c0c0c0;
 
  
 }
 
#inner3{

border-left:1px solid #c0c0c0;
}


#left-3 a { 
            Background: white;
	   
	   }


 #left-1 a:hover { background: url(images/wrapperbg.jpg); #EAEAEA;  
	        color: #000000;
	        text-decoration: none;
		border-left:3px solid #BE0C0C;
}


 #left a.active { background: #EAEAEA;  
	        color: #000000;
	        text-decoration: none;
		border-left:3px solid #BE0C0C;}
 
 .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: #000000; 
   color: white;
   margin: 0px 0 0 0;
   padding: 10px 0 10px 0;
   border-bottom:1px solid  gray;
  

 } 

.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: 170% "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:766px; background:#ffffff ; color:#333; border-left: 0px solid gray;float:left;  padding:0 0 0px 4px; margin: 0px 0 0 0px;
          line-height:1.5em; }

 #center-sp { width:766px; background:#ffffff; color:#333; border-left: 0px solid gray;float:left;  padding:0 0 0px 4px; margin: 0px 0 0 0px;
          line-height:1.5em; }

 
#center ul{
   margin: 12px 0px 12px 15px;
   
   list-style:none;
 }
 
 #center li {
   margin:5px 0px 0px 18px;
   padding:0px 0px 0px 15px;
   list-style:url(images/check5.gif);
   font-family: arial;
 
font-weight: bold;
 }



 #center1{  border-bottom: 0px solid gray; border-right: 0px solid gray; background:#ffffff; color:#000;   padding:0 5px 20px 0; margin:0 0px 0 0px;  }
 #center1 p{ line-height:1.2em; padding: 15px 10px 5px 15px; margin:0; font-family: arial; font-size:14px;}

 #center1-sp{  border-bottom: 0px solid gray; border-right: 0px solid gray; background:#ffffff ; color:#000;   padding:0 5px 20px 0; margin:0 0px 0 0px;  }
 #center1-sp p{ line-height:1.2em; padding: 15px 10px 5px 15px; margin:0; font-family: arial; font-size:14px;}

 #center2{  border-bottom: 1px solid gray; border-right: 1px solid gray; border-left: 1px solid gray;background: url(images/main1.gif); color:#333;   padding:0 0 20px 0; margin:0 0px 0 0px;  }
 #center2 p{ line-height:1.5em; padding: 8px 10px 0px 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:1000px;
   clear:both;
   
   text-align:center;
   background: url(images/bg-menu.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,Verdana, Arial,Helvetica, serif;
 }

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