/*root {
    display: block;
}
*/
/*reset*/
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td {
    margin: 0; padding: 0; border: 0; outline: none;
}

body {
    line-height: 1;
    font-size: 88%;
    background-color: #dadada;
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-size: 10pt;
    font-weight:normal;
}

h1, h2 {
    font-size: 100%;
    padding: .6em 0;
    margin: 0 15px;
}

h3, h4, h5, h6{
    font-size: 100%;
    padding: .6em 0;
    margin: 0;
    text-transform:uppercase;
}

a{
    text-decoration:none;
}

ul, ol {
    list-style: none;
}

img {
    border: 0;
}
/*end reset*/

#main {
    max-width:1024px;
    margin: auto;
    border-left:solid 1px gray;
    border-right:solid 1px gray;
    -webkit-box-shadow:0 0 15px #333;
    -moz-box-shadow: 0 0 15px #333;
    box-shadow:0 0 15px #333;
    background-color:#CCC;
}

#header{
    background-image:url(../images/header-home_bg2.jpg);
    background-repeat:repeat-x;
    height:142px;
    position:relative;
    z-index:1;
    overflow:hidden;
}

#header-home{
    background-image:url(../images/header-home_bg2.jpg);
    background-repeat:repeat-x;
    height:450px;
    position:relative;
    z-index:1;
    padding:0;
    margin:0;
    overflow:hidden;
}

#photo {
    background-image: url(../images/photo.jpg);
    width:50%;
    height:145px;
    position:relative;
    z-index:2;
    float:right;
    margin:-88px 0 0 0;
}

#header-home #photo{
    background-image:url(../images/photo1.jpg);
    width:50%;
    height:455px;
    position:relative;
    z-index:2;
    float:right;
    margin:-87px 0 0 0;
}

#header-home #photo img{
    background-image:none;
    width:100%;
    height:100%;
}

#header_bar{
    height:101px;
    position:relative;
    z-index:3;
    background-image: url(../images/header_bar_white.png);
    background-repeat:repeat-x;
    background-position: 0 31px;
}

#title{
    position:relative;
    z-index:4;
    float:left;
    margin:40px 0 0 -10px;
}

#title h1{
    position:relative;
    z-index:5;
    font-family:Tahoma;
    --font-variant:small-caps;
    text-transform:uppercase;
    font-size: 1.65em;
    font-weightold;
    color:#272E4F;
    float:left;
    letter-spacing:0.04em;
}

#logo a{
    background-image: url(../images/logo_2.png);
    width:201px;
    height:136px;
    position:relative;
    z-index:6;
    float:left;
    margin:0px;
}

#s3slider {
    width:512px;
    height:350px;
    position:relative;
	float:right;
    z-index:2;
	margin:13px -17px 0 0;}

#s3sliderContent {
   width: 512px; /* important to be same as image width or wider */
   height:350px;
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: right; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage img {
	width:595px;
height:350px;
}
.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 24px/36px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 100%;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

#partner{
    list-style:none;
    display:inline-block;
    width:270px;
    height:48px;
    position:relative;
    z-index:7;
    float:right;
    margin:-90px -510px 0px 0px;
    color:#333;
    --font-weight:bold;
    font-size:0.9em;
}

#partner a{
    color:#333;
    text-decoration:none;
    font-weight:bold;
}

#partner a:hover{
    color:#fff;
    --text-decoration:underline;
}

#partner li{
    cursor:pointer;
    float:right;
    position:relative;
    padding:0px;
}

#partner img{
	margin-top:15px;
	height:60px;
}

.partner-text{
    margin:0 10px 0 0;
}

#animation-menu{
    width:40%;
    height:280px;
    z-index:8;
    position:relative;
    margin:40px 0 0 20px;
}

/*#menu{
     width: 730px; margin: auto;
}*/

.dropdown a.dir{
    text-align:center;
    font-weight:bolder;
    margin-top:10px;
    font-family:Arial,Helvetica,sans-serif;
    font-size: 13pt;
    color:#333333;
    text-decoration:none;
}

.dropdown a.dir:hover{
    text-align:center;
    font-weight:bolder;
    margin-top:10px;
    font-family:Arial,Helvetica,sans-serif;
    font-size: 13pt;
    color:#fff;
}

#container{
    width:950px;
    min-height:400px;
    margin:auto;
    margin-top:30px;
    margin-bottom:85px;
}

#left_panel{
    width:63%;
    height:auto;
    float:left;
    margin-right:2px;
}

#right_panel{
    width:32%;
    height:auto;
    float:right;
    --background-color:#ffffff;
}

