body {
	background-image: url(images/layout-top-bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	font: 12px Verdana, Arial, Myriad, Helvetica, Tahoma, clean, sans-serif; 
	*font-size: 75%;
	line-height: 1.3em;
}

#layoutTop01 {
	height: 88px;
	background-image: url(images/layout-top.jpg);
	background-repeat: no-repeat;
}

#layoutTop02 {
	height: 22px;
	background-color: #225300;
}

#layoutMiddle, #layoutFooterCont {
	min-width: 600px;
	max-width: 992px;
	*width: 992px;
}

#layoutMiddle {
	margin-top: 50px;
}

#layoutMain {
	margin-left: 210px;
	min-height: 380px;
}

h1 {
	font-size: 1.5em;
	font-weight: normal;
	margin: 0 0 0.8em 0;
	padding: 0.1em 0 0.1em 0;
	color: #2E7300;
	border-style: solid;
	border-color: #cccccc;
	border-bottom-width: 1px;
}

h2 {
	font-size: 1.3em;
	font-weight: normal;
	margin: 1.66em 0 0.33em 0;
	color: #2E7300;
}

h3 {
	font-size: 1em;
	font-weight: bold;
	margin: 1.66em 0 0.33em 0;
	color: #2E7300;
}

p {
	margin: 0.33em 0 1em 0;
}

strong {
	font-weight: bold;
}

a {
	color: #cc0000;
}

pre, code, blockquote {
	padding:8px;
	background-color: #F4F5F7;
}

/*
a:link {
	color:#333399;
}

a:visited {
	color:#884488;
}
*/

#layoutFooterCont {
	clear: left;
	padding-top: 30px;
}

#layoutFooter {
	border-top: 1px solid #48b100;
	height: 83px;
	padding: 5px 0 0 12px;
	font-size: 0.9em;
	letter-spacing: 0.1em;
}

#layoutNav {
 float: left;
 width: 180px;
}

#menuMain {
	margin-left: 230px;
}

#menuMain li {
	float: left;
	margin: 5px 26px 0 0;
	letter-spacing: 0.1em;
}

#menuMain a {
	color: #ffffff;
	text-decoration: none;
}

#menuMain a:hover {
	color: #cc0000;
}

#menuMain li.menuIsActive a {
	color: #48b100;
} 

.sideMenu, #layoutNav div {
	margin-left: 10px;
}

.sideMenu ul {
	margin-left: 12px;
}

.sideMenu li {
	padding: 1px 0 1px 0;
}

.sideMenu a {
	display: block;
	text-decoration: none;
	color: black;
	letter-spacing: 0.1em;
	padding: 6px 0 6px 0;
	font-size: 1em;
	border-bottom: 1px solid #48b100;
}

.sideMenu a:hover {
	background-color: #DFE8D9;
}

.sideMenu li.menuHasChildren {
	color: #cc0000;
}

.sideMenu li.menuIsOpen {
	background-image: url('images/navopen.gif');
	background-repeat: no-repeat;
	background-position: right 13px;
}

.sideMenu li.menuIsOpen > a {	/* no way in IE6 */
	color: #cc0000;
}

.sideMenu li.menuIsActive a {
	background-color: #DFE8D9;
	color: #cc0000;	
}

.sideMenu li li li {
	font-size: 0.9em;
}

.clearFix1 {
	_zoom: 1;	/* IE6 triggers hasLayout */
}

.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/** Start UlMenu1 ***
 * thanks to: http://www.seoconsultants.com/css/menus/tutorial/
 */
.ulMenu1 {
	/* set width for menu here */
	float: left;
	margin: 2px 4px 2px 4px;
}

.ulMenu1 li {
	position: relative;
	padding-right: 2px;	/* to align bg arrow 2px right */
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	background: #efefef;
}

.ulMenu1 li a {
	display: block;
	padding: 4px 14px 3px 6px;
	color: #000000;
	text-decoration: none;
	background-image: url(images/icon_arrowdown.gif);
	background-position: right;
	background-repeat: no-repeat;	
}

/* submenu */
.ulMenu1 li:hover ul {
	display: block;
}

.ulMenu1 li ul {
	position: absolute;
	display: none;
	/* set width for submenu here */
	left: -1px;	/* to compensate for border of containing ul */
	border: 1px solid #cccccc;
	z-index: 10;
}

.ulMenu1 li ul li {
	border: none;
	padding-right: 0;	/* remove padding for arrow */	
}

.ulMenu1 li ul li a {
	padding: 5px 14px 5px 6px;
	background-image: none;
	height: 1%; /* IE: make links honour display: block; properly */
}

.ulMenu1 li ul li a:hover {
	color: #cc0000;
	background: #ffffff;
}

.ulMenu1 .mActive > a {
	color: #cc0000;
	background-color: #ffffff;
}

/*** End Submenu ***/


ul.main li {
	background: url(images/bullet1.gif) no-repeat  0 0.5em;
	padding-left: 8px; /* the width of your image + some space */
	margin: 10px 0;
}

.small {
	font-size: 0.9em;
}