/* Import colour information into main stylesheet */
@import url("colours.css");


html {	height: 100.2%; }

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 75%;
	margin: 0;
	padding: 0;
	background: #fff url(../images/bg_body.png) repeat-x;
	color: #262626;
}

/* Remove browser defaults */
h1,h2,h3,h4,h5,h6,form,table,tr,td,ul,li,p { margin: 0; padding: 0; }
img { border: none; }
.no_r_b { border-right: none !important; }

/* Clear */
.clearfix {	clear: both !important;	float: none !important;	}


/* 	Main page sturcture :
	.container : main wrapper
	.top : logo + strapline
	.left_col : left column + navigation
	.mid_col : content column + text formatting + tables etc...
	.right_col : right column + pods
	.footer : copyright + footer links

*/

/* Main wrapper */
div.container {
	width: 900px;
	margin: 0 auto;
	background: url(../images/bg_container.png) repeat-y;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* Top section */
div.top {
	height: 89px;
	background: url(../images/bg_mast_head.png) no-repeat;
	width: 900px;
	position: relative;
	border-bottom: 1px solid #fff;
}

div.top img.logo {
	position: absolute;
	left: 5px;
	top: 12px;
}

div.top p.strapline {
	color: #fff;
	font-size: 1em;
	text-align: center;
	width: 505px;
	margin-left: 206px;
	padding-top:30px;
	line-height: 1.4em;
}


/* Left column */
div.left_col {
	width: 185px;
	float: left;
}

/* Middle column */
div.mid_col {
	width: 530px;
	float: left;
	padding: 0 10px 2em 10px;
}

/* Right column */
div.right_col {
	width: 165px;
	float: left;
	padding-bottom: 2em;
}


/* Left navigation */
div.left_col ul {
	list-style: none;
}


div.left_col ul li a {
	color: #262626;
	text-decoration: none;
	display: block;
	padding: 0.9em 0 0.9em 1.3em;
	border-bottom: 1px solid;
}

div.left_col ul li ul li a {
	padding-left: 2em;
}

/* Left navigation section link arrow positioning for main links (see colours.css for colour definitions) */
div.left_col ul li.nav {
	background: no-repeat left 10px;
}



/* Middle column - content formatting */
div.mid_col h1 {
	border-bottom: 1px solid ;
	font-size: 1.5em;
	padding: 0.5em 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* sans-serif font for text eleements in middle column */
div.mid_col  {
	font-family: Arial, Helvetica, sans-serif;
}

/* Headings in middle column */
div.mid_col h2 { font-size: 1.3em; }
div.mid_col h3 { font-size: 1.2em; }
div.mid_col h4 { font-size: 1.1em; }
div.mid_col h5, div.mid_col h6 { font-size: 1em; }

div.mid_col h1,
div.mid_col h2,
div.mid_col h3,
div.mid_col h4,
div.mid_col h5,
div.mid_col h6,
div.mid_col p {
	margin-bottom: 0.7em;
	line-height: 1.4em;
}


/* Table styles */
div.mid_col table {
	width: 100%;
	border-collapse: collapse;
}

div.mid_col table thead tr th {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	text-align: left;
	padding: 0.3em 0;	
	border-bottom: 1px solid #999999;	
}

div.mid_col table tbody tr td {
	padding: 0.3em 0;
	border-bottom: 1px solid #999999;
}

/* Mid column list styles */
div.mid_col ul {
	margin-left: 1.2em;
	margin-bottom: 0.5em;
}

div.mid_col ul li {
	margin-bottom: 0.3em;
}


/* Right column styles */
div.right_col div.pod {
	border-bottom: 1px;
	padding: 1.1em 0.7em;
	border-bottom: 1px solid #262626;
}

div.right_col div.pod h2 {
	font-size: 1.2em;
	margin-bottom: 0.5em;
}

div.right_col div.pod p,
div.right_col div.pod a {
	line-height: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
}

div.right_col div.pod a {
	font-weight: bold;
	color: #262626;
	text-decoration: none;
	padding-bottom: 0.5em;
}

div.right_col div.pod a img {
	padding-left: 0.3em;
}
	
/* Footer styles */
div.footer {
	clear: both;
	padding: 1.3em 0 4em 0;
	background: #262626;
	border-top: 1px solid #fff;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

div.footer ul {
	list-style: none;
	color: #979797;
	display: block;
	margin: 0 auto;
	width: 430px;
}

div.footer ul li {
	float: left;
	border-right: 1px solid #979797;
	padding: 0 0.7em;
}

div.footer ul li a {
	color: #fff;
	text-decoration: none;
}


/* Home page styles */

div.pod_home {
	width: 174px;
	height: 292px;
	float: left;
	margin-right: 4px;
	background: #262626;
	color: #fff;
	margin-top: 1em;
	padding-bottom: 1em;
}

div.pod_flash {
	width: 160px;
	float: left;
	background: #cdcdcd;
}

div.pod_home img {
	padding-bottom: 0.5em;
}

div.pod_home h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	color: #fff !important;
	padding-left: 0.5em;
}

div.pod_home p {
	padding-left: 0.5em;
}

div.pod_home a img {
	vertical-align: middle;
	padding-left: 0.5em;
	margin-top: 0.5em;
}

div.pod_home a {
	color: #fff !important;
	padding-left: 0.5em;
	text-decoration: none;
}