#browsable {
    height:137px;
}

#left_panel .white_content_panel{
    height:auto;
    width:600px;
    margin-bottom:20px;
}

#right_panel .white_content_panel{
    height:auto;
    width:300px;
    margin-bottom:20px;
}

.gray_content_panel{
    height:auto;
    margin-bottom:20px;
}

#half_panel_left{
    width:287px;
    height:auto;
    float:left;
}

#half_panel_right{
    width:287px;
    height:auto;
    float:right;
}

.pagination_panel{
    width:600px;
    height:auto;
    margin-bottom:20px;
}

#left_panel .white_content_panel .top{
    height:13px;
    --background-color:#ffffff;
    background-image:url(../images/top.png);
}

#right_panel .white_content_panel .top{
    height:13px;
    --background-color:#ffffff;
    background-image:url(../images/top_red.png);
}

.pagination_panel .top{
    height:13px;
    --background-color:#ffffff;
    background-image:url(../images/top.png);
}

#left_panel .gray_content_panel .top{
    height:13px;
    background-image:url(../images/top_purple.png);
}

.top_left{
    width:18px;
    height:19px;
    float:left;
}

.top_right{
    width:18px;
    height:19px;
    float:right;
}

.animation-top{
    margin:0;
    padding:0;
    height:15px;
    background-color:#8B98D6;
}

.animation-top_left{
    position:absolute;
    width:12px;
    height:15px;
    float:left;
    background-image:url(../images/animation_top_left2.jpg);
}

.animation-top_right{
    width:12px;
    height:15px;
    float:right;
    background-image:url(../images/animation_top_right2.jpg);
}

#left_panel .white_content_panel .title{
    background-color:#ffffff;
    padding:5px 0 0 10px;
    margin:0;
    border-left:solid 1px #ccc;
    border-right:solid 1px #ccc;
}

#right_panel .white_content_panel .title{
    background-color:#E9121A;
    padding:5px 0 0 10px;
    margin:0;
    border-left:solid 1px #ccc;
    border-right:solid 1px #ccc;
}

.gray_content_panel .title{
    background-color:#8B98D6;
    padding:5px 0 0 10px;
    margin:0;
    border-left:solid 1px #ccc;
    border-right:solid 1px #ccc;
}

.pagination_panel .title{
    background-color:#ffffff;
    border-left:solid 1px #ccc;
    border-right:solid 1px #ccc;
    padding:5px 0 0 10px;
    margin:0;
}

.title img{
    float:left;
    margin-left:10px;
}

#read{
    text-align:right;
    margin-top:-10px;
    margin-right:35px;
}

#read a{
    color:#990000;
    font-weight:bold;
    text-decoration:none;
}

#read a:hover{
    text-decoration:underline;
}

#left_panel .white_content_panel .bottom{
    height:13px;
    --background-color:#ffffff;
    background-image:url(../images/bottom.png);
}

#right_panel .white_content_panel .bottom{
    height:13px;
    --background-color:#ffffff;
    background-image:url(../images/bottom_red.png);
}

.gray_content_panel .bottom{
    height:13px;
    background-image:url(../images/bottom_purple.png);
}

.pagination_panel .bottom{
    height:48px;
    background-color:#999999;
}

.animation-bottom{
    height:15px;
    background-color:#8B98D6;
}

.bottom_inquiry{
    height:30px;
    padding-top:10px;
    background-color:#949494;
    text-align:center;
}

.bottom_inquiry button{
    background:none;
    border:none;
    color:#fff;
    font-size:10.5pt;
    font-weight:bold;
    cursor:pointer;
}

.animation-bottom_left{
    width:12px;
    height:15px;
    float:left;
    background-image:url(../images/animation_bottom_left2.jpg);
}

.animation-bottom_right{
    width:12px;
    height:15px;
    float:right;
    background-image:url(../images/animation_bottom_right2.jpg);
}

.bottom_left_inquiry{
    margin-top:11px;
    width:18px;
    height:19px;
    float:left;
    background-image:url(../images/bottom_left_inquiry.jpg);
}

.bottom_right_inquiry{
    margin-top:11px;
    width:18px;
    height:19px;
    float:right;
    background-image:url(../images/bottom_right_inquiry.jpg);
}

.bottom_left{
    width:18px;
    height:19px;
    float:left;
}

.bottom_right{
    width:18px;
    height:19px;
    float:right;
}

