/*NOTE fron JJS1 - 
I changed all 950px widths to 980px
This was to fix a css error in IE6. 
Doesnt change anything in other browsers
*/
.hide {
display: none;
}

.hide1 {
display: block;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #451C1C;
	background-repeat: repeat;
	background-position: left top;
}

#booking {
	background-image:url(../images/frame_grey_01.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	border:1px solid #B8BABA;
	margin:0px;
	width:500px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#panelHead {
	padding: 0px;
	width: 950px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 151px;
	position: relative;
}
#wrapperMenuHorizontal {
	padding: 0px;
	background-image: url(images/menuBack.png);
	background-repeat: repeat-y;
	background-position: center top;
	width: 100%; 
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto; /*JJS1 - changed from auto to center the menu back img*/
	clear: both;
}
#wrapperMenuHorizontal #panelMenuHorizontal {
	width:500px; /*JJS - change this width to center with different # of list items*/
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
	margin-top: 0px;	
	margin-bottom: 0px;
	height: 35px; 

}
 
#wrapperMenuHorizontal #panelMenuHorizontal ul {
	padding: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 0px;

}
#wrapperMenuHorizontal #panelMenuHorizontal ul li {
	display: inline;
}
#wrapperMenuHorizontal #panelMenuHorizontal ul li a {
	display:block;
	float:left;
	padding: 5px 10px 5px 10px;
	margin: 4px;
	font-weight: bold;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
}
#wrapperMenuHorizontal #panelMenuHorizontal ul li a:hover {
	background-color: #D7FFFF;
	color: #330000;
}

#wrapperMain {
	width: 950px;
	margin-top: 0px;  
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-color: #FFFFFF;
	overflow: hidden;
	padding:0px;
}
#wrapperMain #panelMenuVertical {
	padding: 0px;
	float: left;
	background-color: #C6FFFF;
	background-image: url(images/background_tile_icy2.jpg);
	width: 200px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#wrapperMain #panelMenuVertical ul {
	margin:0px;
	padding: 0px;
	list-style-type: none;
}
#wrapperMain #panelMenuVertical ul li{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #99CCCC;
	border-left-color: #FFFFFF;
}
#wrapperMain #wrapperLeft #panelMenuVertical ul li  a {
	text-decoration: none;
	color: #336699;
	font-size: 14px;
	font-weight: normal;
	padding: 0px;
	display: block;
	margin: 10px;
}

#wrapperMain #panelRight p {
	font-style: italic;
	margin-top: 10px;
	font-size: 12px;
	line-height: 24px;
	color: #330000;
	padding-right: 10px;
}
#wrapperMain #checkReservationsBox {
	width: 200px;
}
#wrapperMain #wrapperLeft {
	width: 200px;
	float: left;
	background-color: #CCFFFF;
	background-image: url(images/background_tile_icy2.jpg);
	height:1500px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -1000px;
	margin-left: 0px;

}

#booking h2{
background-color:#F4F4F4;
clear:both;
display:block;
float:left;
font-size:14px;
line-height:14px;
margin:-14px 10px 0;
overflow:visible;
padding:0 0px;
z-index:99;
}
#wrapperMain #wrapperLeft #checkReservationsBox h2,
#wrapperMain #wrapperLeft h2 {
	font-size: 14px;
	color: #336699;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	display:block;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #99CCCC;
	border-left-color: #FFFFFF;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#wrapperMain #wrapperLeft #checkReservationsBox td {
	font-size: 12px;
	padding: 3px;
}


#wrapperMain #wrapperMiddlePanel {
	width: 550px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#wrapperMain #wrapperMiddlePanel_results {
	width: 650px;
	float: left;
	margin: 0px;
	padding: 0px;
}
#wrapperMain #panelMiddleFull h1 {
	font-size: 24px;
	line-height:42px;
	color: #330000;
	margin: 0px;
	padding: 0px;
}
#wrapperMain #panelMiddleFullAndTall h1 {
	font-size: 24px;	
	color: #330000;  
	margin: 0px;
	padding: 0px;
}

#wrapperMain #panelMiddleHalfLeft h2,
#wrapperMain #panelMiddleHalfRight h2 {
	font-size: 16px;
	color: 330000;
	margin: 0px;
	padding: 0px;
}

#wrapperMain p {
	font-size: 13px;
	line-height: 19px; 
	margin: 0px;
	padding: 0px;  
}
 

#wrapperMain #wrapperMiddlePanel #panelMiddleFull {
	padding: 0px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px; 
}

#wrapperMain #wrapperMiddlePanel #panelMiddleFullAndTall {
	padding: 0px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px; 
}

/*information.php*/
#panelMiddleFullContentBg{
padding-top:10px;
padding-bottom:20px;
padding-left:10px;
padding-right:10px;
/*background-color:#000099;*/
}
#page{ font-size:13px; line-height:26px;}

