/* Styles for the entire body */
body {
	background:url(../images/background.jpg) repeat;
	color: #444; 
}

#container {
  margin: 10px auto;
  width: 950px;
  padding: 10px;
  background-color: #fff;
}
h4 { color: #808080; background: inherit; font-weight: normal; font-size: .9em; }

/* Menu */

#menu {
	width: auto;
	height: 40px;
	margin: 0 auto;
	background: #EFFCF0;
	border: 10px solid #5A7945;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 32px;
	padding: 8px 20px 0 20px;
	border-right: 1px solid #235324;
	text-decoration: none;
	font-weight: bold;
	color: #235324;
}

#menu a:hover {
	background: #DAEBDB;
}

#menu #rss a {
	float: right;
	padding-left: 30px;
	background: url(../images/img02.gif) no-repeat 10px 50%;
	border: none;
}

#menu #rss a:hover {
	background-color: #DAEBDB;
}
#menu li a#active
{
	color: #235324;
	background : #DAEBDB; 
}

/* Styles for the header including logo */
#header {
	height : 100px;
	width:100%;
	background-image: url(../images/banner3.jpg);
	border-top: 3px solid #FFFFFF;
}
#headersecond {
	height : 100px;
	width:100%;
	border-top: 3px solid #FFFFFF;
	border-bottom: 3px solid #ffffff;
	background-image: url(../images/banner3.jpg);
}
#logo { 
	float:left;
	font-family: "Century Gothic", Arial, verdana, sans-serif;
	font-size: 152%;
	font-weight: bold;
	color: #fff;
	padding:30px 0px 0px 10px; 
	width:40%; 
	background-color: inherit;
}

#headermenu { 
	float: right;
	text-align: right;
	font-family: Arial, verdana, sans-serif;
	font-size: 77%;
	color: #fff;
	width:57%; 
	padding: 10px 10px 0px 0px; 
	background-color: inherit;
}

#headermenu a {
	text-decoration: none;
	color: #FFFFFF;
	background-color: inherit;
}

#headermenu a:hover {
	text-decoration: underline;
}

/* Styles for the tabbed horizontal menu */
#navlistcontainer {
	clear: both;
	background-color: #5A7945;
	padding-top: 2px;
}

#navlist
{
	padding: 3px 10px;
	margin: 0px;
	border-bottom: 3px solid #FFF;
	font: bold 80% Verdana, sans-serif;
}

#navlist li
{
	list-style: none;
	margin: 0;
	display: inline;
}

#navlist li a
{
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 2px solid #FFF;
	border-bottom: none;
	background: #D9E4D1;
	text-decoration: none;
}

#navlist li a:link { 
	color: #5A7945;
	background : #D9E4D1; 
	border-color: #FFF;

 }

#navlist li a:visited { 
	color: #5A7945;
	background : #D9E4D1; 
	border-color: #FFF;
 }

#navlist li a:hover
{
	color: #FFF;
	background : #5A7945; 
	border-color: #FFF;
}

#navlist li a#current
{
	color: #FFF;
	background : #5A7945; 
}

/* Styles for the infobox */
#infobox {
    border-top: 3px solid #5A7945;
    border-bottom: 3px solid #5A7945;
    clear: both;
    margin: 0px auto;
    height :160px;
    width:100%;
    background-color: #D9E4D1;
}
#infobox .title {
	float: left;
	width: 25%;
	padding: 0 20px;
	text-align: right;
	line-height: 1.2em;
	font-size: 2.2em;
	background-color: #D9E4D1;
}
#infobox .story {
	float: right;
	width: 64.5%;
	padding: 0px 20px;
	border-left: 1px solid #C6DAC7;
	margin-top: 10px;
}

#nutshell h2 { 
	margin: 0px;
	text-align: left;
	font-family: Arial, verdana, sans-serif;
	color: #5A7945;
	font-size: 100%;
	padding:5px 0px 0px 10px; 
	background-color: inherit;
}

#nutshell p { 
	text-align: left;
	padding:0px 10px 0px 10px; 
	font-family: Arial, verdana, sans-serif;
	font-size: 77%;
	font-weight: normal;
	color: #494949;
}

/* Styles for the main content */
#contents {
	clear: both;
	margin: 5px auto;
	width:100%;
	background-color: #FFF;
}

#secondpagecontents {
	clear: both;
	margin: 0px auto;
	width:100%;
	background-color: #FFF;
	border-top: 3px solid #5A7945;
	padding-top: 5px;
	margin-top: 5px;
}

#left { clear: left; float: left; width: 240px; padding: 0 34px 0 15px; font-size: .9em; margin: 0 0 15px; }
#leftmenu { list-style: none; margin: 0 0 20px 0; }
#leftmenu li { padding: 0 0 0 12px; background: #fff url(../images/bullet.gif) no-repeat center left; color: #46852F; }
#leftmenu li a { background: #EAFFE3; color: #46852F; }

#right {
	margin: 0 15px 20px 0;
	padding: 0 0 0 35px;
	border-left: 1px solid #ccc;
	float: right;
	width: 600px;
	text-align: justify;
}

#notice { padding: 9px 14px 1px; background: #f4f4f4 url(../images/noticebg.gif) no-repeat bottom right; color: #808080; }
#left a, #right a { background: #EFFCFF; color: #317486; }

#left h3 { border-bottom: 1px solid #eee; padding: 0 0 7px; margin: 0 0 15px 0; }
#right h2 { border-bottom: 1px solid #ccc; padding: 0 0 8px; }

.WrapText
{
	float:left;
	margin: 10px;
	padding: 5px;
	border:1px solid #5A7945;
	background:#D9E4D1;
}

/*Styles for the footer. */
#footer { clear: both; border-top: 1px solid #ccc; padding: 10px 0; margin: 0 0 55px 0; font-size: 0.9em; color: #808080; background: #fff; }
	#footer a { color: #4CA031; background: #fff; }
	#col1 { float: left; width: 284px; padding: 7px 0 0 15px; margin: 0 0 10px; }
	#col2 {
	float: left;
	width: 295px;
	border-left: 1px solid #ccc;
	padding: 7px 0 0 40px;
}
#col3 { float: right; width: 250px; border-left: 1px solid #ccc; padding: 7px 0 0 40px; }
