/*
THEME NAME: The Grand Hotel Nanaimo
THEME URI: http://www.thegrandhotelnanaimo.com
DESCRIPTION: The Grand Hotel Nanaimo
VERSION: 2.0
AUTHOR: <a href="http://www.ballisticarts.com">Ballistic Arts Media Studios Inc.</a>
AUTHOR URI: http://www.ballisticarts.com
*/

@charset "utf-8";
/* CSS Document */

body {
	padding: 0px; margin: 0px; background: url(img/main/bg-page.gif) repeat; 
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; line-height: 18px; color: #636363; font-weight: normal;
}

a:link, a:visited, a:active { color: #9C3034; text-decoration: none; }
a:hover { color: #000000; text-decoration: none; }

h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0px 0px 13px; font-weight: normal; }
h1 { color: #9C3034; font-size: 22px; }
h2 { color: #9D8011; font-size: 16px; }
h3 { color: #9D8011; font-size: 14px; }
h4 { color: #9D8011; font-size: 15px; font-weight:bold; border-bottom:solid; border-bottom-color:#336600; border-bottom-width:1px; }

p, blockquote, td, tr { padding: 0px; margin: 0px 0px 13px; }
img { border: none; }

#pagearea { width: 962px; padding: 0px; margin: 0px; overflow: hidden; }
#container { width: 962px; padding: 0px; margin: 0px; background: #FFFFFF; overflow: hidden; float: left; }

#topmenu { width: 946px; height: 15px; padding: 18px 8px 0px; margin: 0px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#topmenu ul { padding: 0px; margin: 0px; list-style: none; float: right; }
#topmenu li { padding: 0px 5px; margin: 0px; list-style: none; float: left; }
#topmenu li a { color: #9C3034; text-decoration: none; }
#topmenu li a.reservations { font-weight: bold; }
#topmenu li a:hover { color: #000000; text-decoration: none; }

#pageheader { width: 946px; height: 260px; padding: 0px 8px; margin: 0px; float: left; overflow: hidden; }
#grandhotelnanaimo { width: 195px; height: 260px; padding: 0px 0 0 10px; margin: 0px; float: left; overflow: hidden; text-align: left; }
#imageheader { width: 735px; height: 260px; padding: 0px; margin: 0px; float: right; overflow: hidden; text-align: right; }

#imageheader #slider {
    width: 730px; /* important to be same as image width */
    height: 260px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	float: right;
	padding: 0px; margin: 0px;
}
#imageheader#sliderContent {
    width: 730px; /* important to be same as image width or wider */
    position: absolute;
	top: 0; left: 0;
	margin-left: 0;
}
#imageheader .sliderImage { float: left; position: relative; display: none; list-style:none; }

#imageheader .sliderImage span {
    position: absolute;
	font: 10px 15px Arial, Helvetica, sans-serif;
    padding: 0px;
    width: 0px; height: 0px;
    background-color: #FFFFFF;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
	-khtml-opacity: 0;
    opacity: 0;
    display: none;
}

#mainmenu { width: 886px; height: 46px; padding: 25px 38px 0px; margin: 0px; float: left; overflow: hidden; background: url(img/main/bg-mainmenu.gif) no-repeat top right; }

/* MENU TOP */

/* dropdown navigation starts */

#mainnav { padding: 0px; margin: 0px; list-style: none; float: left; }
#mainnav li { float: left; }

#mainnav a { padding: 0px 10px 10px; text-decoration: none; color: #FFFFFF; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
#mainnav a:hover { color: #D3AE1C; }

#mainnav ul {
	position: absolute;
	border-top: 1px solid #B48E38; border-left: 1px solid #B48E38; border-right: 1px solid #B48E38;
	height: auto;
	width: 160px;
	padding: 0px;
	list-style: none;
	margin: -3px 0 0 9px;
	text-align: left;
	background: #763638;
	color: #FFF;
	display: none;
}

#mainnav li ul li { margin: 0; float: none; }
#mainnav li ul li a { float: none; height: auto; padding: 5px; color: #FFF !important; background: #763638; border-bottom: 1px solid #B48E38; _height: 20px; _line-height: 15px; }

#mainnav li ul li a:hover { background-color: #B48E38; color: #FFFFFF; _height: 20px; _line-height: 15px; }
#mainnav li:hover ul { display: block; }
#mainnav li.iehover ul { display: block; }

/* dropdown navigation ends */
#footearea { width: 962px; height: 38px; padding: 10px 0px 0px; margin: 0px; float: left; overflow: hidden; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#footerleft { width: 480px; float: left; text-align: left; }
#footerright { width: 400px; float: right; text-align: right; }

#footerright .boldphone { color: #F8EBB9; font-weight: bold; font-size: 14px; }
#footerright .webcredit { color:#CCCCCC; font-size: 11px; padding: 10px 0px; margin: 0px; } 
#footerright a, #footerright a:hover { color: #FFFFFF; }
#footerright br { margin: 10px 0px; }


#contentarea { width: 946px; padding: 0px 8px 15px; margin: 0px; float: left; overflow: hidden; text-align: left; }

#sideleft { width: 184px; padding: 0px 8px 0px 0px; margin: 0px; float: left; overflow: hidden; }
#centercolumn { width: 531px; padding: 24px; margin: 0px; float: left; overflow: hidden; border: 1px solid #D3AE1C; }
#fullcolumn { width: 718px; padding: 24px; margin: 0px; float: left; overflow: hidden; border: 1px solid #D3AE1C; }
#sideright { width: 167px; padding: 0px; margin: 0px; float: right; overflow: hidden; }

#sideleft h3, #sideright h3 { padding: 5px 15px; margin: 0px; font-size: 14px; color: #FFFFFF; background: #703235; display: block; border-bottom: 2px solid #FFFFFF; }
#leftcontent { width: 154px; padding: 15px 15px 0px 15px; margin: 0 0 10px 0; float: left; background: url(img/main/bg-sidecolumns.gif) repeat;}
#leftcontent div.widget-box{margin-bottom: 10px;}
/*  Calendar Customization  */
#leftcontent ul{padding:0 0 0 10px; margin:0;}
#leftcontent ul li{
	list-style:none;
	list-style-type:none;
	padding:0 0 10px 0;}
	
