/* tags */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
h1, h2, h3 {
	font-size:14px;
	text-transform:uppercase;
}
h1, h2, h3, img, p, table{
	margin: 1em;
}

/* layout */
#banner, #menu {
	clear:both;
	width: 800px;
	border: thin solid #6666CC;
	margin: 0 auto;
}
#wrapper, #footer{
	width: 800px;
	border: thin solid #6666CC;
	background-color: #6666CC;
	margin: 0 auto;
}
#sidebar{
	float:left;
	padding: 1em 1em 0em 0em;
	background-color: #6666CC;
	width: 110px;
}
#content{
	float:left;
	width: 675px;
}
* html #content{
	width: 670px;
}
#sidefooter{
	border: thin solid #6666CC;
	float:left;
	clear:left;
	padding: 1em 1em 0em 0em;
	background-color: #6666CC;
	width:  108px;
}
#contentfooter{
	padding: 0 0 0 0;
	float:left;
	width: 675px;
}
* html #contentfooter{
	width: 670px;
}

/* banner styles */
#banner{
	text-align:center;
	background-color: #6666CC;
}
/* banner headings */
#banner address, #banner h1, #banner h2{
	font-size:16px;
	margin: 0 0 0 0;
	color: #FFCC99;
	font-weight: bold;
}
#banner h1{
	margin: 1em 0 0 0;
}

/* menu styles */
#menu a{
	/* positioning */
	display:block;
	float: left;
	/* layout */
	font-size:12px;
	padding: .1em 1em;
	margin: 0.5em 1em;
	/* styles */
	text-decoration:none;
	/* button effects */
	color: #FFFFFF;
	background-color: #6666CC;
	/* lighter than background color */
	border-top: 2px solid #8888EE;
	border-left: 2px solid #8888EE;
	/* darker than background color */
	border-right: 2px solid #4444AA;
	border-bottom: 2px solid #4444AA;
}
#menu a:hover{
	/* button effects */
	color: #EEEEEE;
	/* slightly darker than the unhovered version */
	background-color: #5555DD;
	/* darker than background color */
	border-top: 2px solid #4444AA;
	border-left: 2px solid #4444AA;
	/* lighter than background color */
	border-right: 2px solid #8888EE;
	border-bottom: 2px solid #8888EE;
}

/* sidebar styles */
#sidebar a{
	/* positioning */
	display:block;
	/* layout */
	font-size:12px;
	padding: .1em .5em;
	margin: 0.5em 1em;
	/* styles */
	text-decoration:none;
	/* button effects */
	color: #FFFFFF;
	background-color: #6666CC;
	/* lighter than background color */
	border-top: 2px solid #8888EE;
	border-left: 2px solid #8888EE;
	/* darker than background color */
	border-right: 2px solid #4444AA;
	border-bottom: 2px solid #4444AA;
}
#sidebar a:hover{
	/* button effects */
	color: #EEEEEE;
	/* slightly darker than the unhovered version */
	background-color: #5555DD;
	/* darker than background color */
	border-top: 2px solid #4444AA;
	border-left: 2px solid #4444AA;
	/* lighter than background color */
	border-right: 2px solid #8888EE;
	border-bottom: 2px solid #8888EE;
}

/* footer styles */
#sidefooter a{
	/* positioning */
	display:block;
	/* layout 
	width:8%;*/
	height:auto;
	font-size:12px;
	padding: .1em .5em;
	margin: 0.5em 1em;
	/* styles */
	text-decoration:none;
	color: #FFFFFF;
	background-color: #6666CC;
	/* lighter than background color */
	border-top: 2px solid #8888EE;
	border-left: 2px solid #8888EE;
	/* darker than background color */
	border-right: 2px solid #4444AA;
	border-bottom: 2px solid #4444AA;
}
#sidefooter a:hover{
	/* button effects */
	color: #EEEEEE;
	/* slightly darker than the unhovered version */
	background-color: #5555DD;
	/* darker than background color */
	border-top: 2px solid #4444AA;
	border-left: 2px solid #4444AA;
	/* lighter than background color */
	border-right: 2px solid #8888EE;
	border-bottom: 2px solid #8888EE;
}

/* content styles */
#content .content-item{
	float:left;
	clear:both;
	margin: 0.05em 0em;
	border: thin solid #6666CC;
	width: 100%;
	background-color: #FFFFFF;
}
#contentfooter .content-item{
	float:left;
	clear:right;
	margin: 0.05em 0em;
	padding: 1em 0 0.5em 0;
	border: thin solid #6666CC;
	/*width: 99.9%;*/
	width: 100%;
	background-color: #FFFFFF;
}

/* classes */
/* push a something left */
.left{
	display:block;
	float:left;
	clear:left;
}
/* push a something right */
.right{
	display:block;
	float:right; 
	clear:right;
}
/* push a something to the centre */
.centered{
	display:block;
	margin-left: 30%; /* not actually centered, just giving it a big left margin to achieve the desired effect */
}