/* CSS Document */

/* Centre everything */
#body-center {
	text-align:center;
	}

/* Create container 1002px wide */
#body {
	position:relative;
	left:0px;
	top:0px;
	width:1002px;
	height:580px;
	text-align:left;
	padding-bottom:0px;
	border:0px solid #000000;
	background-image:url(images/2011-bg-image.jpg);
	background-repeat:no-repeat;
	}
	
/* Create copyright box at bottom */
#copyright  {
	position:relative;
	left:0px;
	top:430px;
	width:1002px;
	height:90px;
	text-align:center;
	padding-bottom:0px;
	background-color:#ffffff;
	border:0px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	text-decoration: none;
	z-index: 5;
}



/* Create left column 191px wide */
#menu-box {
	position:relative;	
	left:55px;
	top:0px;
	width:925px;
	height:32px;
	border:0px solid #000000;
	}

/*Create menu */	
#menu {
		font:bold 18px Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		top:0px;
		height:140px;
		
		}
	#menu a {
		display:table-column;
		text-align:left;
		line-height:25px;
		vertical-align: 30%;
		padding-left:10px;
		text-decoration:underline;
		color:#2a486a;
		}
	#menu a:hover {
		text-decoration:overline;
		color:#52380a; 
		}	

/* Background etc for second level - eg contact form */

#body-sl {
	position:relative;
	left:0px;
	top:0px;
	width:1002px;
	height:580px;
	text-align:left;
	padding-bottom:0px;
	border:0px solid #000000;
	background-image: url(images/2011-bg-image2.jpg);
	background-repeat: no-repeat;
	}

		
/* Create box for contact form sl */

#column-contact {
	position:relative;
	font:bold 13px Arial, Helvetica, sans-serif;
	left:20px;
	top:-50px;
	width:700px;
	height:490px;
	border:0px solid #000000;
	z-index: 10;
	}