#wrapperMain #wrapperMiddlePanel #panelMiddleFullContent {
	padding: 0px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;  
}
#wrapperMain #panelMiddleFullContent h1 {
	font-size: 24px;
	color: #330000;
	margin: 0px;
	padding: 0px;
}
 
	/* pager */
	#textPager{
	font-size:12px;	
	width:520px;
	padding-left:20px;
padding-top:10px;
	margin:auto;
	}
	#textPager #leftBut{
	width:80px; height:50px; float:left; background:url(images/leftArr.png) no-repeat ;
	}
	#textPager #leftBut:hover{ cursor: pointer;
	width:80px; height:50px; float:left; background:url(images/leftArrHover.png) no-repeat ;
	}
	#textPager #leftBut a{
	position:relative; left:60px; top:7px;  
	}
	#textPager #leftBut a:hover{
	text-decoration:underline; cursor: pointer
	}
 	
	
	#textPager #rightBut{
	width:80px; height:50px; float:right;  background:url(images/rightArr.png) no-repeat  ;
	}
	
	#textPager #rightBut a{
	position:relative; right:70px; top:7px; 
	}	
	#textPager #rightBut a:hover{ 
 	 text-decoration:underline;  cursor: pointer
	}	
	

	#textPager #rightBut:hover{ cursor: pointer;
	width:80px; height:50px; float:right;  background:url(images/rightArrHover.png) no-repeat  ;
	}
	#textPager #pageNum{  margin-bottom:10px; 
	}
	/*END pager*/
	/*END pager*/


/**/
#wrapperMain #wrapperMiddlePanel #panelMiddleHalfLeft,
#wrapperMain #wrapperMiddlePanel #panelMiddleHalfRight #panelMiddleHalfLeft1, panelMiddleHalfLeft2, panelMiddleHalfLeft3 {
	float: left;
	width: 225px;
	margin: 10px;
	padding: 0px;
}
#wrapperMain #wrapperMiddlePanel .readMore,
#wrapperMain #panelRight .readMore {
	width: 100%;
	text-align: right;
	display: block;
	font-style: italic;
}

label {
	display: block;
	margin: 10px;
	padding: 0px;
	font-size: 12px;
}

#wrapperMain  #panelRight  {
	float: left;
	width: 200px; 
	margin: 0px;
	padding: 0px;

}
#wrapperMain #panelRight .readMore {
	margin-right: 5px;
}
#wrapperMain #panelRight img.logo {
	margin: 0px; 
	padding: 0px;
}
#wrapperMain #panelRight img.tree{
	margin: 0px; 
	padding: 0px;
}

.contactcard {
	margin: 30px 30px 30px 60px; 
	padding: 0px;
}
/* JJS - added because of extra white space in IE above tree image*/
*html #wrapperMain #panelRight img.tree {
	margin: -3px 0px 0px 0px ; 
	padding: 0px; 
}
#wrapperMain #wrapperMiddlePanel a,
#wrapperMain #panelRight a {
 font-family: tahoma,arial,helvetica,sans-serif;
 
  	color:black;
	text-decoration: none;
}
ul{ margin-top:10px; margin-bottom:10px}
ul li{ font-family: tahoma,arial,helvetica,sans-serif; font-size:13px; margin-left:20px}

#wrapperMain #clearingDiv {
	clear: both;
}
#wrapperMain #panelFooter {
	padding: 0px;
	float:left;
	margin-top: 20px; 
	width:450px; padding:5px; 
	margin-bottom: 10px;
	margin-left: 215px;
}
#wrapperMain #panelFooter a {
	margin: 10px;
	padding: 0px;
	text-decoration: none;
	color: #330000;
	font-size: 10px;
	display: inline;
}
#wrapperMain #panelFooter a:hover { text-decoration:underline}

#wrapperMain #wrapperLeft #checkReservationsBox table {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #99CCCC;
	border-left-color: #FFFFFF;
}

#error
color:#FF0000;
font-style:italic;
}

#example_6 {  
        position: relative; /* important */  
        overflow: hidden; /* important */  
        width: 640px; /* important */  
        height: 540px; /* important */  
        margin: 0;  
        background: #fff;  
}  
     
#example_6_content {  
       position: absolute;  
       top: 0;  
	 margin-left: 0;  
}  
     
#example_6_content  
#example_6_content li {  
       list-style: none;  
       margin: 0;  
       padding: 0;  
}  
#example_6_content {  
           width: 13440px;  
}  
#container_bd #example_6 ul li {  
           display: block;  
           float: left;  
           margin: 0;  
           padding: 0;  
           border: none;  
           background-color: #fff;  
}  
    
#container_bd #example_6 ul li img {  
       display: block;  
}  
     
#example_6_frame {  
       position: relative;  
       margin: 485px 131px 0 131px;  
}  

#container_bd #example_6_frame ul li {  
       margin: 0 2px;  
}

#container_bd #example_6_frame ul li img{  
       border: 1px solid #9cf;  
       padding: 2px;  
}  

