#container {
	width: 760px;  /*  */
	background: #EEEEEE;    /* Page background colour */
	margin: 0 auto;
	text-align: left;       /* This overrides the text-align: center on the body element. */
	padding: 10px;
	border: 0px solid #666666;
} 

#inner-container {    /* creates line around the edge of the page */
	border: 2px solid #CCCCCC;
	margin: 0px;
	padding: 5px;
	/* background-color: #EEEEEE; */
}

#header {
	border: 0px solid #FFFF00;
}

/* Main Menu ------------------------------------------------------------- */
#mainmenu {
	width: 100%;
	height: 30px;
	border: 0px solid #F70E09;
	margin-right: 20px;
}

#mainmenu-text {
	/* clear: both; */
   float: right;
	padding: 5px 0px 0px;
	height: 20px;
	margin-right: 10px;
	/* width: 100%; */
}

/* Home Menu ------------------------------------------------------------- */
#homemenu-box {

}

#homemenu-box ul {
	margin: 0px;
	padding: 0px 10px 0px 0px;
	list-style-type: none;
	width: 150px;
}
#homemenu-box li {
	font-size: 20px;
	list-style-type: none;
	display: list-item;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	line-height: 25px;
	/* border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999; */
}

/* Sub Menu ------------------------------------------------------------- */
#submenu {
	width: 100%;
	height: 50px;
	border: 0px solid #F70E09;
	padding-right: 0px;
}

#submenu-text {
	/* clear: both; */
   float: right;
	padding: 5px 0px 0px;
	height: 20px;
	margin-right: 0px;
	/* width: 100%; */
}

#submenu-list {
	/* clear: both; */
   float: right;
	padding: 5px 0px 0px;
	height: 20px;
	margin-right: 0px;
	/* width: 100%; */
}

/* Tab List ------------------------------------------------------------- */
#tablist {
	width: 100%;
	height: 30px;
	border: 0px solid #F70E09;
	padding: 5px 0px 0px;
	padding-right: 0px;
	margin-bottom: 60px;   /*  Increased from 20 NRW 19/11/24 */
}

#tablist-text {
	/* clear: both; */
   float: left;
	padding: 5px 0px 0px;
	height: 20px;
	margin-right: 0px;
	/* width: 100%; */
}

#tablist-list {
	clear: both;
   float: left;
	padding: 5px 0px 0px;
	height: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
}

/* Main Body ------------------------------------------------------------- */
#mainbody {
	clear: both;
	margin-top: 10px;
}

/* Main Content -------------------------------------------------------- */
#maincontent {
	/* float: left;               Works for IE but not the rest*/
	border: 0px solid #009933;
	padding-right: 200px;
	padding-left: 200px;
	clear: none;
}

/* Footer -------------------------------------------------------------- */

#footer {
	border: 0px solid #FF0000;
	clear: both;
	font-size: 10px;
	color: #999999;
	text-align: center;
	padding-top: 20px;
	/* float: left; */
}

/* Audio -------------------------------------------------------------- */

#audio {
	padding-top: 15px;
	clear: both;
}

.audio-text {
	float: left;
	text-align: right;
	padding: 8px;
	clear: both;
	width: 300px;
	border: 0px solid #FF0000;
}

.audio-player {
	float: left;
	padding: 5px;
	width: 240px;
	border: 0px solid #0033CC;
}
