* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	background: url(../Images/stripe.gif) repeat;
	font-family: Verdana, sans-serif;
}

p, li {
	font: 1.2em/1.8em Verdana, sans-serif;
	margin-bottom: 10px;
}
p.smallText {font-size: 90%;}
h2 {
	font-size: 2em;
	color: #800;
	padding: 0  0 20px 0;}

h3{
	font-size: 1.8em;
	padding: 15px 0;
	color: #800;
}
h4{
	font-size: 1.4em;
	padding: 10px 0;
}
ul {
	margin-left: 25px;
}

img {
	border: none;
}
a {color: #800;}
a:hover {color: red;}
.centre {text-align: center;}
#page-wrap {
	background: url(../Images/leftSidebarBG.gif) repeat-y #F4E8D2; /* ensures leftSideBar' background is of equal height, if longer than main content*/
	min-width: 780px;
	max-width: 1260px;
	margin: 10px auto;
	width:expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 1262? "1260px" : "auto");
}
#page-wrap #inside {
	margin: 10px 10px 0px 0px; /*last variable originally set as 10px, but this results in white strip down left side of sidebar.*/
	padding-top: 10px;
	padding-bottom: 10px;
	background: url(../Images/leftSidebarBG.gif) repeat-y #F4E8D2;
}
#mainContent {
	padding-left: 190px;
	padding-top: 20px;
}
#header {
	/*background: #267f23;*/
	text-align: center;
}
#masthead {
	text-align: center;
	margin-left: 180px; /*equals width of leftSidebarBG.gif*/
	background: url(../Images/akaLogo.jpg) no-repeat 50%;
	height: 108px;
}
#masthead h1 {text-indent: -5000px; margin: 0; padding: 0;}
#masthead h2 {text-indent: -5000px; margin: 0; padding: 0;}
#movieWrapper {
	text-align:center;
	padding-bottom: 30px;
padding-left:0;
margin-left: -8px;
}	
#movieWrapper p {margin:0; padding:0;}
#leftSidebar {
	width: 150px;
	float: left;
	padding-left: 15px;
	padding-top: 20px;
}
#leftSidebar p img {padding-bottom: 20px;}
.TA_excellent {margin-left: -12px;} /* Centres TripAdvisor logo in the side bar */
#footer {
	/*background: #267f23;*/
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	color: black;
	margin-left: 180px;
}
#footer a {
	padding: 10px;
	font-size: 0.8em;
}



/************* Main Navigation Styles *************/

#navbar {
text-align: center;
padding-bottom: 30px;

}
#navbar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#navbar li {
	border: 1px solid #666;
	margin-bottom: 3px; /* ajust the spacing between menu 'boxes' */
}
#navbar li#gelatenheid {background-color: royalblue;}
#navbar li#oortuiging {background-color: green;}
#navbar li#vreugde {background-color: yellow;}
#navbar li#uitsig{background-color: red;}
#navbar li#twyfeling{background-color: lightblue;}
#navbar li#book {background-color: white;} /*Highlights 'Book' menu item with white background */
#navbar li a {display: block;} /*ensures that the clickable area of the link fills the entire box*/
#navbar a {
	font-family: verdana;
	color: black;
	font-weight: bold;
	text-decoration: none;
}	
#navbar li:hover {background-color: white;}
#navbar li#gelatenheid:hover, 
#navbar li#oortuiging:hover,
#navbar li#vreugde:hover,
#navbar li#uitsig:hover,
#navbar li#twyfeling:hover {background-color: white;}

/**************Default Styles for all tables throughout site ***************/
table{
		margin: 0 auto;
		text-align: center;
		}
table td {text-align: center;}		

/**********Provides some 'breathing space' around the thumbnail tables **********/
table.thumbsTable {
	width: 69%;
	margin-top: 40px;
	margin-bottom: 30px;
	}

/*****Styles the contact details table *******/
table#contactUs td {font-size: 1.7em; text-align: left;}
table#contactUs td {padding: 10px;}
table#contactUs td.lcol {color: #800;}

/*****Styles the events table *******/
table#events td {font-size: 1.4em; text-align: left;}
table#events td {padding: 10px;}
table#events {margin: 0;}

/*****Styles the rates table *******/
table#rates {font-family: Verdana; font-size: 1.2em; margin-bottom: 40px;}
table#rates td {padding-bottom: 15px;}


/********** Sytles for quotations ************/
blockquote {
	width: 460px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	font-family: Georgia, serif;
	font-size:110%;
	letter-spacing: -1px;
	line-height: 1em;
	color: #555;
	background: #F1E3C9 url(../Images/quoteTop.gif) no-repeat top left;
	}
#quote{
	font-weight: bold;
	margin: 0 10px 0 0;
	padding: 20px 20px 10px 20px;
	background: url(../Images/endQuote.gif) no-repeat 97% bottom;
	}
#author {
	margin: 0;
	padding: 0 30px 10px 0;
	text-align: right;
	color: #800;
	font-size: 1em;
	background: url(../Images/quoteBottom.gif) no-repeat bottom;
	}		
/********** Sytles for 'What others have said' ************/
body#guestbook blockquote {
	width: 100%;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	font-family: Georgia, serif;
	color: #555;
	background: url(../Images/quoteOpen.gif) no-repeat top left;
	}
body#guestbook #quote{
	margin: 0 10px 0 0;
	padding: 20px 20px 5px 20px;
	background: url(../Images/quoteClose.gif) no-repeat 97% bottom;
	font-weight: normal;
	font-size: 100%;
	color: #333;
	letter-spacing: normal;
	}
body#guestbook #author {
	margin: 0;
	padding: 0 60px 10px 0;
	color: #800;
	font-size: 100%;
	text-align: right;
	background: none;
	}		

/********* Styles for coloured headings on cottages pages ************/
h2.gelatenheid,
h2.oortuiging,
h2.vreugde,
h2.uitsig,
h2.twyfeling {
	margin-bottom: 20px;
	padding: 0;
	color: #FFF;
	text-align: center;
	}	
h2.gelatenheid {background-color: royalblue;}
h2.oortuiging {background-color: green;}
h2.vreugde {background-color: yellow; color: #000;}
h2.uitsig {background-color: red;}
h2.twyfeling {background-color: lightblue;}
/**********************************************************************/

/*********Colours Cottage names**************/
.gelatenheid {color: royalblue;}
.oortuiging {color: green;}
.vreugde {color: orange;}
.uitsig {color: red;}
.twyfeling {color: lightblue;}

/*Where cottage names are links, removes underline
a.gelatenheid, a.oortuiging, a.vreugde, a.uitsig { text-decoration: none;}
*/

.establishment {font-weight: bold;} /* style for establishment name on 'where to eat' list.*/
.standoutPoint {font-weight: bold; color: #800;} /* styles the highlighted comments within the 'reviews' */
.standoutPointGreen {font-weight: bold; color: green;} /* styles the highlighted comments within the 'reviews' */
body#directions #mainContent li {margin: 0;}
a.winterSpecial {
	color: #800;
	font-size: 1em;
} /* styles the link to the Gelatenheid Special (winter 2009) */