@charset "UTF-8";
/* Everything outwith the main content area  goes here - the main content is in sytles separately as it nee3dds to be handles by WYSIWYG editor */
body, html {
height: 100% /* this is to ensure 100% Flash movies always appear as such in FireFox */
}

#horizon { /* use this to centre eveything on the screen if necessary - in #container then use... position: absolute; left:50%; margin-left: -[half width]px; top: -[half height]px; */
left:0;
position:absolute;
text-align:center;
top:50%;
width:100%;
}

body {
	background-image: url(../images/fullbhuna/bg_repeat.png);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	background-color: #BAC0D5;
}
#container {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 960px;
	background-color: #FFF;
	background-image: url(/images/fullbhuna/repeat-y.gif);
	background-repeat: repeat-y;
	position:relative; /*absolute items will appear correctly positioned within relative container */
}
#container #header {
	background-image: url(/images/fullbhuna/header.png);
	background-repeat: no-repeat;
	height: 150px;
}
#container #leftMargin {
	display: inline;  /* fixes bug in IE6 that moves float to double margin */
	margin: 20px 0px;
	padding: 0px;
	float: left;
	width: 200px;
}
#container #leftMargin p {
	color: #FFF;
	margin: 10px;
}
#container #leftMargin p#greeting {
	margin: 10px 10px;
}
#container #leftMargin ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#container #leftMargin ul li {
	padding: 0px;
	list-style-type: none;
	border: 1px solid #8ACBA2;
	background-color: #AD5D92;
	margin: 5px;
}
#container #leftMargin ul li a {
	display: block;
	margin: 0px;
	padding: 5px;
	
	font-weight: normal;
	text-decoration: none;
	color: #FFF;	/* use zoom:1 to fix IE problems here */
}
#container #leftMargin ul li a:hover {
	background-color: #60608B;
}