/* CSS Document */
body{padding:0px; margin:0px; background:url(images/mainbg.gif) 0 0 repeat-x; font:14px/20px Arial, Helvetica, sans-serif;}
div, p, ul, h1, h2, h3{margin:0px; padding:0px; color:#b38352;}
ul{list-style-type:none;}

/*---Top Panel---*/
#topPan{width:729px; height:317px; position:relative; margin:0 auto;}

#topPan #logo{width:350px; height:100px; position:absolute; top:108px; left:46px;}

#topPan .image{width:315px; height:239px; background:url(images/header.jpg) 0 0 no-repeat; position:absolute; top:77px; right:0px; text-indent:-20000px;}

/*---/Top Panel---*/

/*---Middle Panel---*/
#middlePan{width:683px; background:url(images/middlebg.jpg) 0 0 no-repeat; position:relative; margin:0 auto; padding:38px 0 0 46px;}

#middletopPan h1{ font:24px/30px Georgia, "Times New Roman", Times, serif; background:#fff; color:#996633; margin-bottom:10px;}
#middletopPan h2 , #middletopPan h3{ font:23px/29px Georgia, "Times New Roman", Times, serif; background:#fff; color:#996633; margin-bottom:10px;}
#middletopPan{width:682px; position:relative; top:0px; left:0px;}
#middletopPan p{margin-bottom:8px;}
#middletopPan p.border{background:url(images/dot-line.gif) 0% 50% repeat-x; height:74px; padding:0px; margin:0px;}
#middletopPan img{}
#middletopPan img.fl , #leftPan img.fl{float:left; margin: 0 20px 15px 0;}
#middletopPan img.fr , #leftPan img.fr{float:right; margin: 0 0 15px 20px;}
/*---/Middle Panel---*/

/*---Left Panel---*/
#leftPan{width:398px; margin-right:30px; float:left;}
#leftPan h1{font:23px/29px Georgia, "Times New Roman", Times, serif; background:#fff; color:#996633; margin-bottom:10px;}
#leftPan h2 , #leftPan h3{font:22px/28px Georgia, "Times New Roman", Times, serif; background:#fff; color:#996633; margin-top:20px; margin-bottom:10px;}
#leftPan p{margin-bottom:8px;}

/*---/Left Panel---*/
/*---Right Panel---*/
#rightPan{width:254px; float:left;}
#rightPan .category{width:250px; height:auto; font:19px/17px Georgia, "Times New Roman", Times, serif; background:#fff; color:#666666; margin-bottom:15px;}

#rightPan ul{padding:0 0 25px 0;}
#rightPan ul li{width:245px; height:auto;}
#rightPan ul li a{display:block; font-size:1em; margin-bottom: 8px; background:url(images/arrow2.gif) 0 5px no-repeat #fff; color:#666666; line-height:1.15em; text-decoration:none; padding:0 0 0 20px;}
#rightPan ul li a:hover{background:url(images/arrow3.gif) 0 5px no-repeat #fff; color:#7A7A77; text-decoration:underline;}

/*---/Right Panel---*/
/*---Footer Panel---*/
#footermainPan{height:50px; background:url(images/footerbg.gif) 0 0 repeat-x #fff; color:#6F5D2B; font:12px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; clear:both; padding:105px 0 0;}
#footerPan{width:729px; position:relative; margin:0 auto;}

#footerPan p.copyright{width:500px; background: url(images/copyrightbg.gif) 0 0 repeat-x #FFFDF6; color:#996633; position:absolute; top:15px; left:50px;}
#footerPan p.copyright a , #footerPan p.copyright a:hover{color:#996633; text-decoration:none;}

dl { margin: 0 0 20px; padding: 0; }
dl dt { position: relative; margin: 0 0 10px; padding: 0 0 0 15px; }
dl dt::before { content: "■"; position: absolute; top: 1px; left: 0; line-height: 1; margin: 0; padding: 0; }
dl dd { margin: 0 0 15px; padding: 0 0 0 15px; }

.link { position: relative; margin: 0 0 20px!important; padding: 2px 2px 2px 15px; }
.link::before { content: "≫"; position: absolute; top: 5px; left: 0; line-height: 1; margin: 0; padding: 0; }
.link a { color: #576CE8; }

@media screen and (max-width: 680px) {
		
		/* CSS Document */
		body{width:100%; padding:0px; margin:0px; font:14px/20px Arial, Helvetica, sans-serif; background-image:none;}
		div, p, ul, h1, h2, h3{margin:0px; padding:0px; color:#b38352;}
		ul{list-style-type:none;}
		
		/*---Top Panel---*/
		#topPan{width:100%; height:auto; position:relative; margin:0 auto 15px; padding:0;}
		
		#topPan #logo{width:90%; height:auto; margin:0 5%; position: relative; top:0px; left:0px;}
		#topPan #logo img{width:100%; height:auto;}
		
		#topPan .image{display:none;}
		
		/*---/Top Panel---*/
		
		/*---Middle Panel---*/
		#middlePan{width:94%; background:url(images/middlebg.jpg) 0 0 no-repeat; position:relative; margin:0 3%; padding:38px 0 0 0;}
		
		#middletopPan h1{ font:20px/26px Georgia, "Times New Roman", Times, serif; background:#fff; color:#996633; margin-bottom:10px;}
		#middletopPan h2 , #middletopPan h3{ font:19px/25px Georgia, "Times New Roman", Times, serif; background:#fff; color:#996633; margin-bottom:10px;}
		#middletopPan{width:100%; position:relative; top:0px; left:0px;}
		#middletopPan p{margin-bottom:8px;}
		#middletopPan p.border{background:url(images/dot-line.gif) 0% 50% repeat-x; height:74px; padding:0px; margin:0px;}
		#middletopPan img{}
		#middletopPan img.fl , #leftPan img.fl{float:left; width:43%; height:auto; margin: 0 15px 5px 0;}
		#middletopPan img.fr , #leftPan img.fr{float:right; width:43%; height:auto; margin: 0 0 5px 15px;}
		/*---/Middle Panel---*/
		
		/*---Left Panel---*/
		#leftPan{width:94%; margin:0 3%; float:none;}
		#leftPan h1{font:23px/29px Georgia, "Times New Roman", Times, serif; background:#fff; color:#996633; margin-bottom:10px;}
		#leftPan h2 , #leftPan h3{font:22px/28px Georgia, "Times New Roman", Times, serif; background:#fff; color:#996633; margin-bottom:10px;}
		#leftPan p{margin-bottom:8px;}
		
		/*---/Left Panel---*/
		/*---Right Panel---*/
		#rightPan{width:94%; float:none;}
		#rightPan .category{width:100%; height:auto; font:19px/17px Georgia, "Times New Roman", Times, serif; background:#fff; color:#666666; margin-top:30px; margin-bottom:15px;}
		
		#rightPan ul{padding:2px 0 15px 0;}
		#rightPan ul li{width:100%; height:auto;}
		#rightPan ul li a{display:block; font-size:1.1em; margin-bottom: 10px; background:url(images/arrow2.gif) 0 5px no-repeat #fff; color:#666666; line-height:1.15em; text-decoration:none; padding:0 0 0 20px;}
		#rightPan ul li a:hover{background:url(images/arrow3.gif) 0 5px no-repeat #fff; color:#7A7A77; text-decoration:underline;}
		
		/*---/Right Panel---*/
		/*---Footer Panel---*/
		#footermainPan{height:50px; background:url(images/footerbg.gif) 0 0 repeat-x #fff; color:#6F5D2B; font:12px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; clear:both; padding:100px 0 0;}
		#footerPan{width:100%; position:relative; margin:0 auto;}
		
		#footerPan p.copyright{width:90%; margin:0 5%; background: url(images/copyrightbg.gif) 0 0 repeat-x #FFFDF6; color:#996633; position:absolute; top:0; left:0;}
		#footerPan p.copyright a , #footerPan p.copyright a:hover{color:#996633; text-decoration:none;}
		
}