* {
   margin: 0;
   padding: 0;
}
body {
	background:url(img/bg.jpg) center top no-repeat;
}
/* GENERAL STYLINGS */
a { border:0px; }

p {
   margin: 10px 0;
}
h1 {

}
h1 span.highlight {
	color:#ff0000;
	font-weight:lighter;
}
h2 {
   clear: both;
   font-size: 10pt;
   border-bottom: 2px solid #000;
   font-weight: bold;
   margin-top: 30px;
}
h3 {
	color:#604846;
	font-size:14px;
	margin:5px 0 5px 0;
}
ol, ul {
   font-family: Verdana, sans-serif;
   font-size: 10pt;
}
ul {
   padding-left: 1.3em;
   list-style-type: square;
   font-size:11px;
}
li {
   margin-bottom: 1em;
}
ol {
   padding-left: 1.8em;
}
.detail {
   margin: 2px;
   padding: 4px;
   overflow: hidden;
}
.spacer {
    clear: both;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* WRAPPERS & PANELS */

div.contentWrapper {background:url(img/mainBg.gif) repeat-x 0 15px;}
div.content {width:950px; margin:0 auto; padding:15px 0 0 0; font-family:Arial, Helvetica, sans-serif;}

div.leftPnl {width:615px; float:left; padding:15px 5px 0 0;}
div.rightPnl {width:325px; float:left; padding:5px 0px 0 5px;}

div.rightPnl div.linksWrap {padding:10px 0 0 0;}
div.rightPnl div.linksWrap img {padding:1px;}

div.rightPnl img {border:0px;}
div.rightPnl img.banner {margin:5px 0px;}

/* HEADER */
div.header {margin:0px 0 0 0; font-family:Arial, Helvetica, sans-serif;}
div.brand {width:350px; float:left; display:block;}
div.brand img {border:0px; float:left;}
div.contactInfo {width:370px; float:right; text-align:right; display:block;}
div.contactInfo span.left {float:left; font-weight:normal; text-align:right; font-size:11px; line-height:1.4em; color:#727272; padding:11px 5px 0 0;}
div.contactInfo span.right {float:left; font-weight:bold; text-align:left; font-size:20px; font-weight:bold; padding:9px 0 0 5px;}

div.mainRotate {background:#ffffff; margin:0 0 10px 0;}

/* NAVIGATION */
div.navigation {background:url(img/nav_bg.jpg) no-repeat; text-transform:uppercase; display:block; }
div.navigation li {
		float: left;
		line-height: 15px;
		list-style:none;
		margin:0px;
			}			
div.navigation li a {
			color: #fff;
			text-decoration: none;
			display: block;
			float: left;
			height: 22px;
			margin: 0 5px;
			padding: 5px 5px 0 5px;
			 font-size:10px;
		}			
div.navigation li a.current {
			background-color: #f18c2a;
			color: #333333;
			
		}
div.navigation li a:hover {
			background-color: #fcfcfc;
			color: #333333;
		}			

/* CONTENT */

div.textBox {background:#fff; padding:5px; margin:10px 0; line-height:1.1em;}
div.textBox div.textBoxContent {border:1px solid #ccc; padding:10px 5px 5px 10px; font-size:11px;}
div.textBox div.textBoxContent h1 {font-weight:bold; font-size:14px; }
div.textBox div.textBoxContent img { float:left; padding:10px 15px 5px 0px; border:0px;}
div.textBox div.textBoxContent p{ padding:0 5px 0 0px;}



div#footer {background:url(img/footerBg.gif) repeat-x #919191; padding:7px 10px;}
div#footer div.footerWrap {margin:0 auto; width:950px; font-family:Arial, Helvetica, sans-serif;}
div#footer div.footerWrap div.footerTop {height:25px; }

div#footer div.footerWrap div.footerTop li { float: left; list-style:none; margin:0px; }			
div#footer div.footerWrap div.footerTop li a {
			color: #fff;
			text-decoration: none; text-transform:uppercase;
			display: block;
			float: left;
			margin: 0 5px;
			padding: 0px 5px 0 5px;
			 font-size:10px;
		}	
div#footer div.footerWrap div.footerBot {color:#fff; text-transform:uppercase; font-size:10px;}
div#footer div.footerWrap div.footerBot .phLogo {float:left; padding:0 10px 10px 25px; border:0px;}

#content table {
    width: 100%;
    clear: both;
	border:1px solid #ccc;
	border-collapse:collapse;
	background:#FFFFDE;

}
#content table .tdbg {
	background-color:#ccc;
}
#content td, #content th {

   font-family: Verdana, sans-serif;
   font-size: 10px;  
   text-align: center;
   width: 120px;
	border:1px solid #ccc;
	padding:5px;
}

#content table .priceHead, #content table .priceSide  {
	font-weight:bold;
		background-color:#e5e5b5;
}
.disclaimer {
	font-size:9px;
	color:#484848;
}

