﻿/* Common
*****************************************************/
body, html
{
    background-image: url("Images/bg-body.jpg");
    background-repeat: repeat-x;
    background-position: top center;
    font-size: 12px;
    font-family: Tahoma, Georgia;
    margin: 0px;
    padding: 0px;
    color: #696969;
    behavior: url('csshover3.htc');
}

a:active, input:active
{
    outline: none;
    -moz-outline-style: none;
}

a:focus, input:focus
{
    outline: none;
    -moz-outline-style: none;
}

#outer-frame
{
    width: 1111px;
    background-image: url("Images/bg-outer-frame.png"); 
    background-repeat: no-repeat;
    background-position: top center;
    margin: auto;
}

#inner-frame
{
    margin-left: 45px;
    margin-right: 45px;
}

#inner-frame #inner-frame-top
{
    height: 55px;
    font-size:9px;
}

#inner-frame #inner-frame-top .top-menu-left 
{
    padding-top:20px;
    padding-left:35px;
    float:left;
}

#inner-frame #inner-frame-top  a
{
    color:#006699;
    text-decoration:none;
}


#inner-frame #inner-frame-top a:hover
{    
    text-decoration:underline;
}

#inner-frame #inner-frame-top .top-menu-right 
{
    padding-top:20px;
    padding-right:10px;
    float:right;
}

#inner-frame #inner-frame-top img 
{
    margin-top:12px;
    margin-right:30px;
    float:right;
}

#inner-frame #inner-frame-navigation
{
    height: 59px;
    background-image: url("Images/bg-top-menu.png");
    background-repeat: no-repeat;
}

#inner-frame #inner-frame-navigation .navigation-links 
{
    padding-left:24px;
    padding-top:8px;
    font-size:13px;
}

#inner-frame #inner-frame-navigation a
{
    text-decoration: none;
    color: #ffffff;
}

#inner-frame #inner-frame-navigation a:hover
{
    text-decoration: none;
    color: #ffcc00;
}

#inner-frame #inner-frame-navigation a.selected 
{
    color: #ffcc00;
}

#inner-frame #inner-frame-middle
{
    background-image: url("Images/bg-inner-middle.png");  
    background-position: center;
    display:inline-block;
    width:1021px;
    overflow:hidden;
}


#inner-frame #inner-frame-middle #inner-frame-content
{    
    display:block;
    overflow:hidden;
}


#inner-frame #inner-frame-middle #inner-frame-content #inner-left
{
    float: left;
    width: 240px;
    display: inline-block;
    margin-left: 15px;
    margin-top: 2px;
    overflow:hidden;
}

#inner-frame #inner-frame-middle #inner-frame-content #inner-left .inner-left-content .padding-75
{
    padding-top:75px;    
}

#inner-frame #inner-frame-middle #inner-frame-content #inner-left .inner-left-content h1 
{
    font-size:14px;
    color:#006699;
    padding:0px 0px 0px 20px;
    margin:0;
}

#inner-frame #inner-frame-middle #inner-frame-content #inner-left .inner-left-content p
{
    font-size:14px;
    padding:0px 20px 0px 20px;
    font-size:12px;
    color:#999;
    line-height:1.75em;
    /*letter-spacing:0.1em;*/
}

#inner-frame #inner-frame-middle #inner-frame-content #inner-right
{
    float: right;
    display: inline-block;
    width: 750px;
    display: block;
    margin-top: 2px;
    overflow:hidden;
}

#inner-frame #inner-frame-bottom
{
    height: 25px;
    background-image: url("Images/bg-inner-bottom.png");
    background-repeat: no-repeat;
    background-position: top center;
}

#inner-frame #footer 
{
    height:50px;
    text-align:center;
    line-height:1.5em;
    font-size:10px;
    color: #3399cc;
}

#inner-frame #footer img 
{
    float:left;
    margin-left:15px;
}

#inner-frame #footer a
{
    text-decoration: none;   
    color: #3399cc; 
}