#leftcontent ul li ul{
	list-style:none;
	list-style-type:none;
	padding:0;
	margin:0;
	}
#leftcontent ul li ul li{
	list-style:none;
	list-style-type:none;
	padding:0px;
	margin:0;}
	
#leftcontent ul li ul li ul{
	list-style:none;
	list-style-type:none;
	padding:0 0 0 3px;
	margin:0;
	}
	
#leftcontent ul li ul li ul li{
	list-style:none;
	list-style-type:none;
	padding:0;
	margin:0;
	}
	
   .calnk a:hover {
         background-position:0 0;
         text-decoration:none;  
         color:#000000;
         border-bottom:1px dotted #000000;
         }
    .calnk a:visited {
         text-decoration:none;
         color:#000000;
         border-bottom:1px dotted #000000;
        }
    .calnk a {
        text-decoration:none; 
        color:#000000; 
        border-bottom:1px dotted #000000;
        }
    .calnk a span { 
        display:none; 
        }
    .calnk a:hover span {
        color:#333333; 
        background:#F6F79B; 
        display:block;
        position:absolute; 
        margin-top:1px; 
        padding:5px; 
        width:150px; 
        z-index:100;
        }
     .calendar-table {
        border:none;
        width:100%;
     }
     .calendar-heading {
        height:25px;
        text-align:center;
        border:1px solid #D3AE1C;
        background: url(img/main/bg-sidecolumns.gif) repeat;
     }
     .calendar-next {
        width:25%;
        text-align:center;
     }
     .calendar-prev {
        width:25%;
        text-align:center;
     }
     .calendar-month {
        width:50%;
        text-align:center;
        font-weight:bold;
     }
     .normal-day-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #D3AE1C;
        background: url(img/main/bg-sidecolumns.gif) repeat;
     }
     .weekend-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #D3AE1C;
        background: url(img/main/bg-sidecolumns.gif) repeat;
        color:#FF0000;
     }
     .day-with-date {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #D3AE1C;
     }
     .no-events {

     }
     .day-without-date {
        width:60px;
        height:60px;
        border:1px solid #E9F0E8;
     }
     span.weekend {
        color:#FF0000;
     }
     .current-day {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #BFBFBF;
        background: url(img/main/bg-sidecolumns.gif) repeat;
     }
     span.event {
        font-size:0.75em;
     }
     .kjo-link {
        font-size:0px;
		overflow:hidden;
		text-indent: -99999px;
        text-align:center;
     }
     .event-title {
        text-align:center;
        font-weight:bold;
        font-size:1.2em;
     }
     .event-title-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .event-content-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .calendar-date-switcher {
        height:25px;
        text-align:center;
        border:1px solid #D3AE1C;
        background: url(img/main/bg-sidecolumns.gif) repeat;
     }
     .calendar-date-switcher form {
        margin:0;
        padding:0;
     }
     .calendar-date-switcher input {
        border:1px #D3AE1C solid;
     }
     .calendar-date-switcher select {
        border:1px #D3AE1C solid;
     }
     .cat-key {
        width:100%;
        margin-top:10px;
        padding:5px;
        border:1px solid #D3AE1C;
     }
	 
.wpf-selector {display:none; visibility:hidden; height:1px;}

#rightcontent { width: 137px; padding: 15px; margin: 0px; float: left; background: url(img/main/bg-sidecolumns.gif) repeat; border-bottom: 5px solid #FFFFFF;  }


/*  Countdown Customization  */
#sidecountdown { width: 164px; padding: 5px 10px; margin: 0 0 10px 0; float: left; background: url(img/main/bg-countdown.gif) no-repeat; text-align: center; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
 
#sidecountdown ul{padding:0; margin:0;}
#sidecountdown ul li{ list-style:none; list-style-type:none; padding:0 0 10px 0;}
#sideweather { width: 164px; padding: 5px 10px 0 10px; margin: 0px; float: left; overflow: hidden;
			   text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: url(img/main/bg-sidecolumns.gif) repeat; }		
#countdown-count { border: none; }	   	

.clear{ clear:both;}