body {
	font-size: 0.9em;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #95c088;
	background-image: url(/_images/_layout/grad.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
img {
	border: 0;
}
p {
	font-size: 0.9em;
}
h1 {
	font-size: 1.2em;
	margin: 0 0 0.6em;
}
h2 {
	font-size: 1em;
	margin: 0.5em 0 0.2em;
}
#outer {
	width: 780px;
	margin: auto;
	background: #b6dc94;
}
#header {
	padding: 10px;
	background: #b6dc94;
}
#container {
	padding: 10px;
}
*html .col_1 {
	float: left;
	width: 158px;
	margin: -12px 10px -10px -5px;
	padding: 12px 10px;
	background: #b6dc94;
}
.col_1 {
	float: left;
	width: 158px;
	margin: -12px 10px -10px -10px;
	padding: 12px 10px;
	background: #b6dc94;
}
.col_2 {
	float: left;
	width: 560px;
	padding: 10px;
	background: #FFFFFF;
}
.quote {
	padding: 10px;
	font-size: 0.8em;
	font-style: italic;
}
.inner_quote {
	padding: 5px 20px;
	font-style: italic;
}
.clear {
	clear: both;
}
#footer {
	width: 780px;
	margin: auto;
	font-size: 0.7em;
}

/*--- 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: 146px;
	z-index:200;
	position: relative;
	bottom: 1px;
}
#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: 146px; /*--- Main menu item width ---*/
	padding:2px 5px;
	border-left: 3px solid #b6dc94;
	border-right: 3px solid #b6dc94;
	border-bottom: 3px solid #b6dc94;
	background: #FFFFFF;
	color: #000000;
	text-decoration: none;
	font-size: 0.9em;
}
#menu a:hover {
	background: #f1ffe4;
}
.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: -21px;
}
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: 1px solid #b6dc94;
}
#menu a.subtop { /*--- Give styles to flyout menu (Such as arrow pictures etc.) ---*/
}
#menu a.subtop:hover { /*--- Give Hover styles to flyout menu (Such as arrow pictures etc.) ---*/
}
#menu div.submenu:hover .subtop {    /*--- Create a constant hover effect for drop down menu (IE 6) ---*/
	color: #000000;
	background: #f1ffe4;
}
#menu div.submenu:hover>.subtop {    /*--- Create a constant hover effect for drop down menu ---*/
	color: #000000;
	background: #f1ffe4;
}
/*--- End Menu ---*/

.npl {
	clear: both;
	font-size: 0.8em;
}