@charset "UTF-8";
/* CSS Document */
*{margin:0 0;padding:0 0}

/*-----------------------------------------------------------------------------------------------*/
/*                                          GENERAL LAYOUT                             */
/*-----------------------------------------------------------------------------------------------*/

.body { width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.container {width:948px; border:#ddd solid 1px; height:700px;   margin: 10px auto 0 auto;}


.left_container{ width: 215px; padding: 0; height:700px; float:left; overflow:hidden; position: relative; z-index: 20; background: #fff;}
.left_container2{ width: 215px; margin-left:-300px; padding: 0; height:700px; }

.container .left_col { width: 195px; padding: 0 10px 0 0; height:700px;  font-family:Arial, Helvetica, sans-serif; font-size:12px; background: #fff;}
.container .left_col h1 { margin:20px 0 0 10px; width:192px; height:41px; position: relative; }
.container .left_col h1 a span { background:url(../stat/logo.gif) no-repeat; color:#fff; display: block; position: absolute; width: 100%; height: 100%; }

.container .left_col h2 { padding:20px 0 0 10px; color:#990066; font-weight:lighter; font-size:20px; margin:0; }
.container .left_col p { color:#666666; font-size:11px; padding:10px 0 0 10px}
.container .left_col ul { margin:0; padding:0 0 0 0px;}
.container .left_col li { list-style-type:none; width:180px; border-bottom:#000000 solid 1px; padding: 2px 0; }
.container .left_col li a { width:180px; line-height:20px; font-size:12px; padding: 0 0 0 10px; text-decoration:none; display:block; color:#990066;}
.container .left_col li a:hover {  width:170px; height:20px; display:block; background-color:#990066; color:#fff; }
.container .left_col li a.open {   width:170px; height:20px; display:block; background-color:#990066; color:#fff; }
.container .left_col p.book_visit { vertical-align:bottom; color:#990066; font-weight:lighter; font-size:10px; padding:45px 0 0 10px;}
.container .left_col p.book_visit span { vertical-align:bottom; color:#990066; font-weight:lighter; font-size:24px; padding:0 0 0 0; margin:0;}
.container .left_col img.sig { margin: 10px 0 50px 90px ;}

.middle_container{ width: 200px;  height:700px; float:left;  overflow:hidden;    }
.middle_container2{ width: 200px;  height:700px;  margin-left:-200px;  }
.container .middle_col {width: 165px; padding: 116px 10px 0 25px; height:584px; float:left;  background: #fff url(../stat/bgGrad.gif) no-repeat left;  font-family:Arial, Helvetica, sans-serif; font-size:12px; position: relative; z-index: 10; }
.container .middle_col h2 { padding:10px 0 0 0; color:#990066; font-weight:lighter; font-size:18px; margin:0; }
.container .middle_col p { color:#666666; font-size:11px;} 
.container .middle_col p span { color:#990066; font-size:11px; font-weight:bold;} 
.container .middle_col p.title { color:#990066; font-size:11px; padding:0; margin:0; } 
.container .middle_col ul { margin:0; padding:20px 0 0 15px;}
.container .middle_col li { margin:0 0 5px 0;   font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#990066;}
.container .middle_col li span { color:#666666;}


.container .right_col { width: 533px; height:700px; float:left; text-align:left;}
.container .right_col ul { padding:10px 0 5px 0; margin:0; height: 80px; }
.container .right_col ul.navigation li { display:block; float:left; vertical-align: bottom; line-height:20px;  font-family:Arial, Helvetica, sans-serif; }
.container .right_col h2 { padding:0 0 0 0; color:#990066; font-weight:lighter; font-size:16px; margin:0; text-align:left; font-family:Arial, Helvetica, sans-serif; }
.container .right_col p { color:#666666; font-size:11px; text-align:left; margin-right:10px; font-family:Arial, Helvetica, sans-serif;}
.container .right_col p.nav { text-align:center; }

/*-----------------------------------------------------------------------------------------------*/
/*                                          GALERIA STYLES                              */
/*-----------------------------------------------------------------------------------------------*/

.flash_content { width: 533px; height:500px; clear:both; background:#fff; padding:0; margin:0; text-align:center; vertical-align:top;}
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:110px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria [style] li img.thumb {cursor:pointer;top:0;left:0;display:block;width:auto;height:auto}
.caption{display:none;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
#main_image { margin: 10px 0 20px 0; height:350px;}


/*-----------------------------------------------------------------------------------------------*/
/*                                         TOOLTIP STYLES                               */
/*-----------------------------------------------------------------------------------------------*/

.tip {	width: 212px;	padding-top: 33px;	overflow: hidden; 	display: none;	position: absolute;	z-index: 500;	background: transparent url(../images/tipTop.png) no-repeat top;}
.tipMid {background: transparent url(../images/tipMid.png) repeat-y; padding: 0 25px 20px 25px;}
.tipMid img { margin:0; padding:0 10px 10px 0; float:left;}
.tipMid img.close { margin:0; padding-left:60px; padding-bottom:57px; float:left;}
.tipMid h2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#990066; font-weight:normal; margin:0; padding:0 0 0 0; float:left;}
.tipMid p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; font-weight:normal; margin:0; padding:5px 0 0 0 ; clear:both; }
.tipBtm {background: transparent url(../images/tipBtm.png) no-repeat bottom; height: 74px;}