﻿/*
Main bg colour: #2a5230
*/
html
{
    min-height: 100%;
    margin-bottom: 1px;
}
body 
{
    background-color:#363636;
    text-align:center;
}
body a
{
    outline:none;
    border:none;
}
span.nobr
{
    white-space:nowrap;
}
#MasterDiv
{
    width:800px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    z-index:0;
}
#PhotoDiv
{
    padding:10px;
    width:500px;
    height:375px;
    background-color:Black;
    background-image:url('SiteImages/PhotosBackground.jpg');
    background-repeat:repeat-x;
    left:300px;
    top:50px;
    position:absolute;
    z-index:1;
    display:none;
    border-top:solid 1px green;
    border-left:solid 1px #2a5230;
    border-right:solid 2px black;
    border-bottom:solid 2px black;
}
#PhotoDiv img
{
    border:none;
}
#Logo
{
    width:466px;
    height:150px;
    background-image:url('SiteImages/TopLeftLogo.jpeg');
    background-repeat:no-repeat;
    float:left;
}
#TitleCentreFiller
{
    background-image:url('SiteImages/TopMiddleStretch.jpeg');
    background-repeat:repeat-x;
    width:167px;
    height:150px;
    float:left;
}
#Address
{
    background-image:url('SiteImages/4StarBedandBreakfastSmall.jpg');
    background-repeat:no-repeat;
    width:167px;
    height:150px;
    float:right;
}
.MenuDiv
{
    clear:both;
    font-family:Arial;
}
.MenuBar
{
    height:40px;
    width:800px;
    background-image:url('SiteImages/MenuBarBackground.jpeg');
    background-repeat:repeat-x;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

/* Necessary for Safari */
.MenuBar div
{
    width:80%;
    margin-left:auto;
    margin-right:auto; 
    height:100%;
}
/* Necessary for IE/FF */
.MenuBar table
{
    width:80%;
    margin-left:auto;
    margin-right:auto; 
    height:100%;
}

a.MenuItem
{
    color:#aaccaa;
    font-weight:bold;
    margin-left:15px;
    margin-right:15px;
    vertical-align:middle;
    text-decoration:none;
}
a.MenuItem:hover
{
    text-decoration:underline;
}
a.MenuItemSelected
{
    color:orange;
    text-decoration:underline;
}

.MenuItem
{
	font-size:0.8em;
}
.MenuBar div span
{
	font-size:0.8em;
}
.MenuBar div span a
{
    color:#aaccaa;
    font-weight:bold;
    margin-left:15px;
    margin-right:15px;
    margin-bottom:auto;
    vertical-align:middle;
    height:100%;
}

.MenuHorizontalDivider
{
    height:2px;
    width:100%;
    background-image:url('SiteImages/MenuHorizontalDivider.jpeg');
    background-repeat:no-repeat;
}
#MainContentDiv
{
    background-color:#2a5230;
    background-image:url('SiteImages/MainContentBackground.jpeg');
    background-repeat:repeat-y;
    width:800px;
}
.ContentContainer
{
    padding-left:10px;
    padding-right:10px;
    padding-top:15px;
    font-family:Arial;
    color:#c9c9c9;
    font-size:0.8em;
    margin-left:auto;
    margin-right:auto;
    width:90%;
    text-align:justify;
}

.ContentContainer table
{
	/* Seems to be necessary to fix a bug in IE5.5 */
	font-size:100%;
	font-family:Arial;
    color:#c9c9c9;
}
.ContentContainer a
{
    color:#a9ccab;
    text-decoration:underline;
    font-weight:bold;
}
.ContentContainer a:hover
{
    text-decoration:underline;
}
.ContentContainer img.clickable
{
    border:0;
    cursor:default;
}
.FooterDiv
{
    padding-top:10px;
    padding-bottom:10px;
    font-weight:bold;
    color:#a9ccab;
    font-family:Arial;
    background-color:#2a5230;
    font-size:0.7em;
    background-image:url('SiteImages/MainContentBackground.jpeg');
    background-repeat:repeat-y;
    text-align:center;
}
.FooterDiv a
{
    color:#a9ccab;
    text-decoration:none;
}
.FooterDiv a:hover
{
    text-decoration:underline;
}
.FooterImage
{
    background-image:url('SiteImages/FooterImage.jpg');
    background-repeat:no-repeat;
    width:100%;
    height:9px;
}
.InfoPanelContainer1
{
    width:650px;
    background-color:#26492b;
    background-repeat:repeat-x;
    padding:10px 10px 0px 10px;
    border-right:solid 1px #000000;
    border-bottom:solid 1px #000000;
    margin-top:10px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
}
.InfoPanelContainer2
{
    width:500px;
    background-color:#26492b;
    background-repeat:repeat-x;
    padding:10px 10px 0px 10px;
    border-right:solid 1px #000000;
    border-bottom:solid 1px #000000;
    margin-top:10px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
}
.PanelImage1
{
    float:left;
    width:70%;
}
.InfoPanelText1
{
    font-size:90%;
    margin-left:0px;
    margin-top:0px;
    float:left;
    padding-left:0px;
    width:30%;
    line-height:200%;
}
.PanelImage2
{
    float:right;
}
.InfoPanelText2
{
    font-size:90%;
    margin-left:20px;
    margin-top:0px;
    float:left;
    padding-left:0px;
    width:45%;
}
.ClearDiv
{
    clear:both;
    height:1px;
}
.WideColumn1
{
    width:65%;
    float:left;
    margin-top:15px;
}
.NarrowColumn2
{
    width:30%;
    float:right;
    margin-top:0px;
}
.HomePageColumn2 .HomePageTopRightImage
{
    float:right;
    margin-top:20px;
    margin-left:10px;
    margin-bottom:0px;
}

.BreakfastBottomRowPics
{

}
.BreakfastBottomRowPicsLeft
{
    float:left;
}
.BreakfastBottomRowPicsRight
{
    float:right;
}

.ContactUsPicture
{
    float:left;
    width:300px;
}
.ContactUsForm
{
    float:right;
    width:400px;
}
.LeftDiv65Percent
{
    float:left;
    width:65%;
}
.RightDiv30Percent
{
    float:right;
    width:30%;
}
.Error
{
    color:Orange;
    font-weight:bold;
}
.SpecialOffer
{
    color:Orange;
    width:500px;
    margin-left:auto;
    margin-right:auto;  
    font-family:Arial;  
}
/*.SpecialOffer .SpecialOfferTitle
{
    font-weight:bold;*
    margin-bottom:5px;
    font-size:1.2em;
}*/
#KeywordsDiv
{
    position:absolute;
    top:0px;
    left:0px;
    width:0px;
    height:0px;
    font-family:Arial;
    font-size:0.8em;
    color:#363636;
    display:none;
}
#LoginContainer table
{
	margin-left:auto;
	margin-right:auto;
}
.EditHover
{
	background-color:Green;
	cursor:hand;
}
.hidden
{
	display:none;
}
.editButtons
{
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
}
#CalendarMain
{
    margin-left:auto;
    margin-right:auto;
}
.AvailabilityTitle
{
    margin-left:auto;
    margin-right:auto;
    color:#CCCCCC;
    font-family:Arial;
    font-weight:bold;
}
.availabilityCheck a
{
    color:Orange;
    font-weight:bold;
    font-style:italic;
    text-decoration:none;
}
#CalendarMain
{
    font-size:small;
}
#AvailabilityLegend
{
    margin-left:auto;
    margin-right:auto;
    color:#CCCCCC;
    font-family:Arial;
    font-size:0.8em;
    width:70%;
}
#Reserved
{
    background-color:Red;
}
#MakeAReservation
{
    margin-left:auto;
    margin-right:auto;
    color:#CCCCCC;
    font-family:Arial;
    font-size:0.8em;
    width:80%;
}
#availabilityCalendar
{
    margin-left:auto;
    margin-right:auto;
}
td.nolink a
{
	text-decoration:none;
}
td.nolink a:hover
{
	text-decoration:none;
	cursor:text;
}
.TermsAndConditions
{
    font-family:Arial;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    width:50%;
}
.TermsAndConditions h1
{
    font-size:16pt;
}
.TermsAndConditions h2
{
    font-size:12pt;
}