body {margin: 10px 0; background: #8f8f8f url("images/layout/body-bg.gif") top left repeat-x; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #1a1a1a;}

a:visited, a:link {color: #cc2020; text-decoration: underline;}
a:hover {color: #000; text-decoration: none;}

.centre {text-align: center;}
.clear {clear: both;}

#container {text-align: left; margin: 0 auto; width: 960px; border: 1px solid #474747;}
#header {background: url("images/layout/header.jpg") top left no-repeat; height: 373px;}
#navigation {padding: 269px 0 0 45px; text-align: center;}
	#navigation a:visited, #navigation a:link {line-height: 45px; padding: 10px 30px; font-weight: bold; text-decoration: none; margin: 0 20px; color: #fff000;}
	#navigation a:hover {color: #fffdc2;}
	
	#page {background: #fff; padding: 10px 40px 20px 40px; line-height: 22px;}
	
#footer {text-align: right; padding: 10px; background: #fff; font-size: 12px; border-top: 1px dotted #ccc;}
	

h1 {font-size: 20px; font-weight: bold; border-bottom: 1px solid #9c0e0d; color: #9c0e0d;}

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

#page-left {float: left; width: 350px;}
#page-right {float: left; width: 500px; padding-left: 30px;}

.third {float: left; width: 32%; margin-left: 5px;} /* Used to seperate the page in to thirds */
.third:first-child {width: 33%;}
.third p {font-style: italic;}
.third ul {margin-left: 0; padding-left: 16px;}
.third ul li.nobullet {list-style: none;}
.third a img {border: 2px solid #cc2020; margin-top: 5px;}
.third a:hover img {border-color: #000;}