@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-color:#666666;
	
	background-image: url(../images/fullbhuna/background.jpg);
	background-repeat: repeat-x;
	margin: 0px;

	padding: 0px;

	

}

#container {

	padding: 0px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	width: 960px;

	background-color: #FFF;

	background-repeat: repeat-y;

	position:relative; /*absolute items will appear correctly positioned within relative container */

}

#container #header {

	background-image: url(../images/fullbhuna/header.jpg);

	height: 130px;

}

#container #leftMargin {



	display: inline;  /* fixes bug in IE6 that moves float to double margin */

	margin: 20px 0px;

	padding: 0px;

	float: left;

	width: 160px;

	margin-bottom:0px;

}

#container #leftMargin p {

	color:#999999;

	margin: 10px;

}

#container #leftMargin p#greeting {

	margin: 10px 10px;
	color:#333;

}

#container #leftMargin ul {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

}

#container #leftMargin ul li {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

}

#container #leftMargin ul li a {

	display: block;

	margin: 0px;

	padding: 10px;

	width: 140px;

	font-weight: normal;

	text-transform: uppercase;

	text-decoration: none;

	color: #333;

	/* use zoom:1 to fix IE problems here */

}

#container #leftMargin ul li a:hover {

	background-color: #666666;

}

#container #footer {

	background-image: url(../images/fullbhuna/footer.png);

	background-repeat: no-repeat;

	clear: both;

	background-color: #FFFFFF;

}



#dropmenudiv{

position:absolute;

border:1px solid black;

border-bottom-width: 0;

font:normal 12px Verdana;

line-height:18px;

z-index:100;

}

#dropmenudiv a{

width: 100%;

display: block;

text-indent: 3px;

border-bottom: 1px solid black;

padding: 1px 0;

text-decoration: none;

font-weight: bold;

}



#dropmenudiv a:hover{ /*hover background color*/

background-color: grey;

}