/*h1{color:#7f7f7f;; font-family: 'danielregular', cursive; font-size:2em;}*/
h1{color:darkred; font-family: 'danielregular', cursive; font-size:2em;}
h2{color:#27415F; font-family: 'Arial Narrow', sans-serif; font-size:1.5em;}
h3{color:#7f7f7f; font-family: 'danielregular', cursive; font-size:1.5em; font-style:italic; text-align: center;line-height: 1.5;}
h4{color: #D47600; font-family:"Arial", sans-serif; ; font-size:1em; text-align:center; }
h5{color: #7f7f7f; font-family:"Arial", sans-serif; ; font-size:.8em; font-style: italic; }

.subhead{color:#7f7f7f; font-family: "trebuchet ms","helvetica", sans-serif; font-size:1.25em;}
.tel{color:darkgreen; font-family: "trebuchet ms","helvetica", sans-serif; font-size:1.7em; padding: 5px;}
.town{color:darkblue; font-family: "trebuchet ms","helvetica", sans-serif; font-size:.7em; ;padding: 5px;}

.email a{
	padding: 5px;
	color:darkgoldenrod; 
	font-family: "trebuchet ms","helvetica", sans-serif; 
	font-size:.7em;
}
	
.email a:hover {
	color: white;
	background: #a71b15; /* background color of spotlight */
	-webkit-border-radius: 50px; /* large radius to create circular borders */
	-moz-border-radius: 50px;
	border-radius: 50px;
}

/*.town{color:#C00000; font-family:"trebuchet ms","helvetica", sans-serif; font-size:1em; }*/
.est{font-family:"trebuchet ms","helvetica", sans-serif;font-size:.51em;}

.home{color:#175E54; font-family:"Arial Narrow", sans-serif; font-size:24px;}
.small{color:#913C3A; font-family:"Arial Narrow", sans-serif; font-size:24px;}
.multi{color:#B366B3; font-family:"Arial Narrow", sans-serif; font-size:24px;}
.remote{color:#3B618E; font-family:"Arial Narrow", sans-serif; font-size:24px;}

.list{color:#7f7f7f; font-family:"Arial Narrow", sans-serif; font-size:20px;}
.highlight{color:#D47600; font-family:"Arial Narrow", sans-serif; font-size:18px;}
.bigblue{color:#27415F; font-family:"Arial Narrow", sans-serif; font-size:18px;}
.blogtext{color:#3f3f3f; font-family:"verdana,geneva", sans-serif; font-size:1.2em; line-height: 150%;}
.mediumtext{color:black; font-family:"verdana,geneva", sans-serif; font-size:1.75em;}
.headlinetext{color:black; font-family:"verdana,geneva", sans-serif; font-size:1.75em; text-align: center; line-height: 1.5}
.bigtext{font-family: "Arial Black", sans-serif; font-size: 14px}
.caption{font-family:"trebuchet ms","helvetica", sans-serif;font-size:.51em; font-style: italic;}

#quote{color:red;margin-left: 10%;margin-right: 20%}

a:link {text-decoration:none;}    /* unvisited link */
a:visited {text-decoration:none;} /* visited link */
a:hover {text-decoration:none;}   /* mouse over link */
a:active {text-decoration:none;}  /* selected link */

h4 a{
	padding: 5px;
	color: #D47600; 
	}

h4 a:hover {
	color: white;
	background: #a71b15; /* background color of spotlight */
	-webkit-border-radius: 50px; /* large radius to create circular borders */
	-moz-border-radius: 50px;
	border-radius: 50px;
}

.blogtext a{
	padding: 5px;
	color: darkolivegreen;
	margin: 0 auto;
	overflow:hidden;
	font-weight: bold;
}

.blogtext a:hover {
	color: white;
	background: #a71b15; /* background color of spotlight */
	-webkit-border-radius: 50px; /* large radius to create circular borders */
	-moz-border-radius: 50px;
	border-radius: 50px;
}

textarea{resize:vertical; width: 80%; float: right;}

body{
/*color: black; font-family:"Arial", sans-serif; ; font-size:14px;*/
color: black; font-family:tahoma,geneva,sans-serif; font-size: 90%;
position: relative;
margin: 0;
padding: 0;
border: 0;
overflow: auto;
height: 100%; 
max-height: 100%;
}

#page {
	max-width: 1600px;
	width: 100%;
	height: auto;
   padding: 2px;
	margin-left: auto;
	margin-right: auto;
}
	
#header {
	position: relative;
	left: 0;
	width: 100%;
	height: 10px;
	/*background: url(images/clover-binary-80.png) no-repeat left top;*/
}

#footer{
	float: left;
	width: 100%;
	text-align: center;
}

#strapline{
	position: absolute;
	top: 70px;
	left: 10px;
	font-family: "trebuchet ms","helvetica", sans-serif;
	font-size:.62em;
	color: darkolivegreen;	
}


#headlogo {
	float: left;
	width: 18%;
	min-width: 200px;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	border-style: none;
	border-width: 1px;
	text-align: center;
}


#headtel{
	float: left;
	width: 18%;
	min-width: 40px;
	border-style: none;
	border-width: 1px;
	right: 5px;
	margin-top: 10px;
}

#mainpage{
	position: relative;
	float: left;	
	width: 100%;
	height: auto;
	top: 0px;
}

#headline{
	position: relative;
	height: 200px;
	top: 150px;
	left: 0;
	float: left;
	width: 100%;
	line-height: 1.5;	
}

#prevnext{
	position: relative;
	top: 130px;
	width: 100%;
	border-style: none;
}

#headlineinner{
}

.left {
	float: left;
	width: 18%;
	min-width: 200px;
	padding: 10px;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
	border-style: none;
	border-width: 1px;
	text-align: center;
}

.leftinner {
	max-width: 200px;
	margin: auto;

}

.centre{
	float: left;
	width: 62%;
	min-width: 200px;
	border-style: none;;
	border-width: 1px;
	position: relative;
	top: -120px;
}

.centreinner {
	max-width:900px;
	min-width: 200px;
	height: 100%; 
	margin-left: auto;
	margin-right: auto;
}

.inner{
	padding-left: 20px;
	padding-right: 20px;
}

.right{
	float: left;
	width: 18%;
	min-width: 40px;
	border-style: none;
	border-width: 1px;
}

.rightinner{
	max-width: 100%;
	margin-left: auto;
}

.box {
	float: left;
	/*display: inline-block;*/	
	width: 100%;
	min-width: 160px;
	max-width: 100%;
  	height: auto;
  	padding: 5px;
  	margin: 0px 5px 5px 5px;
  	border-style: solid;
  	border-radius: 10px;
  	border-width: 1px;
  	text-align: center;
  	background-color: whitesmoke;  
  	
  	-moz-box-shadow:    3px 3px 5px 6px #ccc;
  	-webkit-box-shadow: 3px 3px 5px 6px #ccc;
  	box-shadow:         3px 3px 5px 6px #ccc;     
}	

.largebox{
	width:60%;
	float:right;
	background-color:#E9FBDA;
	border-radius: 10px 10px 0 0;
	margin-top:10px;
	margin-left: 10px;
	color:#3f3f3f;
	font-family:"verdana,geneva", sans-serif;
	font-size:1.2em;
	line-height: 150%;
}

.boxcontain{
	max-width: 900px;
	min-width: 220px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.box2{
	display: inline-block;
	width: 20%;
	min-width: 173px;
	height: 260px;
  	padding: 5px;
  	margin: 0 1%;
  	background-size: contain;
  	background-origin: border-box;
  	background-repeat: no-repeat;
  	overflow: hidden;
}

.imagebox{	
	float:right;
	max-width:50%;
	height:auto;
	padding:10px;
}

.centreheading{
	width: 70%;
	margin: auto;
}

.centreblock{
	width: 80%;
	margin: auto;
}

.navnext{
	float: left;
	margin: auto;
	background-color: transparent;
	border-radius: 10px 10px 10px 10px;
	padding: 4px;
	font-style: italic;
	font-size: .8em;
	width: 30%;
	text-align: right;
}

.navnext a{color: grey;}

.navprev{
	float: left;
	margin: auto;
	background-color: transparent;
	border-radius: 10px 10px 10px 10px;
	padding: 4px;
	font-style: italic;
	font-size: .8em;
	width: 30%;
	text-align: left;
}

.navprev a{color: grey;}

.navtop{
	float: left;
	margin: auto;
	background-color: transparent;
	border-radius: 10px 10px 10px 10px;
	padding: 4px;
	font-style: italic;
	font-size: .8em;
	width: 30%;
	text-align: center;
}

.navtop a{color: grey;}

#nav {
	position: fixed;
	top: 80px;
	left: 0px;
	border-style: solid;
	border-width: 1px;
	padding-left: 2px;
	padding-right: 2px;
	border-radius: 0px 10px 10px 0px;
	background-color: lightyellow;
	/*background: linear-gradient(to right, lightgrey, white);*/
	visibility: hidden;
}

.newline{
	float: right;
	width: 100%;
  	padding: 5px;
  	margin: 5px;
}


/* ============================ Menu ==================================== */

.headmenu{
	/*
	position: relative;
	top: 0px;
	left: 500;
	width:100%;
	height: auto;
	margin: auto;
	visibility: visible;
*/	
	padding: 5px;
  	margin: 5px;
  	
	border-style: solid;
	border-width: 1px;
	border-radius: 10px;	
	background-color: whitesmoke;
  	-moz-box-shadow:    3px 3px 5px 6px #ccc;
  	-webkit-box-shadow: 3px 3px 5px 6px #ccc;
  	box-shadow:         3px 3px 5px 6px #ccc;	
}	
	
.spotlightmenu{
width: 100%;
/*overflow:hidden;*/

}

.spotlightmenu ul{
	position:relative;
	top:0px;
	margin: 0;
	padding: 0;
	font: bold 1.2em "Arial Narrow"; /* font style and size */
	list-style-type: none;
	text-align: center; /* "left", "center", or "right" align menu */
}

.spotlightmenu li{
	/*display: inline-block;*/
	position:relative;
	padding: 5px;
	margin: 10px;
	margin-right: 5px; /* right margin between menu items */
}


.spotlightmenu li a{
	/*display:inline-block;*/
	padding: 5px;
	min-width:50px; /* horizontal diameter of spotlight */
	height:50px; /* vertical diameter of spotlight */
	text-decoration: none;
	color: darkblue;
	margin: 0 auto;
	overflow:hidden;
	-moz-transition: all .5s ease-in-out; /* CSS3 transition to animate all A properties */
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}


.spotlightmenu li:hover a {
	color: white;
	background: #a71b15; /* background color of spotlight */
	-webkit-border-radius: 50%; /* large radius to create circular borders */
	-moz-border-radius: 50%;
	border-radius: 10px;
}

.spotlightmenu li a span{
	position:relative;
	top:35%; /* move text down so it appears centered within menu item */
}

	#smallmenu{
		position: fixed;
		top: 250px;
		height: 0;
		visibility: visible;
	}	
/* =============================End of Menu===================================== */


.video {
    width: 100%;
    position: relative;
}

.video > .video-height {
    padding-top: 60%;
    display: block;
}

iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}