/* ------------------- */
/*      STRUCTURE      */
/* ------------------- */

#wrapper {
	width: 844px;
	margin: 0px auto 0px auto;

}

#sandwich {
	width: 844px;
	background-image: url('../assets/page_bg_y.gif');
	background-repeat: repeat-y;
	background-position: center top;
}

#topHeader {
	width: 844px;
	height: 55px;
	background-image: url('../assets/top_header.jpg');
}

#header {
	width: 844px;
	height: 153px;
	background-image: url('../assets/header_bg.jpg');
}

#mainNav {
	/* styles for mainNav are in nav.css */
	
}

#content {
	width: 844px; /* Not sure I need this style */
}

#contentLeft {
	float: left;
	width: 316px;
	padding-top: 20px;
	padding-bottom: 15px; /* To stop any text running into the footer */
}

#contentPaddingLeft {
	width: 224px;
	padding-left: 92px;
}

.contentPaddingLeft {/* needed this style twice on left column*/
	width: 224px;
	padding-left: 92px;
}

#contentRight {
	float: right;
	width: 503px;
	padding-top: 20px;
	padding-bottom: 15px; /* To stop any text running into the footer */
}

#contentPaddingRight {
	width: 411px;
	padding-right: 92px;
	padding-bottom: 15px; /* To stop any p text getting to close to images below */
}

.image-right {
	float: right;
	margin: 0 0 15px 20px; }

.image-left {
	float: left;
	margin: 0 20px 15px 0; }

#footer {
	clear: both; /* This is really important */
	width: 844px;
	height: 30px;
	background-image: url('../assets/footer_bg.jpg');
}

#footerLeft {
	float: left;
	padding-left: 80px;
	padding-top: 11px;
}

#footerRight {
	float: right;
	padding-right: 80px;
	padding-top: 11px;
}

#designed {
	clear: both;
	width: 844px;
	padding: 15px 0px 25px 0px;
	text-align:center;
	background: #eeeace;
}



/* ------------------- */
/*       STYLES        */
/* ------------------- */

body {
	margin: 0px;
	background-color: #eeeace;
	font-family: Georgia, Times, Times New Roman, serif;
	color: #666;
	font-size: 11px;
}

p {
	color: #666;
	font-size: 12px;
	line-height: 155%;
}

a, a:visited, a:active {
	color: #0b6faa;
}

a:hover {
	text-decoration: none;
}

.gotolink {
margin: 0 auto; 
padding: 0 10px 2px 18px;
 background: url("../images/link_arrow_dark.png") no-repeat 5px 50%;
 background-color: #5ebddd;
text-decoration: none;
color: #39444d;
 border: none;
 text-align:center;
	}

.gotolink:hover {
color: #fff;
 background: url("../images/link_arrow_white.png") no-repeat 5px 50%;
 background-color: #638eb8;
	}

span a, span a:visited, span a:active {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #95BFB5;
}

span a:hover {
	text-decoration: none;
}

h1 {
	font-size: 20px;
	font-family: Georgia, Times, Times New Roman, serif;
	font-weight: normal;
	line-height: 110%;
	color: #275471;
	padding-bottom: 10px;
}	
	
h1 span {
	color: #785936;
}

h1 span span {
	color: #95BFB5;
	font-size: 15px;
}	
	
h2 {
	color: #0b6faa;
	font-size: 13px;
	font-weight: bold;
	padding-top: 10px;
}

h3 {
	color: #0b6faa;
	font-size: 13px;
	font-weight: bold;
	padding-top: 30px; /* Same as h2 but with extra top padding */
}

ul {
	font-size: 11px;
	color: #0b6faa;
	list-style-type: disc;
	line-height: 155%;
}

table {
	padding-top: 10px;
}

td {
	font-size: 12px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color:#D1E3D3;
	color:#336666;
}
/*
td span {
	color: #785936;
	font-style: italic;
} might be needed in future*/

span table {
	padding-top: 10px;
}

span td {
	font-size: 12px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color:#D1E3D3;
	color:#336666;
}

span td span {
	color: #785936;
	font-style: italic;
}

#footer {
	font-size: 10px;
	color:#666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#footer a, #footer a:visited, #footer a:active { 
	color: #785936; /*  It's interesting that color is NOT inherited but size is */
	text-decoration: underline;
}

#footer a:hover { 
	text-decoration: none;
}

#designed a, #designed a:visited, #designed a:active {
	color: #999; /*  It's interesting that color is NOT inherited but size is */
	text-decoration: underline;
}

#designed a:hover {
	text-decoration: none;
	color: #95BFB5;
}

img {
	border:0;
	}