#container_bd #example_6_frame ul li img:hover {border: 1px solid #369;}  


/* example_3 css */
#example_3 {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 470px; /* important */
	height: 86px; /* important */
	margin: 0 85px;
	background: #000;
}

#example_3_frame {position: relative}
#example_3_previous {float: left;}
#example_3_next {float: right;}
#example_3_content {
	position: absolute;
	top: 0;
	margin-left: 20px;
}

#example_3_content
#example_3_content li {
	list-style: none;
	margin: 0;
	padding: 0;
}
	#example_3_content {
		width: 5418px;
	}
	#container_bd #example_3 ul li {
		display: block;
		float: left;
		margin: 5px;
		padding: 5px;
		border: 1px solid #666;
		background-color: #000;
	}

#container_bd #example_3 ul li img {
	display: block;
}

#banner_container
{
	width: 950px;
	height: 151px;
	position: relative;
}

#banner_container img
{
	width: 950px;
	height: 151px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}

img.show
{
	display: none;
	z-index: 1 !important;	
}

#header2 {

margin:0 0 8px;
position:relative;
width:100%;

}

/* info_welcome.php,  */
#booking.articles{  margin-left:-5px;  }
#booking.articles h2{ padding-left:10px; padding-right:10px; font-size:16px; margin-bottom:10px;}
#page{margin:10px; }

.html_text{ clear:both}
.html_text img {  margin:0px }

#image1, #image1 img { width:200px; height:133px; margin:0;padding:0 }
#image2, #image2 img { width:200px; height:133px; margin:0;padding:0 }
#image3, #image3 img { width:200px; height:133px; margin:0;padding:0 }


/* contact-us.php */
form#contactForm{ margin-top:10px}

/* general */
#titleBox{ margin:auto; width: 420px; 
}
h2.title{ background-color:#FFFFFF; color:#330000; font-size:18px; margin-top:-13px; margin-bottom:10px;    text-transform:capitalize; float:left;  }
h2.title a{color:#330000;   text-transform:capitalize; }
 

div.borderPage{border:1px solid #B8BABA; float:left; width:480px;  margint-top:32px  } 
div.borderPage_results{border:1px solid #B8BABA; float:left; width:726px;  margin-top:12px  } 
div.border{border:1px solid #B8BABA; float:left; width:480px; margin:20px 20px 40px 20px;  } 
.html_text{ 
margin:10px;	
font-size: 13px;
//line-height: 26px;
 
padding: 0px;}
 
.html_text_rooms{ 
margin:10px;	
margin-left:20px;
padding: 0px;}
 
/*  */
div.photos{
	float:left; 
	padding-left:5px;
	border:none;
	width:690px; 
	padding-left: 10px;
}
 

 
/* step1.php  */ 
.booking-contact{ padding:20px }
.errorMsg{
font-size:10px; color:#990000; float:right;
}

td.errorCell{ height:5px; }
#contactDetTable{  }

/* admin/index.php */
#adminTable td{
font-size:11px
}
#adminTable2{font-size:11px}

.adminNote{ font-size:11px;}

/* admin/edit.php  - Edit bookings*/
table#editBooking { width:350px; }
#editBooking.colored{ background-color:#E5E5E5 }

i.message{ font-size:13px; margin-left:20px; }


/* index.php */

 #wrapperMain #panelMiddleFull h1#headWelcome{ margin-top:-20px; background-color:#FFFFFF; width:440px; margin-left:20px; padding-left:10px }
 
/* ssi/headers*/ 


/* ssi/headers*/ 

#fadeBlock{
 position:relative; margin:auto; margin-top:-151px;   z-index:1000;  width:950px; height:151px;
}

#banner_info{
width:300px;
height:150px;
position:absolute;
right:-40px;
top:20px;
z-index:3000;
}
#banner_info font{
font-size:14px; color:#FFFFFF;  font-style:italic; 
}
#banner_info span#bannerHead{
font-size:20px; font-style:italic; color:#451C1C; font-family:Georgia, "Times New Roman", Times, serif
}

/* light blue - left hand bar*/
#priceGuide{
font-size:11px; color:#336699; margin: 10px 10px 10px 10px; background-color:#DAEEEF; padding:8px 10px 8px 10px; border:1px solid #99C1C5; 
}
#priceGuide hr{ color:#DAEEEF;    margin-left:5px; margin-right:5px; margin-top:5px; }


/* Photos.php */
.margLeft20{ margin-left:20px; }
.margLeft30{ margin-left:30px;}
#photoBorder{border:1px solid #B8BABA; float:left; width:510px; margin:10px 20px 40px 20px; }

/* Rooms.php */
#roomsBorder{
border:1px solid #B8BABA; float:left; width:510px; margin:10px 20px 40px 20px; 
}

/* contact-us.php*/
#contactBorder{margin:10px 20px 40px 20px}

#face_twit{ width:100%; text-align:center; margin-top:10px;}
#face_twit a img{ border:0px}