body {
	font-family:Verdana, Geneva, sans-serif;
	background-color:#C1D864;
	background-image:url(../images/grassfield.jpg);
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}

.HomeNav {
	width:600px;
	background-color:rgba(255,255,255,.8);
	border-radius:10px;
	min-height:250px;
	font-size:100%;
	line-height: 120%;
}

.center900 {
	width:900px;
	margin:0 auto;
}

#MainWrapper {
	width:900px;
	background-color:white;
	background-color:rgba(255,255,255,.92);
	margin:10px auto;
	border:solid 1px #666;
	border-radius:10px;
	box-shadow: 0px 0px 30px black;
}

#Banner {
	overflow:hidden;
	background-image:url(../images/stripe.png);
	border-bottom:solid 1px #ddd;
}

#Banner img:hover { opacity:.80; }

.mobilemenu {
	display: none;
}

.lowercredits {
	border-top:solid 1px #ddd;
	background-image:url(../images/stripe.png);
	text-align:center;
	padding:30px;
}

.socialbar {
	text-align:right;
	width:250px;
	float:right;
	color:#333;
	padding:0px 15px 2px 15px;
	font-size:70%;
	padding-top:4px;
}

.socialbar img {
	opacity:.7;
	margin-top:-1px;
}

.socialbar a:hover img { opacity:1; }

.socialbar a {
	text-decoration:none;
	color:#666;
}

.socialbar a:hover { color:#000; }

#ContentWrapper {
	width:100%;
	background-color:rgba(255,255,255,.2);
}

.hide {
	position:absolute;
	top:-2000px;
}

.homebuttons {
	float:left;
	padding-bottom:10px;
	letter-spacing:-1px;
	font-size:110%;
	font-weight:bold;
}

.homebuttons a {
	display:block;
	text-align:center;
	height:175px;
	color:#232E0E;
	opacity:1;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

.homebuttons a:hover { color:white; }

.uie {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	line-height:30px;
	background-image:url(../images/topbar.jpg);
	box-shadow: 0px 4px 5px rgba(0,0,0,.5);
	margin-bottom:30px;
	opacity:.8;
	color:#D2FBD6;
	letter-spacing:4px;
	border-bottom:solid 1px white;
	text-shadow: black 0px 0px 7px;
}

.uie:hover { opacity:1; }

.uie a {
	text-decoration:none;
	display:block;
	color:white;
}

a { text-decoration:none; }

a:hover { color:red; }

#LeftCol {
	width:170px;
	float:left;
}

.LeftNav {
	/* width:170px;*/
	font-size:85%;
	margin-top:0px;
	padding-top:10px;
}

.LeftNav ul {
	list-style:none;
	margin:0;
	padding:0;
	text-indent:0;
}

.LeftNav li {
	color: #1a386a;
	margin:3px 1px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.LeftNav ul li a {
	color: #0a4a11;
	display:block;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	background-color:rgba(0,0,0,.05);
}

.LeftNav ul li a:hover {
	background-color:#D0E4CB;
	color:black;
}

.LeftNav .thispage {
	font-weight:bold;
	color:white;
	background-color:#006633;
	cursor:pointer;
	padding-left:10px;
	margin-right:-10px;
}

.sub {
	display: block;
	font-size:83%;
	letter-spacing:-1px;
	font-weight:bold;
	padding:4px;
	padding-left: 15px;
}

.navmain {
	display: block;
	padding:7px 5px;
	font-weight:bold;
}

#RightCol {
	margin-left:185px;
	padding-left:25px;
	padding-right:20px;
	background-color:rgba(255,255,255,.5);
	border-left:solid 1px #ddd;
	min-height:500px;
}

#sMenuCtrl {
	display: none;
	background-color:#006633;
	border-left:solid 1px #ddd;
	cursor: pointer;
}

#sMenuCtrl p { font-size: 16px; color: white; text-align:center; }

#Content {
	font-size:85%;
	padding-bottom:25px;
	padding-top:25px;
	padding-left:10px;
	padding-right:30px;
	line-height:160%;
}

#Content li { list-style:none; }

#Content li a:hover { background-color:white; }

#Content ul { padding:5px 10px 15px 15px; }

#Content .table ul {
	display:inline;
	padding:0px;
}

#Content .table li {
	padding:5px;
	color:#000;
	font-weight:normal;
}

#Content .table ul li.title {
	font-weight:bold;
	background:#ECE9D8;
	padding:4px 10px;
}

#Content h1 {
	font-size: 190%;
	color:#1a386a;
	padding-top: 0px;
	padding-bottom:15px;
}

#Content h2 {
	color: #1a386a;
	font-size:130%;
	text-align: left;
	padding-top:10px;
	border-bottom:solid 1px #1A386A;
	margin-right:-50px;
	margin-bottom:5px;
	padding-left:5px;
	margin-left:-10px;
}

#Content h3 {
	color: #1a386a;
	padding-top:10px;
	font-size:120%;
	margin-right:-50px;
	border-bottom:solid 1px #1A386A;
	margin-bottom:5px;
	padding-left:5px;
	margin-left:-10px;
}

.table {
	overflow:auto;
	margin-top:15px;
	margin-bottom:15px;
	border-left:1px solid #ddd;
}