#calendars div {
    margin: 0 5px 5px 0;
    float: left;
    height: 160px;
}
#calendars table {
    width: 200px;
    
}
.key div {
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid #000;
}

/* NEWS */

div#NewsWrap {
	background:#fff; padding:5px;
}
div#NewsVertical {
	overflow:hidden;
	height: 190px;
	border:1px solid #ccc; padding:10px 5px 5px 10px; font-size:11px;
}	
ul#news-brief-list {
	list-style: none;
	padding-left:0px;
}
ul#news-brief-list li {
    padding: 10px 0;
    zoom: 1;
    border-bottom: 1px #ccc solid;
}
ul#news-brief-list li h3 {
    margin-bottom: 0;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0em;
    background-color: #fff;
	
} 
ul#news-brief-list li h3 a {
    color: #000;
    line-height: 13px;
	text-decoration:none;
} 		
ul#news-brief-list p {
    line-height: 14px;
    font-size: 11px;
    margin-bottom: 0;
	margin-top:5px;
    padding-bottom: 0;
	padding-right:0px;
	margin-right:0px;
}			
ul#news-brief-list p a {
	color:000;
}
div.calendar-date {
	background: url('img/bg_calendar.gif') no-repeat;
	width: 36px;
	height: 47px;
	float: left;
	margin-right: 10px;
}
div.calendar-date span {
    text-align: center;
    display: block;
}
span.month {
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 10px;
    padding-top: 4px;
}
span.day {
    font-size: 18px;
    font-weight: bold;
    line-height: 16px;
    padding-top: 1px;
}	
span.year {
    color: #999;
    font-size: 9px;
    line-height: 9px;
    font-weight: bold;
    padding-top: 0px;
    
}

/* LOCAL ATTRACTIONS */


div.localMap {float:left; width:350px;}
div.localAccord {float:left; width:210px;}


img.imgMap {border:0px;}
.mytip .tip { background:url(img/mapTitleBg.gif) no-repeat; padding: 10px 0px 0px 0px; width: 200px; font-family:Arial, Helvetica, sans-serif;}
.mytip .tip h1 {color:#fff; font-size:16px; margin:5px 0 0 0; padding:5px 0px 9px 5px; background:#c40000;}
.mytip .tip p {color:#fff; font-size:12px; margin:0px; padding:0px 0 0 5px; }

ul.dropdown {padding:0px; margin:0px;}
div.textBox div.textBoxContent ul.dropdown p {margin:5px 5px; color:#fff; padding:5px; }
div.textBox div.textBoxContent ul.dropdown a {color:#fff; font-weight:bold; margin:2px 0 2px 0;}

ul.dropdown li{list-style:none; background:url(img/attrItemBg.gif) no-repeat; padding:5px 0px; margin:0px; }
a.toggler {margin:0px; padding:0px 0 0px 35px; color:#fff; text-decoration:none; font-weight:bold; display:block;}

.gallery-container { display: block; padding-top: 5px; padding-bottom: 15px; visibility: hidden; opacity: 0; height: 0px; background:#666666; }


img.subCatBan {margin:5px 0; border:0px; padding:0px;
}

/* APPLICATION FORM */

.formContent {padding:15px 0 0 0; }
.formContent label {float:left; width:150px; text-align:right; padding:0 10px 0 0; font-size:12px; font-weight:bold; color:#616161;}
.formContent label, .formContent input, .formContent textarea {margin-top:10px; font-family:Arial, Helvetica, sans-serif;}
.formContent select {}
.formContent input, .formContent textarea {font-size:12px; padding:2px; width:350px;}
.formContent #experience {height:200px; width:350px;}
.formContent #address {height:100px; width:250px;}
.formContent .button {width:131px; height:37px; margin: 10px 0 0 50px;}
.formContent select {font-size:12px; margin-top:10px;}
.formContent input.radio {width:20px;}
.formContent .submit {width:auto;}

.radioWrap {text-align:left;}
/****** events box */
div.textBox div.calendarContent {border:1px solid #ccc; padding:10px 2px 5px 8px; font-size:11px;}


div.textBox div.calendarContent h2{
	font-size:14px; color:#333; 
	padding:6px 0 20px 4px;
	border:0px;
	margin:0px;
}
.eventstopboxmiddle{
	margin:0 0 0 0px;
	padding:0;
}



.bgcolorgrey {
	width:520px;
	background-color:#dddddd;
	padding:5px 0 5px 0;
	margin:0 0 0 2px;
	border-left:1px  solid #565656;
		
}

div#daysOfWeek span {
	text-transform: uppercase;
	background-color: #aaa;
	color: #fff;
	font-size: 10px;
	width: 40px;
	margin-bottom: 5px;  
	float: left;
	text-align: center; 
	margin-right: 5px; 
}
.previousMonth {
	float: left;
	background: url('img/previous.jpg') no-repeat 0 2px;
	padding-left: 10px;
	font-size: 11px;
	
	color: #000;
}
.nextMonth {
    float: right;
    background: url('img/next.jpg') no-repeat right 2px;
    padding-right: 10px;
    font-size: 11px;
    color: #000;
}
h1#eventTitle {
	color: #333;
	font-size: 25px;
	font-weight: normal;
	line-height: normal;
	
}
#controller {
	text-align: center;
	border-bottom: 1px #ccc solid;
	height: 18px;
	margin-right: 5px;
	padding: 4px;
	font-weight: bold;
	margin-bottom: 5px;
}
ul#eventsCalendar {
    list-style: none;
    margin: 0;
    padding: 0;
    clear: both;
}
	ul#eventsCalendar li {
        margin: 0;
        padding: 0; 
        margin-right: 5px; 
        width: 40px;
        float: left;
        text-align: center; 
        margin-bottom: 5px;              
	}

    ul#eventsCalendar li.cday {
        height: 30px;
        border: 1px #aaa solid; 
        width: 38px;   
        background-color: #f9f9f9;
        font-size: 25px;
        padding-top: 10px;
        color: #999;
    }  
    ul#eventsCalendar li.dayOfEvent {
        cursor: pointer;
        border: 1px #333 solid; 
        color: #333;
        background-color: #fffed5;
    }     
    ul#eventsCalendar li div.eventPreview {
        color: #fff;
        position: absolute;
        display: none;
        width: 200px;
        z-index: 1000;
        text-align: left;
        background: url('img/mapTitleBg.gif') no-repeat;
        margin-left: 12px;
        margin-top: 5px;
    } 
	    ul#eventsCalendar li div.eventPreview h1 {
	        color: #fff;
	        font-size: 16px;
	        margin-bottom: 10px;
	        padding-top: 16px;
	        padding-left: 10px;
	    }
        ul#eventsCalendar li div.eventPreview a {
            color: #fff;
            font-size: 12px;
            display: block;
            border-bottom: 1px #c40000 solid;
            padding: 10px 10px 10px 10px;
            margin: 0;
            text-decoration: none;
            line-height: 14px;  
        }
        ul#eventsCalendar li div.eventPreview a span {
            font-size: 9px;
        }        	 
        ul#eventsCalendar li div.eventPreview a:hover {
            background-color: #c40000;  
        }           
	    