#inner-frame #footer a:hover
{
    text-decoration: none;
    color: #ffcc00;
}

ul.horizondal-list
{
    list-style: none;
    margin: 0;
    padding: 3px;
    width: auto;
}

ul.horizondal-list li
{
    display: inline;
   
}
ul.horizondal-list img 
{
    border:0;
}

ul.padding-lr-3 li
{
    padding-left: 3px;
    padding-right: 3px;
}

ul.padding-lr-8 li
{
    padding-left: 13px;
    padding-right: 13px;
}

/* Page settings
*********************************************/
div.page-banner 
{
    height:190px;
    display:block;
}

div.bread-crumb 
{
    height:50px;
    display:block;
}

div.bread-crumb h1 
{
    font-size:16px;
    font-weight:normal;
    padding-top:20px;
}

div.page-content 
{
    line-height:1.5em;
    font-size:12px;
    color:#989898;
    overflow:hidden;
}

.para-top 
{
    text-align:right;
}

.portion-one 
{
    overflow:hidden;
    display:block;
}

.page-content .portion-two 
{
    width:360px;
    float:left;   
    display:inline-block; 
}

.page-content p 
{
    margin:0;
    padding: 5px 30px 5px 5px;
}

.page-content ul
{   
    margin: 0px 25px 0px 5px;
    list-style-position:outside;
    width: auto;
}


/* Home page
*********************************************************/

.home-latest
{
    display: block;
    margin-right: 25px;
    margin-top: 10px;
}
.home-latest .tab-header
{
    padding:10px 10px 10px 15px;
    font-weight:bold;
    display: block;
    height:15px;
    overflow:hidden;
}
.home-latest .tab-header .tab-header-text
{
    
    width:350px;
    float:left;
    display:block;
}
.home-latest .tab-header .tab-header-text h1 
{
    font-size: 14px;
    padding:0;
    margin:0;
}

.home-latest .tab-top
{
    height: 7px;
    background-image: url("Images/bg-facilities-top.png");
    background-repeat: no-repeat;
    background-position: bottom center;
}
.home-latest .tab-middle
{
    background-image: url("Images/bg-facilities-middle.png"); 
    background-position: center;
    overflow:hidden;
    height:220px; 
}
.home-latest .tab-middle .tab-middle-content
{
    float:left;
    width:360px;
    display:block; 
    overflow:hidden;
}
.home-latest .tab-middle .tab-middle-content img 
{
    padding: 10px 0px 10px 15px;
    border:0px;
}
.home-latest .tab-middle .tab-middle-content p
{
    padding: 0px 10px 0px 15px;
    line-height:1.5em;
}
.home-latest .tab-bottom
{
    height: 7px;
    clear:both;
    overflow:hidden;
    background-image: url("Images/bg-facilities-bottom.png");
    background-repeat: no-repeat;
    background-position: bottom center;
}

/* popup
-----------------------------------------------------------*/

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}


.modalPopup
{
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}

.modalPanel
{
    font-size: 11px;
    /*background-image: url("Images/bg-body.jpg");*/
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    padding: 10px;
    width: 400px;
}

.pop-close-button 
{
    float:right;
}

.hide 
{
    display:none;
    visibility:hidden;
}

.popupMenu 
{
    width:200px;
    color:#ffb100;
    border:solid 1px #fff;
    line-height:1.5em;
    font-size:11px;
    background-image: url("Images/bg-body.jpg");
}

.modalPanel table, .modalPanel p
{
    padding:3px 0px !important;
}

.popupMenu p {
    padding:5px 10px 5px 10px;
}




/* Misc
*********************************************************/
.font-futura-book
{
    font-family: "Lucida Grande", "Century Gothic", Tahoma;
}
.logo
{
    margin: 50px 25px 25px 30px;
    border: 0;
}
.img-reservation 
{
    float:right;
    margin-top:13px;
    margin-right:9px;
}

.img-float-right 
{
    float:right;
    padding:5px; 
    border:solid 2px #868f9d;   
    background-color:#d1d1d0;
}

