/* Eric Meyer css reset follows https://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	padding-top: 10px;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}




/* Henry css follows */

html {
    overflow-y: scroll; 
}
body  
	{ text-align:center;
	font-family: "trebuchet ms", arial;
	font-size: 14px;	
	line-height:150%;	
	color:#333333;
	background-color: #fffdec;
	background-repeat: repeat-x;
	
}


/* wrapper sets the width of the page and centres it */

#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align:left;
	position: relative;
	background-color: #666;
}


#header {
	height: 200px;
	background:url('images/wigston.jpg');
	background-repeat:no-repeat; 
	background-size: cover;
	/* background-position:left top; */
	overflow: hidden;
	}


div.transbox		{
	position: absolute;
	top: 0px; left: 0px;
	width:241px;
	height:200px;
	overflow: hidden; 
	background-color:#fff;
	opacity:0.70;
	filter:alpha(opacity=70); 
}

.hrlogo {
	position: absolute;
	top: 78px;
	left: 50px;
}

 
#centreposition {
	padding-right: 20px;
	padding-top: 20px;
	padding-left: 300px;
	/* background-color: #ffccaa; */
	background-color: #eee8cd;
	border: 0px 0px 0px 0px solid #b0171f;
}

img	{border : 0;
	margin-left: 0px;
	}
	
img.shadow 
	{box-shadow: 3px 3px 5px #666
	}
	
p	{margin-bottom: 10px;}	


/* The centrecontent style is set up for a 2 column layout.  
If you want a 3 column layout then change the centreposition style like this:   padding-right: 200px; 
<div id="right"> Write the content for your right hand column inside an id-"right" div like this </div> */

#centrecontent {
	z-index: 100;
	min-width: 1px;
	background-color: #eee8cd;
	border: 0px solid #ebc137;
	padding: 10px;
	min-height: 350px;
	height: auto !important;
	height: 350px;
}

.floatright {
	float:right; 
	clear: right;
	margin: 0px 0px 5px 5px; 
	width: 305px;
	}  

#footer {
	padding: 10px 20px 10px 0;
	background-color: #eee8cd;
	border-top: 1px solid #b0171f;
	border-bottom: 1px solid #b0171f;
	margin-bottom: 10px;
}

#left {
	width: 20%;
	position: absolute;
	top: 220px;
	left: 43px;
	padding: 10px 0px 10px 6px;
}


#heading1 {
	font-family: annie-use-your-telescope, abel, arial;
	font-size: 40px;
	color: #268882;
	font-weight: normal;
	padding: 10px 0 10px 0;

}

#heading2 {
	font-family:"trebuchet ms", arial;	
	font-size: 20px;
	color:#333333;
	font-weight: bold;
	
}

#heading3 {
	font-family:"trebuchet ms", arial;	
	font-size: 15px;
	color:#333333;
	font-weight: bold;
	
}


ul	{
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}

ul.disc	{
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 15px;
	padding-left: 15px;
	overflow: visible;
}


a.nav:link,a.nav:visited
{
	font-size: 15px; 
	font-family: "trebuchet ms", arial, sans-serif;
	display:block;
	width:190px;
	font-weight: bold;
	background-color:#740006;
	border-bottom: #eee8cd 1px solid;
	color: #ffffff;
	text-align:left;
	padding-right:0px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration:none;	
}

a.nav:hover,a.nav:active
	{
	background-color: #00746d; /* blue */
	color: #ffffff;
}


a.nav2:link,a.nav2:visited
{
	font-size: 14px; 
	font-family: "trebuchet ms", arial, sans-serif;
	display:block;
	width:190px;
	font-weight: bold;
	background-color: #0066cc;
	color: #ffffff;
	text-align:left;
	padding-right:0px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration:none;	
}

a.nav2:hover,a.nav2:active
	{
	background-color: #cc6600; 
	color: #ffffff;
}
a.textlink:link,a.textlink:visited
{	
	font-size: 14px; font-family: "trebuchet ms", arial, sans-serif; 
	color: #b0171f; text-decoration:none;
	font-weight: #;
}

a.textlink:hover,a.textlink:active

	{	
	color: #cc6600; text-decoration:underline;
}


a.news:link, a.news:visited 
	{
	font-size: 14px; font-family: "trebuchet ms", arial, sans-serif; 
	color: #b22222; text-decoration:none;
	font-weight: normal;
	}


a.news:active, a.news:hover {
	color: #000099; 
}

figcaption {font-size: 11px; font-family: "trebuchet ms", arial, sans-serif; 
	color: #268882;
	font-weight: bold;
	line-height: 110%;

}
/* anti-spam device */
#this_title
{
display:none;
}