.table ul {
	float:left;
	margin:0;
	padding:0;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

.table ul li {
	list-style:none;
	padding:5px 10px;
}

.table ul li.title {
	font-weight:bold;
	background-color:#ECE9D8;
}

#footer {
	background-color:#0a4a11;
	clear:both;
	padding-top:15px;
	padding-bottom:10px;
	text-align:center;
	font-size:68%;
	color:white;
	border-top:solid 1px #333;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

#global_TextNav a {
	text-align:center;
	line-height:20px;
	color: #FFF;
}

#global_SearchBox {
	margin-top:0px;
	text-align:center;
}

#global_Footer { background-color:#0A4A11; }

div.returnNav {
	float:right;
	padding-right:15px;
	font-weight:normal;
	font-size:75%;
	font-family: Verdana, Geneva, sans-serif;
}

p.caption {
	font-size:13px;
	padding:7px 5px;
	color:#FFF;
	font-style:italic;
	font-weight:bold;
	margin:0;
}

#Translation {
	clear:left;
	font-size:90%;
	padding:30px;
	font-weight:bold;
}

#Translation a {
	color:#FC3;
	padding:6px;
	background-color:#a715b3;
}

img.accent {
	padding:0;
	text-align:center;
}

img.right {
	margin:0;
	padding:0;
}

/*div for 373px photos in each page*/
div.right {
	clear:right;
	float: right;
	text-align:center;
	width: 373px;
	padding:1px;
	margin-left:10px;
	margin-bottom:5px;
	margin-top:10px;
	line-height:110%;
	background-color:#063;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	box-shadow: 3px 3px 5px rgba(0,0,0,.45);
}

/*div for 270px accent photos in topic page*/
div.rightsmall {
	float: right;
	padding:1px;
	margin-left:10px;
	margin-bottom:5px;
	background-color:#063;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

#SiteNav {
	font-size:85%;
	padding:8px 8px 8px 8px;
	background-color:#f7debf;
	border: 1px solid #f5c181;
	width:35%;
	margin-bottom:5px;
	margin-top:-115px;
	margin-left:250px;
	height:90px;
	float:right;
}

#SiteNav ul { margin: 0px 0px 0px 0px; }

#SiteNav li {
	font-weight:bold;
	margin-right: 0px;
	list-style:none;
}

#SiteNav a {
	text-decoration:none;
	color:#003399;
	padding-right:5px;
	padding-left: 5px;
}

#SiteNav a:hover { text-decoration:underline; }

#SiteNav a:visited {
	text-decoration:none;
	color:#993366;
}

#SubNav {
	font-size:85%;
	background-color:#063;
	border: 1px solid #063;
	color:white;
	width:55%;
	margin:0 auto;
	margin-top:70px;
	padding:5px 0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	text-indent:10px;
}

#SubNav ul {
	margin: 0;
	padding:0;
	background-color:white;
}

#SubNav li {
	font-weight:bold;
	list-style:none;
	margin:0;
	padding:0;
}

#SubNav a {
	text-decoration:none;
	color:#003399;
	text-indent:10px;
	padding:0px;
	display:block;
	padding:1px 5px;
}

#SubNav a:hover {
	color:white;
	background-color:#267F53 !important;
}

#SubNav li.thispage {
	color:#063;
	background-color:#eee;
	padding:5px 0;
}

div.contact {
	clear: none;
	margin-bottom: 2em;
}

.tableborder {
	border:solid 1px #ddd;
	font-size:85%;
}

.tableborder th {
	background-color:#ECE9D8;
	font-weight:bold;
}

.tableborder td { border-bottom:solid 1px #eee; }

.tableborder tr:hover { background-color:#eee; }

.LeftNav .youTubeContainer {
	border: none;
	padding: 0;
	margin-left: 5px;
	margin-top: 25px;
	background-color: none;
	text-align:center;
}

.LeftNav .youTubeContainer p {
	font-size:70%;
	margin-top:-10px;
	margin-right:-20px;
}

.cse .gsc-control-cse, .gsc-control-cse {
	padding:0 30px !important;
	border-bottom:solid 1px #ddd !important;
}

.gsc-above-wrapper-area { border-top:none !important; }

a { color:#0a4a11; }

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

#footer, #footer a { color:#c9e0cc; }

#footer a:hover { color:#fff; }

#social { margin: -10px -8px !important; }

#cse-search-form { padding-top:33px; }

#uix {
	float:right;
	height: 0 !important;
	padding:0 !important;
	position:relative;
	top:10px;
}
#translation a{
	padding:10px;
	margin:10px;
	background-color:#060;
	color:#fff;
	border:solid thin #FF0;
	text-align:center;
}
#translation a:hover{
	text-decoration:none;
	background-color:#090;
}
#linkHome { display:none !important; }

#UPRN { font-size:20px; }

#global_Footer ul { padding:0; }

#global_Footer ul a {
	font-size:10px;
	overflow:visible !important;
}
@media only screen and (max-width : 768px){
	#MainWrapper{ width:98%; }
}

@media screen and (max-width: 400px) {
	#LeftCol {
	width:320px;
	float:none;
	}
	#RightCol{
		float:none;
		margin-left:0px;
	}
	#translation{
		display:none;
	}
}