body {
	font: 0.9em 'Trebuchet MS', Arial, Helvetica, sans-serif;
	background: #000066;
}
h1 {
	font-size: 1.2em;
	margin: 0 auto 0.4em;
}
h2 {
	font-size: 1em;
	margin: 0.4em auto;
}
table td {
	vertical-align: top;
}
#header {
	width: 840px;
	margin: auto;
}
#outer_top {
	hieght: 15px;
	width: 870px;
	margin: auto;
	background-image: url(/_images/layout/outer_top.jpg);
	background-repeat: no-repeat;
}
#outer {
	width: 864px;
	margin: -3px auto 0;
	background: #f1f1f1;
	border-left: 3px solid #c0c0c0;
	border-right: 3px solid #c0c0c0;
}
#outer_bottom {
	hieght: 15px;
	width: 870px;
	margin: auto;
	background-image: url(/_images/layout/outer_bottom.jpg);
	background-repeat: no-repeat;
}
#content {
	padding: 12px 12px 0;
}
.col_1 {
	width: 160px;
	float: left;
	margin: 0 15px 0 0;
}
.col_2_contain {
	width: 665px;
	float: left;
}
.col_2_top {
	hieght: 11px;
	width: 665px;
	background-image: url(/_images/layout/col_2_top.jpg);
	background-repeat: no-repeat;
}
.col_2_middle {
	border-left: 3px solid #c0c0c0;
	border-right: 3px solid #c0c0c0;
	background: #FFFFFF;
	padding: 0 15px;
	margin: -7px 0 0 0;
}
.col_2_bottom {
	hieght: 11px;
	width: 665px;
	background-image: url(/_images/layout/col_2_bottom.jpg);
	background-repeat: no-repeat;
}
#footer {
	width: 870px;
	margin: auto;
	color: #FFFFFF;
	font-size: 0.8em;
}
.clear {
	clear: both;
}
/*--- Vertical side menu with submenus works in all browsers (IE 6 needs csshover.htc) - (z-indexes make sure that the menu is always in front of other things) ---*/
#menu { /*--- Menu container div width ---*/
	width: 160px;
	z-index:200;
}
#menu a { /*--- Menu anchor style (You MUST have a background colour to prevent the menu from disappearing as you hover near text) ---*/
	z-index:200;
	display: block;
	width: 144px; /*--- Main menu item width ---*/
	padding: 2px 5px;
	background: #FFFFFF;
	color: #000000;
	text-decoration: none;
	border-left: 3px solid #c0c0c0;
	border-right: 3px solid #c0c0c0;
}
#menu_top {
	background-image: url(/_images/layout/menu_top.jpg);
	background-repeat: no-repeat;
	height: 28px;
	color: #FFFFFF;
	font-weight: 900;
	font-size: 1.1em;
	padding: 5px 12px 0;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
#menu_bottom {
	background-image: url(/_images/layout/menu_bottom.jpg);
	background-repeat: no-repeat;
	height: 12px;
}
#menu a:hover {
	background: #CCCCCC;
}
.subdiv {  /*--- Sub menu must stay hidden ---*/
	height: 1%;
	position: absolute;
	visibility: hidden;
}
#menu .subdiv a {  /*--- Sub menu width ---*/
	width: 200px;
}
div.submenu:hover .subdiv {   /*--- Make submenu visible when drop down hovered over (IE 6) ---*/
	z-index:200;
	visibility: visible;
	position: absolute;
	height: 0px;
}
html>body* div.submenu:hover .subdiv a {    /*--- Position submenu (Safari) ---*/
	position: relative;
	left: 157px;
	top: -22px;
}
html>body* div.submenu:hover .subdiv a {    /*--- Position submenu (IE 6) ---*/
	position: relative; # /*--- # hides the css from safari ---*/
	left: 157px; #
	top: -24px; #
}
div.submenu:hover .subdiv a {    /*--- Position submenu (IE 6) ---*/
	position: relative;
	left: 157px;
	top: -24px;
}
div.submenu:hover>.subdiv {     /*--- Make submenu visible when drop down hovered over ---*/
	z-index:200;
	visibility: visible;
	position: relative;
	height: 0px;
}
div.submenu:hover>.subdiv a {   /*--- Position submenu ---*/
	position: relative;
	left: 157px;
	top: -24px;
}
a.top {   /*--- Give the top items of menus a top border ---*/
	border-top: 2px solid #c0c0c0;
}
a.bottom {   /*--- Give the top items of menus a top border ---*/
	border-bottom: 2px solid #c0c0c0;
}
#menu div.submenu:hover .subtop {    /*--- Create a constant hover effect for drop down menu (IE 6) ---*/
	color: #000000;
	background: #CCCCCC;
}
#menu div.submenu:hover>.subtop {    /*--- Create a constant hover effect for drop down menu ---*/
	color: #000000;
	background: #CCCCCC;
}
/*--- End Menu ---*/