@charset "utf-8";
/* asgood */
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image: url(img/background.png);
	margin: 0;
	padding: 0px 0px 0px 0px;
	text-align: center; /* this centers the container in IE 5* browsers. */
	color: #000000;
}
#container {
	width: 1024px; /* change to % for liquid main column */
	background: #008040;
	padding: 0px 0px 0px 0px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/* **************  COLOURS **********************/
#header,.hdr1,.hdr2,.hdr3,.hdr4 {background: #008040;}
.leftcontent,.lc1,.lc2,.lc3,.lc4 {background: #005028;}
.rightcontent,.rc1,.rc2,.rc3,.rc4 {background: #97CBB1;}
.maincontent,.mc1,.mc2,.mc3,.mc4 {background: #9AFF9A;}
#footer,.ftr1,.ftr2,.ftr3,.ftr4 {background: #FFCC04;}

#header {
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	text-align: center;

}


.hdr1,.hdr2,.hdr3,.hdr4{font-size:1px;overflow:hidden;display:block;}
.hdr1{height:1px;margin:0 5px;}
.hdr2{height:1px;margin:0 3px;}
.hdr3{height:1px;margin:0 2px;}
.hdr4{height:2px;margin:0 1px;}

#leftbox {
	float: left;
	width: 220px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	overflow:hidden;
}

.leftcontent {
	padding: 1px 10px 1px 10px;
	margin: 0px 0px 0px 0px;
	    color:#FFF;
}

.lc1,.lc2,.lc3,.lc4{font-size:1px;overflow:hidden;display:block;}
.lc1{height:1px;margin:0 5px;}
.lc2{height:1px;margin:0 3px;}
.lc3{height:1px;margin:0 2px;}
.lc4{height:2px;margin:0 1px;}

#rightbox {
	float: right;
	width: 200px;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
	overflow:hidden;
}

.rightcontent {
	padding: 1px 10px 1px 10px;
	margin: 0px 0px 0px 0px;
	color:#000;
}

.rc1,.rc2,.rc3,.rc4{font-size:1px;overflow:hidden;display:block;}
.rc1{height:1px;margin:0 5px;}
.rc2{height:1px;margin:0 3px;}
.rc3{height:1px;margin:0 2px;}
.rc4{height:2px;margin:0 1px;}

#mainbox {
	padding: 0px 0px 0px 0px;
	margin: 0px 220px 0px 240px;
}

.maincontent {
	padding: 1px 10px 1px 10px;
	margin: 0px 0px 0px 0px;
}

.mc1,.mc2,.mc3,.mc4{font-size:1px;overflow:hidden;display:block;}
.mc1{height:1px;margin:0px 5px;}
.mc2{height:1px;margin:0px 3px;}
.mc3{height:1px;margin:0px 2px;}
.mc4{height:2px;margin:0px 1px;}

#footer {
	padding: 1px 10px 1px 10px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	color:#000
}

.ftr1,.ftr2,.ftr3,.ftr4{font-size:1px;overflow:hidden;display:block;}
.ftr1{height:1px;margin:0 5px;}
.ftr2{height:1px;margin:0 3px;}
.ftr3{height:1px;margin:0 2px;}
.ftr4{height:2px;margin:0 1px;}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
}
.spacer{margin:10px 0px;;}

.menu a 
{
    display: block;
    padding: .2em 0;
    color:#FFF;
}
.menu a:hover 
{
	color: #FFFFFF;
	text-decoration: none;
	background:#555555;
}
.menu ul
{
list-style-type: none;
padding: 0;
margin: 0;
}
.menu li
{
font-size: 12pt;
}
.menu li li
{
font-size: 10pt;
font-weight: normal;
background-image: url(img/bg_bullet_arrow.gif);
background-repeat: no-repeat;
background-position: 0.5em .5em;
padding-left: 1.1em;
}
.menu li.menu-current 
{
	font-weight: bold;
}