.off a {
    font-weight: normal;
}
.on a {
    font-weight: bold;
}

img.extBot {
	margin-bottom:570px;
}
div#calendar ul.months li div.currentDate {background-color:#ccc;}

select.monthSelect  {
	width:290px;
	margin:0 0 0 4px;
	font-size:12px;
}

/* thumbnail slider begin */

/* apply the gallery design - links slider */
#gallery_container {  width:492px ; height:94px ; margin:10px auto 10px; background:#EBE2E5 ; padding:7px 0px 0px; display:block; position:relative; }
/* the width is set to show the number of thumbnails that will be visible */
#thumb_container{ position:relative ; overflow:hidden ; width:700px ; height:90px ; margin:0px auto 0px;  }
/* the thumbnails container */
#thumbs { white-space:nowrap; display:block; position:relative; }

#thumbs a { padding:0px; margin:0px; }
#thumbs a img{ border:1px #333333 solid; }

/* DIV container slider example */
#gallery_container2 {  width:492px ; height:134px ; margin:10px auto 10px; background:#EBE2E5 ; padding:7px 0px 0px; display:block; position:relative; }

/* create custom forward-backward buttons for this container */
#gallery_container2 .addfwd { display:block; position:absolute; cursor:pointer; width:25px; height:134px; top:0px; right:0px; background:url(img/gallery_fwd2.jpg) no-repeat center;  }
#gallery_container2 .addbkwd { display:block; position:absolute; cursor:pointer; width:25px; height:134px; top:0px; left:0px; background:url(img/gallery_back2.jpg) no-repeat center;  }

/* the width is set to show the number of thumbnails that will be visible */
#thumb_container2{ position:relative ; overflow:hidden ; width:442px ; height:130px ; margin:0px auto 0px; }
/* the thumbnails container; set a width on it so everything will be fine */
#thumbs2 { display:block; position:relative; width:6000px; }

#thumbs2 div.thumbnail { display:block; position:relative; float:left; margin-right:30px; font-size:11px; width:84px; text-align:center; }

#thumbs2 a { padding:0px; margin:0px; clear:both; display:block; }
#thumbs2 a img{ border:1px #333333 solid; }

/* the forward and backward buttons */
.addfwd { display:block; position:absolute; cursor:pointer; width:25px; height:101px; top:0px; right:0px; background:url(img/gallery_fwd.jpg) no-repeat;  }
.addbkwd { display:block; position:absolute; cursor:pointer; width:25px; height:101px; top:0px; left:0px; background:url(img/gallery_back.jpg) no-repeat;  }
/* thumbnail slider end */

hr {
	background-color:#999999;
	border:0px;
	height:1px;
	margin:10px 0 10px 0;
}