body {
        background-image: url('images/backgrounds/the-enchanted-river.jpg'); 
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center; 
	/* background-color: #7E6099; */
        background-color: #000; 
        color: #fff;
        font-family: Arial, sans-serif;
	font-size: 90%;
	margin: 0;
	padding: 0;
}

.estate {
	/* The overall outer div that everything sits inside. 
	This probably wants to be at least 90% screen, poss 95%, 
	and wants to be centred in the viewport.  It doesn't need 
	any opacity, as is just a container for the actual content 
	divs that will sit inside it. */
	width: 90%;
	margin-top: 1%;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid black;
}

.left_paddock {
	float: left;
	width: 18%;
	margin: 0;
	padding: 0;
	background-color:rgba(0,0,0,0.5);
	
}
.inner_paddock {
	width:100%;
	border: white 1px solid;
}


.house_walls {
	float: right;
	width: 82%;
	margin: 0;
	padding: 0;
	background-color:rgba(0,0,0,1);
	background-image: url('images/backgrounds/south-front-01c.png');
        background-repeat:no-repeat;
        background-attachment:fixed;
        background-position:center;
        background-color: #000;
        color: #fff;
}
.main_hall {
        width:100%;
        border: white 1px solid;
}

.inner_standard {
	width: 95%;
	margin: 0 auto 0 auto;
}

.inner_centred {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.main_subhead {
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
}

.portrait_gallery {
	float: left;
	border: white 1px dotted;
	margin: 5px;
	font-size: 80%;
}

/* make text links change colour when hovered over */
a:link { color: #00a0ff;}
a:visited { color: #00a0ff}
a:hover { color: #00ff00}

.bar1 {
	border: 1px solid #ccc;
        padding: 0px;
	display: table;
}

ul.map1 {
	list-style-type:none;
	margin:0px 0px 0px 0px;
	padding:0px;
	padding-top:2px;
	padding-bottom:3px;
}

li.map1 {
	display:inline;
}

a.map1:link,a.map1:visited {
	font-weight:bold;
	font-size:0.86em;
	color:#FFFFFF;
	background-color:#036;
	text-align:center;
	padding:3px 6px 3px 6px;
        margin:0px;
	text-decoration:none;
}
a.map1:hover,a.map1:active {
	background-color:#369;
}

.nav { text-align: center; }
.nav ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
        font-weight: bold;
        }
.nav ul li {
        display: inline-block;
        }
.nav ul li a {
        display: block;
        text-decoration: none;
        color: #000;
        transition: 0.4s ease background;
        padding: 15px 20px;
        border-radius: 6px;
        border: solid black 1px;
        background-color: #aaaaff;
        /* background-color: #f4f4f4; */
        margin:3px;
        }
.nav ul li a:hover {
        color: #fff;
        background-color: #006;
        border: solid white 1px;
        }

@media all and (min-width:640px){

        .nav { float: left; padding: 10px 0 0 0; }
        .nav ul li a { padding: 5px 10px; }

}


h1 {
	color: #aaaaff;
	font-size: 3em;
	margin: 3px 3px 3px 0px;
        padding: 0px;
}
h2 {
	margin: 10px 3px 3px 3px;
}


/*
li {
  font-FAMILY: arial, sans serif; font-size: 90%; 
  margin-top: .2em;
  margin-bottom: .2em;
}
*/

.newsbox1 {
	background-color: #101010;
	padding: 5px;
	border: solid 1px #ddd;
	-moz-border-radius: 0.7em;
	border-radius: 0.7em;
	margin-bottom: 5px;
}

p.newsbox1 {
	font-FAMILY: arial, sans serif, helvetica; 
	font-size: 90%; 
	background-color:none;
}

.ltables {
  border-collapse:collapse;
  background-color:rgba(0,0,0,0.7);
}
table.ltables {
  border: 2px solid #ccc;
}
td.ltables {
  border: 1px solid #ccc;
}
p.ltables {
  background-color:none;
}


.right_box_1 {
 float: right;
 width: 200px;
 border: thin solid #00a0cc;
 padding: 10px;
 margin-left: 1.5em;
}

.right_box_2 {
 float: right;
 width: 32em;
 border: thin solid #00a0cc;
 padding: 10px;
 margin-left: 1.5em;
 font-size: 90%;
}

.link_box_1 {
 float: left;
 width: 20%;
 border: thin solid #00a0cc;
 padding: 6px;
 margin-right: 1.5em;
}

.left_box_1 {
 float: left;
 width: 35%;
 border: thin solid #00a0cc;
 padding: 10px;
}

.ritual_box_right {
 float: right;
 width: 70%;
 border: thin solid #00a0cc;
 padding: 10px;
}