/* Mike's changes */
/* Mozilla allows the use of their CSS if it is changed and the site looks different to theirs 
 * I tried to adhere to this, but am putting my changes in this CSS file so that it is clear
 * what comes from Mozilla - as you can see, almost all the credit goes to them!
 */



#footer  {
background:transparent url("../images/roses_notr.png") scroll top left;
border-top: none;
padding-bottom: 50px;
margin-bottom: 0;
}

/*
#side {
background:transparent url("../images/monogram_silver_s.png") no-repeat scroll top center;
padding-bottom: 2cm;
}


#nav {
		margin-top: 2.2cm;  need space for the logo 
}
*/

div#mainContent {
	text-align: justify;
} 

div#front-feature-logos img {
	padding-left: .3cm;
	padding-right: 0cm;
	padding-top: .1cm;
	padding-bottom: .1cm;
}

img#picright {
	float: right;
	padding-left: 1em; /* .3cm */
	padding-right: 0cm;
	padding-top: .1cm;
	padding-bottom: 0.1cm;
}

img#picleft {
	float: left;
	padding-left: 0cm;
	padding-right: 1em;
	padding-top: .1cm;
	padding-bottom: 0.1cm;
}

.key-point {
	margin-bottom: .7em;
}

.de {
	background: rgb(238, 238, 238) none repeat scroll 0% 0%; color: rgb(51,51,255); font-weight: bold;
}

.en {
	background: rgb(238, 238, 238) none repeat scroll 0% 0%; color: rgb(51,51,255); font-weight: bold;
}
	
/* > div.keypoint > span */
.left > .key-point  {
	background-color: none; /*#ADD8E6;*/
}
.right > .key-point  {
	background-color: none; /* #F89EEC;*/ /* FFDAB9;*/
}

#header { /* c0c0c0 */
		background: #8f9dc4 url(../images/header_bl.png) bottom left repeat-x;
		position: relative;
		min-height: 39px;
		height: 2em;
		padding: 0;
		voice-family: "\"}\"";
		voice-family: inherit;
		padding: 15px 0;
	} #ignored {}
	
/* Put this one in later... */
 #header h1 a {
background: transparent url(../images/monogram_white_s65.png) no-repeat scroll 1.0cm 0.05cm;
/*background: transparent url(../images/g3.png) no-repeat scroll 1.0cm 0.05cm;*/
/*background-image: url(../images/monogram_f8f8ff.svg) no-repeat scroll 1.0cm 0.05cm;*/
width: 160px;
} 

#header li {
	background:transparent url(../images/header_tab3.gif) no-repeat scroll 100% -600px;
}
#header ul a {
	background:transparent url(../images/header_tab3.gif) no-repeat scroll 0 -600px;
}

#nav li a {
	display: block;
	padding: 8px 10px;
	text-decoration: none;
	background: ghostwhite; /* #EDF2F2 */
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
	border-right: 1px solid #ddd;
}

#nav li a:hover {
	background: #d0d9d9; /*#E0E9E9;*/
}
#oN {
		background-color: red; /*#E0E9E9;*/
	}
#oN:hover {
		background-color: #FFFFFF; /*#C6DCDC;*/
	}
	

	

body.sectionPhotos li#menu_photos a,
	body.sectionContact li#menu_contact a,
	body.sectionHotels li#menu_hotels a,
	body.sectionPlaces li#menu_places a,
	body.sectionEvents li#menu_events a, 
	body.sectionHome li#menu_home a {
		background-position: 0% -200px;
		color: #039; /* font colour of selected element */
	}
	
	body.sectionPhotos li#menu_photos,
	body.sectionContact li#menu_contact,
	body.sectionHotels li#menu_hotels,
	body.sectionPlaces li#menu_places,
	body.sectionEvents li#menu_events, 
	body.sectionHome li#menu_home {
		background-position: 100% -200px;
		border-bottom: 1px solid #fff;
	}

	body.sectionPhotos li#menu_photos:hover,
	body.sectionContact li#menu_contact:hover,
	body.sectionHotels li#menu_hotels:hover,
	body.sectionPlaces li#menu_places:hover,
	body.sectionEvents li#menu_events:hover, 
	body.sectionHome li#menu_home:hover {
		background-position: 100% 0%;
	}
	

	body.sectionPhotos li#menu_photos:hover a,
	body.sectionContact li#menu_contact:hover a,
	body.sectionHotels li#menu_hotels:hover a,
	body.sectionPlaces li#menu_places:hover a,
	body.sectionEvents li#menu_events:hover a, 
	body.sectionHome li#menu_home:hover a {
		background-position: 0% 0%;
		color: #000;
	}