html, body { height: 100%;}

body { margin: 0; padding: 0; color: #4b4848; font-size: 10px; font-family: Verdana, Tahoma, Arial, sans-serif; background: #3276a3;}

.topmenu { border-right:1px solid #cf7f0f; margin-top: 12px;}
	
.menu a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #6a6b6d; font-style: normal; text-decoration: none;}
.menu a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #e85d33; font-style: normal; text-decoration: none;}

a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #3276a3; font-style: normal; text-decoration: none;}
a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #e85d33; font-style: normal; text-decoration: none;}

.left { width: 477px; background-color: white; border-left: 2px solid white; border-bottom: 2px solid white;}
.left02 { width: 477px; border-left: 2px solid white; border-right: 1px solid white;}

.right { width: 300px; border-left: 1px solid white; border-bottom: 2px solid white;}

.lpic { width: 156px; height: 147px; background-color: #cfd0d2; float: left; margin: 32px 36px 26px 6px;}
.lpic02 { width: 156px; height: 216px; background-color: #cfd0d2; float: left; margin: 14px 36px 0 6px;}
.lpic03 { width: 446px; background-color: #cfd0d2; float: left; margin: 0 0 18px 10px;}
.lpic04 { width: 156px; height: 147px; background-color: #cfd0d2; float: left; margin: 10px 20px 10px 6px;}

.hometop { font-size: 12px; color: #3276a3; line-height: 16px; padding: 10px 18px 0 6px; margin: 0;}
.hometop02 { font-size: 10px; color: #4b4848; line-height: 14px; padding: 6px 18px 21px 6px; margin: 0;}
.hometop03 { font-size: 10px; color: #4b4848; line-height: 14px; padding: 6px 18px 6px 6px; margin: 0;}
.hometop04 { font-size: 12px; font-weight: bold; color: #3276a3; line-height: 18px; padding: 12px 18px 8px 10px; margin: 0;}
.hometop05 { font-size: 10px; color: #4b4848; line-height: 16px; padding: 0 18px 10px 20px; margin: 0;}
.hometop06 { font-size: 10px; color: #4b4848; line-height: 15px; padding: 0 18px 10px 30px; margin: 0;}

.pics { height: 105px; background: url(images/bg_pics.gif) no-repeat;}
.pic { border: 1px solid white; margin: 6px 0 2px 6px;} 
.pic02 { border: 1px solid white; margin: 6px 0 2px 0;} 
.pic03 { border: 1px solid white; margin: 6px 6px 2px 0;}
.picb { border: 1px solid white; margin: 3px 0 6px 6px;} 
.pic02b { border: 1px solid white; margin: 3px 0 6px 0;} 
.pic03b { border: 1px solid white; margin: 3px 6px 6px 0;}
.pic04 { border: 1px solid white;}

.info { width: 142px; background-color: #f2f3f7; float: left; margin: 0 0 10px 10px; padding: 6px 0 6px 0; text-align: center; font-size: 10px;}
.ttl01 { font-size: 13px; color: #3276a3; font-weight: bold;}

.thumbnail{position: relative; z-index: 0;}
.thumbnail:hover{background-color: transparent; z-index: 50;}
.thumbnail span{position: absolute; background-color: #ffffff; padding: 5px; left: -1000px; border: 1px solid #3276a3; visibility: hidden; color: black; text-decoration: none;}
.thumbnail span img{border-width: 0; padding: 2px;}
.thumbnail:hover span{visibility: visible; top: -290px; left: 0px;}

.footermenu{ font-size: 12px; color: #000000; padding: 25px 0 0 53px;}
.footermenu a { font-size: 10px; color: #000000; font-style: normal; text-decoration: none;}
.footermenu a:hover { font-size: 10px; color: #4b4848; font-style: normal; text-decoration: none;}

.copyright { color: #4b4848; font-size: 9px; font-family: Verdana, Tahoma, Arial, sans-serif; padding: 27px 20px 0 0;}