/* Standard Colours are stored at the top here */
/* Find and replace can then easily change them all */
/* Pale Blue: #b4e5ff; */
/* Dark Grey: #404040; */
/* Dark Green: #055d25; */

body
{
    font: 12px Verdana, Arial;
    background: silver;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color:white;
}

#reservatee
{
    float: right;
    clear: none;
    margin-top: 18px;
    margin-right: 10px;
}

#offersBox
{ 
	background-color: #b4e5ff;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
}

#offersBox h3
{
	color: #404040;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


h1 
{
    font-size: 16px;
    font-weight:bold;
    color:#b4e5ff;
}
h2 
{
    font-size: 14px;
    font-weight:bold;
    color:#b4e5ff;
}

h3 
{
    font-size: 12px;
    font-weight:bold;
    color:#b4e5ff;
}

h4 
{
    font-size: 12px;
    font-weight:bold;
    color:#b4e5ff;
}

#header
{
    /*background-color:#99662a;*/
    height: 100px;
    width: 826px;
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
    background: url(../images/Header01.jpg) #404040 no-repeat center center;
}


#menuBar
{
	background-color:#b4e5ff;
	width: 786px;
	height: 15px;
    border-right: silver 1px solid; 
    border-top: silver 1px solid; 
    border-left: silver 1px solid; 
    border-bottom: silver 1px solid; 
    padding-top: 4px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding-bottom: 3px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding-left: 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding-right: 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */ 
    
    }
    
#menuBar a 
{
	color:Black;
	text-decoration:none;
}

#menuBar a:hover 
{
	/*background-color:Red;*/
	color:#055d25;
	text-decoration: underline;
}


.contactPanel
{
    z-index: 100;
    left: 105px; 
    position: relative; 
    top: 80px;
    width: 232px;
    color: #006600;
    letter-spacing: 90%;
}

.contactPanel a
{
    font-weight:normal;
    text-decoration: none;
    color: #006600;
}

.contactPanel a:hover
{
    font-weight:normal;
    text-decoration: none;
    color: #202020;
}

.dateBox
{
    z-index: 100;
    color: black;
    text-align:right;
    vertical-align:middle;
    }
    
.menuPopOut
{
    z-index:200;
}

.mainMenu
{
    z-index: 200;
    left: 60px; 
    position: relative; 
    top: 110px;
    width: 100px;
    text-align:left;
    height:290px; 
    line-height: 35px;
}
.mainMenu a 
{
    color: #202020;
    text-decoration: none;
    font-weight:bold;
}
.mainMenu a:hover
{
    color: #006600;
}
.imgHolder
{
    clear: none;
    float: right;
    padding: 10px 00px 10px 10px;
}

.imgHolder_left
{
    clear: none;
    float: left;
    padding: 10px 10px 10px 00px;
}
.imgHolder_middle
{
    clear: none;
    padding: 10px 10px 10px 10px;
}

#contentPanel1
{
    z-index: 100;
    position: relative; 
    left: 00px; 
    top: 0px;
    margin: 0px 0px 0px 0px;

    padding-top: 00px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding-bottom: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding-left: 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding-right: 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */ 
	    
}

#contentPanel1 a
{
    font-weight:bold;
    text-decoration: none;
    color:White;
}

#contentPanel1 a:hover
{
    font-weight:bold;
    text-decoration: none;
    color: #b4e5ff;
}


#footer
{
    z-index:100;
    color: #b4e5ff;
    text-align: center;
    background-color:#404040;
    padding: 5px 10px 5px 10px;
    line-height:150%;
    border: none 0px;
}

#footer a
{
	color: #b4e5ff; 
	text-decoration:none;
}

#footer a:hover
{
	color: #b4e5ff; 
	text-decoration:underline;
}

    
.bigLines
{
    line-height: 20px;
}

.mediumLines
{
    line-height: 15px;
}

.centreLines
{
    text-align: center;
}


.boldText
{
	font-weight:bold;
}

.italicText 
{ 
    font-style: italic; 
}

.rightLines
{
    text-align: right;
}



.oneColFixCtr #container {
/*	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
/*	height: 700px; */
	min-width:830px;
	width: 830px;
	background: white;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top:25px;
	padding: 0px;
}
.oneColFixCtr #mainContent { 
	padding: 0px 0px 25px 0px; 
	margin: 0 auto;
	background-attachment:scroll ;
	background-repeat:no-repeat;
	min-width:828px;
	width: 828px;
    /*min-height:670px;
	height: 670px;*/
	background-color:#055d25;
	left:0px;
	top:0px;
    border-right: silver 1px solid; 
    border-top: silver 1px solid; 
    border-left: silver 1px solid; 
    border-bottom: silver 0px solid; 

}

.oneColFixCtr #mainContent p 
{
	line-height:150%;
}


.padPrice
{
	padding-left:20px;
}