html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a {
	color: #337700;
}

a:hover {
	color: #66aa00;
}

body {
	background: #5a9e28; /*  */
	color: #282828;
	font: normal 1em Verdana, sans-serif;
	padding-top: 20px;
}

p,code,ul {
	padding-bottom: 1.0em;
}

li {
margin-left: 30px;
line-height: 150%;
}

h1 {font: bold 1.5em Verdana,sans-serif;}
h2 {font: bold 1.2em Verdana,sans-serif;}
h3 {font: bold 1em Verdana,sans-serif;}


h1,h2,h3 {padding-top: 3px; color: #337700; margin-bottom: 18px;}

hr {

	margin-bottom: 20px;
	width: 80%;
	color: #337700;
	}

.break {clear: both; font-size: 0;}


.inner {
	border: 2px solid #000000;
	background: #fcf8c9;
	font-size: 1em;
	margin: 0 auto;
	padding: 10px;
	width: 750px;
}

.outer {
	background: #d6f0b4 url('images/background.jpg') repeat-x;
	padding-bottom: 24px;
}


.header {
	background: #fcf8c9 url('images/banner.jpg') no-repeat;
	height: 250px;
	margin-bottom: 0px;
	text-align: center;
	border-bottom: 2px solid #337700;
}
.header .title {
	color: #337700;
	padding-top: 20px;
}
.header .title .name a {
	color: #fcf8c9;
	float:right;
	font-size: 2.5em;
	font-style: normal;
	letter-spacing: 0.2em;
  font-family: 'Times New Roman';
	padding-top: 0px;
	font-weight: bold;
	padding-right: 22px;
	text-decoration: none;
	display: none;
}
.header .title a:hover {border-color: #F60;}



/*
.header .title .tag {
	text-align: right;
	font-size: 1.2em;
	font-style: italic;
	letter-spacing: 0.2em;
  font-family: 'Times New Roman';
	padding-top: 150px;
	padding-right: 0px;
	
}
*/

.navigation {
	float: left;
	width: 180px;
}
.navigation h2 {
	color: #337700;
	font: bold 1.4em Arial , sans-serif;
	line-height: 30px;
	margin: 0;
	margin-bottom: 10px;
	padding-left: 11px;
}
.navigation ul {
	border-top: 1px solid #337700;
}
.navigation li {
  border-bottom: 1px solid #337700;
  list-style: none;
	margin-left: 0px;
}

.navigation li a {
	font-size: 1.1em;
	color: #337700;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.navigation li a:hover {
	background: #337700;
	color: #fcf8c9;	  /* c7c7c7 337700 fcf8c9  */
}


.main {
	background: #fcf8c9;
	padding: 0px 10px 0 0;
}


.content {
	float: right;
	width: 537px;
	margin-left: 5px;
	margin-right: 5px;
	padding-top:10px;
}

.content p {
	font-family: arial, Verdana, sans-serif;
	line-height: 180%;
}


.footer {
	background: #337700 url('images/footer-background.jpg') repeat-x;
	color: #fcf8c9;
	font: bold 0.9em arial, Verdana, sans-serif;
	margin-top: 5px;
	padding: 10px 12px 0px 12px;
	border: 1px solid black;
	text-align: right;
	line-height: 150%;
}
.footer a {
	color: #fcf8c9;
	text-decoration: none;
}
.footer a:hover {
	color: #fcf8c9;
	text-decoration: underline;
	}

.side {
	text-align: center;
	background: #337700  url('images/side-background.jpg') repeat-x;
	color: #fcf8c9;
	font: normal 0.9em arial, Verdana, sans-serif;
  padding: 10px 0px 0px 0px;
  line-height: 140%;
  border: 1px solid black;
  margin-right: 10px;
  margin-left: 10px;
}

.imgmain {
border: 1px solid #337700;
margin : 0px 0px 10px 0px;
}
.imgright {
float : right;
border: 1px solid #337700;
margin : 10px 0px 10px 20px;
}
.imgleft {
float : left;
border: 1px solid #337700;
margin : 10px 20px 10px 0px;
}