@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color:#23792a;
	background-image:url(../images/backgrounds/green_grad.JPG);
	background-position:center top;
	background-repeat:repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColFixCtrHdr #container {
	width: 1046px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background:none;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	background-color:none;
	background-image:url(../images/backgrounds/banner.PNG);
	height:243px;
	padding: 0;
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.oneColFixCtrHdr #mainContentTop {
	width: 1046px;
	height: 26px;
	margin: 0 auto;
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color: none;
	background-image:url(../images/backgrounds/box_top.PNG);
	}

.oneColFixCtrHdr #mainContent {
	width: 966px;
	margin: 0 auto;
	padding: 0 40px 0 40px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color: none;
	background-image:url(../images/backgrounds/box_middle.PNG);

}

.oneColFixCtrHdr #mainContentBottom {
	width: 1046px;
	height: 18px;
	margin: 0 auto;
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color: none;
	background-image:url(../images/backgrounds/box_bottom.PNG);
	}

.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
}

div.clear {clear: both; position:relative}

div.leftMenu {width:371px; height:auto; float:left; padding:0; margin:0; clear: right}
div.rightMenu {width:420px; height:500px; float:right; padding:15px 30px 0 30px; margin: 0 0 0 0; background-image:url(../images/backgrounds/shadedBox.jpg); background-color:none; background-repeat:no-repeat; background-position:top center}



a:link {text-decoration:none; color: #0066CC; font-family:Arial, Helvetica, sans-serif}
a:visited {text-decoration:none; color: #0066CC; font-family:Arial, Helvetica, sans-serif}
a:hover {text-decoration:underline; color:#0066CC; font-family:Arial, Helvetica, sans-serif}
a:active {text-decoration:underline overline;  color: #0066CC; font-family:Arial, Helvetica, sans-serif}

a.menu:link {text-decoration:none; color: #333333; font-size: 12px; font-family:Arial, Helvetica, sans-serif; margin:0}
a.menu:visited {text-decoration:none; color: #333333; font-size: 12px; font-family:Arial, Helvetica, sans-serif; margin:0}
a.menu:hover {text-decoration:none; color:#0066CC; font-size: 12px; font-family:Arial, Helvetica, sans-serif; margin:0}
a.menu:active {text-decoration:underline overline;  color: #0066CC; font-size: 12px; font-family:Arial, Helvetica, sans-serif; margin:0}

a.boxLink:link {text-decoration:none; color: #333333; font-size: 12px; font-family:Arial, Helvetica, sans-serif}
a.boxLink:visited {text-decoration:none; color: #333333; font-size: 12px; font-family:Arial, Helvetica, sans-serif}
a.boxLink:hover {text-decoration:none; color:#0066CC; font-size: 12px; font-family:Arial, Helvetica, sans-serif}
a.boxLink:active {text-decoration:underline overline;  color: #0066CC; font-size: 12px; font-family:Arial, Helvetica, sans-serif}

a.groups:link {color: #006600; font-weight: bold;	font-size: 16px; font-family:Arial, Helvetica, sans-serif; text-decoration:none}
a.groups:visited {color: #006600; font-weight: bold;	font-size: 16px;font-family:Arial, Helvetica, sans-serif; text-decoration:none}
a.groups:hover {color: #000000; font-weight: bold;	font-size: 16px;font-family:Arial, Helvetica, sans-serif; text-decoration:none}
a.groups:active {color: #006600; font-weight: bold;	font-size: 16px;font-family:Arial, Helvetica, sans-serif; text-decoration:none}

h1 {font-size:28px; font-family:Arial, Helvetica, sans-serif; color:#333333}
h2 {font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#006600}
h4 {font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#333333}
h5 {font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#006600; margin:2px 0}
p {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333}
.p {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333}
.small {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333}

.titleGreen {color: #006600; font-weight: bold;	font-size: 16px;}
.smallGreen {color: #006600; font-weight: bold;	font-size: 12px;}
.diary {color:#555; font-size: 12px;}

.menuBar {width:1046px; position:absolute; top:192px; padding:0 120px}
.menuBar2 {width:1046px; position:absolute; top:218px; padding:0 200px}
.menuItem {margin:0 40px; float:left;}
.menuItem2 {margin:0 30px; float:left;}

.clr {height:1px; clear:both}