@charset "utf-8";
@import url("typography.css");
/* CSS Document */

/*normalise margin, padding*/
body,div,dl,dt,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,a
{ margin:0; padding:0; }

/*normalise font size for headers*/
h1,h2,h3,h4,h5,h6
{ font-size:100%; }

/*remove list styles*/
ol,ul
{ list-style:none;}

/*normalise font weight and font style to normal*/
address,caption,cite,code,dfn,em,strong,th,var
{ font-style:normal; font-weight:normal; }

/*remove table styles from tables*/
table
{ border-collapse:collapse; border-spacing: 0; }

/*remove border from fieldset and img*/
fieldset,img
{ border:0; }

/*left aligns text in caption and th*/
caption,th
{ text-align:left; }

/*remove quotes from quotation marks*/
q:before,q:after
{ content:''; }

/*---------------------------------------------------------------------------*/

/*layer styles*/	

/*first main div layer that goes right across page 990px wide. Contains accessibility stuff*/

body {
	width: 1000px;
	background-image: url(../images/grid.gif);
}
#access {
	height: auto;
	width: 985px;
	text-align: right;
	padding-right: 5px;
}

/*second main div layer that goes right across page 990px wide. Contains title and address plus search box*/
#compname {
	height: auto;
	width: 990px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-image: url(../images/blueback1.gif);
}

#search {
	height: auto;
	width: 983px;
	text-align: right;
	padding-right: 5px;
	padding-top: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	background-color: #E8E8FF;
}

/*third main div layer that goes right across page 990px wide. Contains navigation column, main 2 column stories and two further saide columns*/
#leftnav {
	margin-right:5px;
	height: auto;
	width: 186px;
	float: left;
	background-color: #FFFFe6;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	margin-top: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#mainbody2col {
	margin-right: 5px;
	height: auto;
	width: 570px;
	float: left;
	padding: 5px;
	margin-top: 5px;
}
#mainbody1colleft {
	margin-right: 5px;
	height: auto;
	width: 186px;
	float: left;
	padding: 5px;
	margin-top: 5px;
	background-color: #ffffe6;
	border: 1px dotted #CCCCCC;
}
#mainbody1colright {
	height: auto;
	width: 185px;
	float: left;
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	position: relative;
	background-image: url(../images/maincolrightbackground.gif);
	background-repeat: repeat;
}
#mainbodycolcombined {
	min-height: 540px;
	width: 388px;
	float: left;
	background-color: #FFFFCC;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
/*footer 990 pixels wide*/
#footer {
	height: auto;
	width: 979px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding: 5px;
	margin-top: 5px;
	clear: both;
	float: left;
}
/*checks layer*/
#checks {
	height: auto;
	width: 975px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 10px;
}
#mainbody1colleftimages {
	min-height: 750px;
	width: 178px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #FFFFe6;
	border: 1px dotted #000066;
	position: relative;
}
