#Page {
	width:890px;
}

#Banner
{
	/*these max #Banner-Content 945px x 314px. Adjust
	/padding-top to suit spacing from header as required*/
	padding-right:16px;
	padding-bottom:12px;
	padding-top: 26px;
	background-image: url(../images/banner_bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#Banner #Banner-Content
{
	height: 314px;
	width: 890px;
}

#Banner .Banner-Image
{
	float: left;
	width: 596px;
	height: 277px;
}

#Banner .Banner-Menu
{
	float: right;
	width: 244px;
	margin-right: 8px;
	height: 314px;
}
#Banner .Banner-Menu-Content
{
	height: 286px;
	overflow: auto;
}

#Banner .Banner-Menu .Item
{
	width: 244px;
	border-bottom: 1px solid #dfdfdf;
	padding-top: 0.2em;
	padding-bottom: 0.1em;
	clear: both;
}

#Banner .Banner-Menu .Item-On
{
	background-image: url(../images/banner_menu_bg.png);
	background-repeat: repeat-x;
}

#Banner .Banner-Menu .Item h3
{
	font-weight: normal;
	margin-top: 0;
	padding-top: 0.3em;
	margin-bottom: 0.3em;
	font-size: 1.4em;
	padding-left: 64px;
}

#Banner .Banner-Menu .Item h3 a { cursor: pointer; }
#Banner .Banner-Menu .Item p
{
	margin-top: 0;
	margin-bottom: 0.2em;
	font-size: 13px;
	padding-left: 64px;
}

#Banner .Banner-Menu .Item img
{
	/*icon*/
	float: left;
}

#Banner-Menu-Controls
{
	float: right;
	clear: right;
	width: 244px;
	height: 16px;
	margin-top: 12px;
}

#Banner-Menu-Controls div
{
	background-color: orange;
	width: 117px;
	height: 16px;
	background-repeat: no-repeat;
	/*"off", js sets on as required*/
	background-position: left bottom;
}

.Banner-Menu-Control-Down
{
	background-image: url(../images/banner_control_down.png);
	float: left;
}

.Banner-Menu-Control-Up
{
	background-image: url(../images/banner_control_up.png);
	float: right;
}