/*
.white_content_panel .top_left{
    background-image:url(../images/white_top_left.jpg);
}

.white_content_panel .top_right{
    background-image:url(../images/white_top_right.jpg);
}

.white_content_panel .bottom_left{
    background-image:url(../images/white_bottom_left.jpg);
}

.white_content_panel .bottom_right{
    background-image:url(../images/white_bottom_right.jpg);
}
*/
/*
.gray_content_panel .top_left{
    background-image:url(../images/gray_top_left.jpg);
}

.gray_content_panel .top_right{
    background-image:url(../images/gray_top_right.jpg);
}
/
.gray_content_panel .bottom_left{
    background-image:url(../images/gray_bottom_left.jpg);
}

.gray_content_panel .bottom_right{
    background-image:url(../images/gray_bottom_right.jpg);
}
*/
/*
.pagination_panel .top_left{
    background-image:url(../images/white_top_left.jpg);
}

.pagination_panel .top_right{
    background-image:url(../images/white_top_right.jpg);
}
*/
.pagination_panel .bottom_left{
    width:24px;
    height:48px;
    float:left;
    background-image:url(../images/pagination_bottom_left.jpg);
}


.pagination_panel .bottom_middle{
    width:90%;
    float:left;
    margin-top:10px;
    font-family:Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight:bold;
}

.pagination_panel .rss{
    float:left;
    padding-top:10px;
}

.pagination_panel .rss a {
    color:#333333;
    text-decoration:none;
}

.pagination_panel .rss a:hover{
    text-decoration:underline;
}

#boxes_wrapper{
    float:right;
    display:block;
}

.pagination_panel .boxes{
    float:left;
    margin-left:10px;
    margin-top:10px;
}

.pagination_panel .boxes a{
    background-color:#ffffff;
    color:#990000;
    padding:5px;
    border:2px dotted #cccccc;
    --margin:0 5px 0 5px;
    text-decoration:none;
}

.pagination_panel .boxes a:hover{
    text-decoration:underline;
}

.pagination_panel .bottom_right{
    width:24px;
    height:48px;
    float:right;
    background-image:url(../images/pagination_bottom_right.jpg);
}

h2{
    font-family:Arial,Helvetica,sans-serif;
    font-size: 16pt;
    font-weight:normal;
    padding:0;
}

#left_panel .white_content_panel h2{
    color:#970404;
}

#right_panel .white_content_panel h2{
    color:#fff;
}

#right_panel .white_content_panel .title a{
	font-family:Arial,Helvetica,sans-serif;
    font-size: 16pt;
    font-weight:normal;
    padding:0;
}

.pagination_panel h2{
    color:#970404;
}

.gray_content_panel h2{
    color:#ffffff;
}

#right_panel a{
    text-align:left;
    text-decoration:none;
    --border-bottom:dotted 1px #fff;
    color:#fff;
    line-height:1.5;
    font-size:10pt;
}

#right_panel a:hover{
    text-decoration:none;
    border-bottom:dotted 1px #fff;
    --background-color:#999999;
    color:#fff;
    line-height:2;
}

#right_panel .image a{
    text-decoration:none;
    border:none;
}

#right_panel .image a:hover{
    text-decoration:none;
    border:none;
    background-color:transparent;
}

hr{
    margin-left:15px;
    text-align:left;
    height:1px;
}

#left_panel hr{
    width:92%;
}

#right_panel hr{
    width:85%;
}

#half_panel_left hr{
    width:84%;
}

#half_panel_right hr{
    width:84%;
}

#left_panel .white_content_panel hr{
    color:#970404;
    background-color:#970404;
}

#right_panel .white_content_panel hr{
    color:#fff;
    background-color:#fff;
}

.pagination_panel hr{
    color:#970404;
    background-color:#970404;
}

.gray_content_panel hr{
    color:#ffffff;
    background-color:#ffffff;
}

p{
    margin-bottom:10px;
    padding:0;
}

.content_pnl{
    padding:15px 35px 15px 25px;
    margin-top:-7px;
    text-align:justify;
    line-height:1.25;
}

.animation-content_pnl{
    padding:25px;
    height:200px;
    background-color:#8B98D6;
}

.button{
    width:21px;
    height:21px;
    background-image:url(../images/animation2.png);
}

#accordion{
    width:90%;
    height:90%;
    margin-left:20px;
    margin-right:20px;
}

#accordion h3{
    border-top:solid 1px #272E4F;
    font-weight:normal;
    text-transform:none;
}

#accordion .first-item h3{
    border:none;
    padding:0;
}

.last-item{
    width:90%;
    margin-left:20px;
    padding-top:10px;
    text-align:right;
    border-top:solid 1px #272E4F;
}

.last-item a{
    font-size:14pt;
    color:#333333;
    text-decoration:none;
}

