body {
	font: 0.9em 'Trebuchet MS', Arial, Helvetica, sans-serif;
	background: #f6f6f6;
}
h1 {
	font-size: 1.2em;
	margin: 0 auto 0.4em;
}
h2 {
	font-size: 1em;
	margin: 0.4em auto;
}
table td {
	vertical-align: top;
}
#header {
	padding: 12px 0 0 0;
	width: 840px;
	margin: auto;
}
#outer {
	width: 864px;
	margin: -3px auto 0;
	background: #ffffff;
	border: 2px solid #cccccc;
}
#content {
	padding: 12px;
}
.col_1 {
	width: 160px;
	float: left;
	margin: 0 15px 0 0;
}
.col_2 {
	float: left;
	width: 631px;
	background: #FFFFFF;
	border: 2px solid #ffffff;
	padding: 15px;
}
#footer {
	width: 870px;
	margin: auto;
	color: #000000;
	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: #3333cc;
	text-decoration: none;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}
#menu a:hover {
	background: #ffffff;
	color: #CC0000;
	text-decoration:underline;
}
.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;
}

#menu div.submenu:hover .subtop {    /*--- Create a constant hover effect for drop down menu (IE 6) ---*/
	color: #000000;
	background: #ffffff;
}
#menu div.submenu:hover>.subtop {    /*--- Create a constant hover effect for drop down menu ---*/
	color: #000000;
	background: #ffffff;
}
/*--- End Menu ---*/