*
{
	margin: 0;
	padding: 0;
}

html
{
	height: 100%;
}

body
{
	height: 100%;
/*	background-color: #CCCCCC;*/
	background:url(/templates/graphic1/images/back.png) center repeat;
	background-color:#e6e5e2;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: center;	
}


#boxsiteOut
{

	background:url(/templates/graphic1/images/background_body.png) center repeat-y;
	height: 100%;
	/*min-height: 100%;*/
}
#boxsite
{
	position: relative;
	width: 750px;
	margin: 0 auto;
	min-height: 100%;
	text-align: left;
	border-left: 1px;
	_left:1px;
}
#nonFooter
{
	position: relative;
	min-height: 100%;
}

* html #nonFooter
{
	height: 100%;
}

#footer
{
	bottom:0px;
	position: relative;
	margin: -8.5em auto 0 auto;
	padding-top: 10px;
	height:85px;
	width:750px;
	text-align: center;
	font-size: 0.7em;
	background:url(/templates/graphic1/images/back_footer.gif) top repeat-x;
}

* html #footer
{
	margin-top: -6.4em;
}

#head
{
	text-align: center;
}

#menu
{
	background-color: #2072B2;
	font-size: 0.8em;
	color: #FFFFFF;
	padding:10px 10px 10px 10px;
}
#menu .item, #menu .separator
{
	display:inline;
	position:relative;
}
#menu .separator
{
	padding:0px 10px 0px 10px;
}
#menu .menu1 .item a
{
	color: #FFFFFF;
	text-decoration: none;
}
#menu .menu1 .item a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}
#spot
{
	background: #2072B2 url(../images/backspot.png);
	height: 218px;
	border-top: 1px solid #9ee1f2;
}
#colours
{
	position: absolute;
	top:0px;
	right: -30px;
	z-index: 10000;
}
#star
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 90%;
    height: 90%;
    z-index: -100;
}