.last-item a:hover{
    text-decoration:underline;
}

#accordion h3 a{
    color:#5D070A;
    font-size:14pt;
}

#accordion h3 a img{
    width:21px;
    height:21px;
    margin-right:10px;
}

#accordion div{
    color:#fff;
    font-size:9pt;
    margin-bottom:10px;

}

#accordion div p{
    height:30px;
}

#accordion div div{
    text-align:right;
}

#accordion div div a{
    color:#5D070A;
    font-size:9pt;
}

#left_panel .content_pnl a{
    text-decoration:none;
    font-weight:bold;
    color:#333;
}

#left_panel .content_pnl a:hover{
    text-decoration:underline;
    font-weight:bold;
}

#left_panel .white_content_panel .content_pnl{
    color:#333333;
    background-color:#ffffff;
    border-left:solid 1px #ccc;
    border-right:solid 1px #ccc;
}

#right_panel .white_content_panel .content_pnl{
    color:#fff;
    background-color:#E9121A;
    border-left:solid 1px #ccc;
    border-right:solid 1px #ccc;
}

.gray_content_panel .content_pnl{
    color:#000000;
    background-color:#8B98D6;
    border-left:solid 1px #ccc;
    border-right:solid 1px #ccc;
}

.pagination_panel .content_pnl{
    color:#333333;
    background-color:#ffffff;
    border-left:solid 1px #ccc;
    border-right:solid 1px #ccc;
}

.pagination_panel .content_pnl .list_item{

    min-height:60px;
    border-bottom:dotted 1px #000000;
    margin-bottom:15px;
}

.white_content_panel .content_pnl .list_item{

    min-height:60px;
    --border-bottom:dotted 1px #000000;
    margin-bottom:15px;
}

.pagination_panel .content_pnl .list_item_image, .white_content_panel .content_pnl .list_item_image{
    width:100px;
    height:180px;
    float:left;
}

.pagination_panel .content_pnl .list_item_image img, .white_content_panel .content_pnl .list_item_image img{
    width:100%;
    height:100%
}

.pagination_panel .content_pnl .list_item_text, .white_content_panel .content_pnl .list_item_text{
    float:left;
    width:435px;
}

.pagination_panel .content_pnl .list_item_more{
    text-align:right;
}

.pagination_panel .content_pnl .list_item_more a{
    color:red;
    font-weight:bold;
    line-height:1.5;
    text-decoration:none;
    font-size:8pt;
}

.image-content_pnl{
    width: 200px;
    height:150px;
    float:left;
    padding: 5px 20px 15px 0;
}

.image-content_pnl img{
    width:100%;
    height:100%;
}

#inquiry{
    font-size:10pt;
    font-weight:bold;
}
input {
    border: none;
    background: #FFF;
    width: 115px;

}
.rounded {
    background:  url(../images/rounded2.jpg) no-repeat left top;
    padding: 7px;
}
#map {
    width:660px;
    height:404px;
    background-image:url(../images/map-container.png);
    background-repeat:no-repeat;
	margin-top:-12px;
    margin-left:-12px;
    padding:24px 0 0 26px;
}

#map_content{
    width:604px;
    height:339px;
    margin:0;
}

#map_content img{
    width:100%;
    height:100%;
}

#map_google {
    width:297px;
    height:182px;
    background-image:url(../images/map-container2.png);
    background-repeat:no-repeat;
    margin-left:0px;
    padding:11px 0 0 12px;
}

#map_content_google {
    width:271px;
	margin-top:45px;
    height:152px;
    margin:0;
    padding:0;
}

#footer{
    margin-top:30px;
    background-color:#666666;
    height:55px;
}

#credit{
    text-align:center;
    padding:18px;
    color:#ffffff;
    font-family:Arial,Helvetica,sans-serif;
    font-weight:bold;
    font-size:9pt;
}

.scrollable {
    /* required settings */
    position:relative;
    overflow:hidden;
    width: 100%;
    min-height:200px;
    --float: left;
    background-color:#fff;
}

.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

.items div {
    float:left;
    width:570px;
}


/* position and dimensions of the navigator */
.navi {
    margin-left:280px;
    --margin:auto;
    width:auto;
    height:30px;
}


/* items inside navigator */
.navi a {
    width:16px;
    height:16px;
    float:left;
    margin:3px;
    background:url(../images/navigator.png) 0 0 no-repeat;
    display:block;
    font-size:1px;
}

/* mouseover state */
.navi a:hover {
    background-position:0 -16px;
}

/* active state (current page state) */
.navi a.active {
    background-position:0 -32px;
}