.home-flash
{
    padding:0px;
}

.link-round-blue 
{
    color:#006699;
    text-decoration:none;
    font-size:11px;
    padding-right:15px;
    background-image: url("Images/link-arrow.png");
    background-repeat: no-repeat;
    background-position: right center;
}

.link-top
{
    color:#006699;
    text-decoration:none;
    font-size:11px;
    padding-right:15px;
    background-image: url("Images/link-arrow-top.png");
    background-repeat: no-repeat;
    background-position: right center;
}

.link-page-content
{
    color:#ffb100 !important;
    text-decoration:none;
    font-size:12px !important;
    text-transform:lowercase  !important;  
}

.link-page-content:hover
{    
    text-decoration:underline;
}

.height-300
{
    height:300px;
}

.txtBox 
{
    border:solid 1px #006699;
    width:100%;
}

.button 
{
    padding:3px;
    background-color:#006699;
    color:#ffb100;
    font-size:11px;
    font-weight:bold;
}

.box 
{
    width:200px;
    overflow:hidden;
    margin:0px auto;
}

.box h1 
{
    background-image: url("Images/box_top.jpg");
    background-repeat: no-repeat;
    background-position: center top; padding:0px; 
    margin:0px;
    font-size:10px;
    height:15px;
    overflow:hidden;
}

.box ul 
{
    background-image: url("Images/box_bottom.jpg");
    background-repeat: no-repeat;
    background-position: center bottom; 
    padding:0px; 
    margin:0px;
    padding-bottom:15px;
}

.box li
{
    background-image: url("Images/box_middle.jpg") !important;
    background-repeat: repeat;
    background-position: center center; 
    padding:0px 10px; 
    margin:0px; 
}

.box li a
{
    background-image: url("Images/arrow.jpg") !important;
    background-repeat: no-repeat;
    background-position: left center;
    display:block; 
    padding:5px 0px 5px 10px; 
    margin:0px; 
    color:#196db6;
    text-transform:uppercase;
    text-decoration:none;
}

.box li a:hover 
{
    color:#aa602a;
}

.box li a.selected 
{
    font-weight:bold;
    color:#aa602a;
}

.addthis_toolbox { padding-left:25px; }

#homeFlash 
{
    background:url("images/bg-flash.jpg") no-repeat top left;
    clear:both;
    overflow:hidden;
    width:725px;
    height:280px; 
}

#homeFlash .slideContainer 
{
    height:245px;
    overflow:hidden;
}

#homeFlash .slideContainer img
{
    padding:5px 8px;
    overflow:hidden;
}

#homeFlash .slideContainer .show 
{
    display:block;
    visibility:visible;
}

#homeFlash .slideContainer .hide 
{
    display:none;
    visibility:hidden;
}

#homeFlash .buttonsContainer
{
    height:29px; 
    padding:3px 8px;
}

#homeFlash .btn 
{
    width:18px;
    height:18px;
    overflow:hidden;
    float:right; 
    text-align:center;
    cursor:pointer;
    padding:1px;
    margin:0px 5px;
    z-index:1;
}

#homeFlash .normal 
{
    background:url("images/bg-flash-btn-normal.gif") no-repeat top left;
}

#homeFlash .selected 
{
    background:url("images/bg-flash-btn-selected.gif") no-repeat top left;
}

#slideshow {
    position:relative;
    height:350px;
}
 
#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
 
#slideshow img.active {
    z-index:10;
    opacity:1.0;
}
 
#slideshow img.last-active {
    z-index:9;
}

ul.gallery 
{
    clear:both; 
	padding:0px;
	margin:0px;
}

ul.gallery li
{
    display:inline;
    float:left;
    width:150px;
    margin:10px; 
}

ul.gallery li img 
{
    border:solid 1px #eee;
    padding:2px;
    width:150px !important;
    background:url("../img/loading2.gif") no-repeat center center;
}

.err { color: Red; }