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.gif);
	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, ul {
	margin: 0 0 1em 0;
}

strong {
	font-weight: bold;
}

a {
	color: #cc0000;
}

a:visited {
	color: #743399;
}

a:active,
a:hover {
	color: #ff4b33;
}

img {
	image-rendering: optimizeQuality; /* Firefox 3.6+; default behavior is identical, no need to specify */
}

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;
}

.imgFrame {
	border: 5px solid #f1f1f1;
	-moz-box-shadow: inset 2px 2px 3px rgba(150, 150, 150, 0.5), 2px 2px 3px rgba(150, 150, 150, 0.5);
	-webkit-box-shadow: inset 2px 2px 3px rgba(120, 120, 120, 0.5), 2px 2px 3px rgba(120, 120, 120, 0.5);
	box-shadow: inset 2px 2px 3px rgba(150, 150, 150, 0.5), 2px 2px 3px rgba(150, 150, 150, 0.5);
	background-position: 0 0;
	background-repeat: no-repeat;
	line-height: 0;
}

.imgFrame a { display: block; text-decoration: none; }

.imgFrame img { visibility: hidden; }

.button {
	min-width: 80px;
	background-color: #DBDBDB;
	background-image: -moz-linear-gradient(center top, #FFFFFF, #DBDBDB);
	border: 1px solid #FFFFFF;
	border-radius: 18px 18px 18px 18px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
	color: #578626;
	display: block;
	padding: 4px 4px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 #FFFFFF;
	cursor: pointer;
}

.button:hover { background: -moz-linear-gradient(center top, #FFFFFF 0%, #D2E0EB 100%) repeat scroll 0 0 transparent; }

#menuMain {
	margin: 0 0 0 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;
}