@charset "UTF-8";
/* CSS Document */

<style type="text/css">

body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
}
h1 {
	font: bold 24px 'Open Sans', sans-serif;
	color: #600;
	margin:0;
}
h2 {
	font: bold 16px 'Open Sans', sans-serif;
	color: #600;
	line-height: 20px;
	margin:0;
}
h4 {
    font: normal 14px 'Open Sans', sans-serif;
	color: #600;
}
p {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #785e18;
	line-height: 22px;
	text-transform: none !important;
}

a img { 
	border: none;
}

a:link {
	color: #060;
	text-decoration: none;
}
a:visited {
	color: #060;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	color: #090;
	text-decoration: underline;
}

/* header*/
.header {
	width: 100%;
	height: 240px;
	overflow: hidden;
	margin-top: -12px;
	margin-bottom:20px !important;
	/* Standard syntax */
	background-image: url(../images/header/homepic.jpg);
	background-repeat: no-repeat;
	background-position: top;
	border:#FFF solid 0px;
}

.header_menu {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color:#060;
	font-weight:700;
	float: right;
	width: 30%;
	display:block;
	margin-top: -12px;
}
.header_menu ul{ 
	padding: 0;
}
ul.headermenu {
	list-style: none;
}
ul.headermenu li {
	border-bottom: none;
	float: left;
    height: 12px;
	float:left;
}
ul.headermenu a, ul.headermenu a:visited { 
	padding: 4px 24px 4px 20px;
	text-decoration: none;
	display:block;
	background-image:url(../images/header/lotus.gif);
	background-repeat:no-repeat;
	background-position: left center;
}
ul.headermenu a:hover, ul.headermenu a:active, ul.headermenu a:focus {
	color: #090;
}


/* body */
.container {
	width: 960px;
	background-color: #FFF;
	margin: 0 auto;
}

/* navigation */
.cssmenucenter {
	display: table;   /* Allow the centering to work */
	margin: 0 auto;
}
.cssmenu {
	display: table;
	width: 960px;
	margin: 0px auto;
	border-collapse: collapse;
	border: none;
	border-bottom:4px solid #060;
	}
.cssmenu ul {
	display: table-row;
}
.cssmenu li {
	display: table-cell;
	margin: 0;
}
.cssmenu .rmRootGroup > li > a {
	font: bold 13px 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #060;
	display:block;
	margin: 0px;
	padding:  18px 0px !important;
	text-align: center;
	text-decoration:none;
	height: 20px;
	border-right: #f1da36 thin solid;
	background: rgb(254,252,234) !important; /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(241,218,54,1))) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100% !important); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ) !important; /* IE6-9 */
}

.cssmenu .rmRootGroup > li a:hover {
	color: #fff !important;
	text-decoration: none;
	background: rgb(180,221,180) !important; /* Old browsers */
	background: -moz-linear-gradient(top, rgba(180, 221, 180, 1) 0%, rgba(131, 199, 131, 1) 17%, rgba(82, 177, 82, 1) 33%, rgba(0, 138, 0, 1) 67%, rgba(0, 87, 0, 1) 99%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(180, 221, 180, 1)), color-stop(17%, rgba(131, 199, 131, 1)), color-stop(33%, rgba(82, 177, 82, 1)), color-stop(67%, rgba(0, 138, 0, 1)), color-stop(99%, rgba(0, 87, 0, 1))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(180, 221, 180, 1) 0%, rgba(131, 199, 131, 1) 17%, rgba(82, 177, 82, 1) 33%, rgba(0, 138, 0, 1) 67%, rgba(0, 87, 0, 1) 99%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(180, 221, 180, 1) 0%, rgba(131, 199, 131, 1) 17%, rgba(82, 177, 82, 1) 33%, rgba(0, 138, 0, 1) 67%, rgba(0, 87, 0, 1) 99%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(180, 221, 180, 1) 0%, rgba(131, 199, 131, 1) 17%, rgba(82, 177, 82, 1) 33%, rgba(0, 138, 0, 1) 67%, rgba(0, 87, 0, 1) 99%) !important; /* IE10+ */
	background: linear-gradient(to bottom, rgba(180, 221, 180, 1) 0%, rgba(131, 199, 131, 1) 17%, rgba(82, 177, 82, 1) 33%, rgba(0, 138, 0, 1) 67%, rgba(0, 87, 0, 1) 99%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#005700', GradientType=0 ) !important; /* IE6-9 */
}
.cssmenuactive {
	color:#fff !important;
	text-decoration:none;
}

/* sidebar */
.sidebar {
	float: left;
	width: 200px;
	padding-bottom: 10px;
	border:#f9ee9e 1px solid;
    border-spacing: 0px;
    border-collapse: collapse;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

.menulist ul {
 list-style:none;
 text-indent:20px;
}
.menulist li {
 border-bottom: dotted 1px #D2E5BE;
 color: #600;
 font: normal 13px 'Open Sans', sans-serif;
 font-size: 14px;
 font-weight: bold;
 padding: 10px 0px;
}
.menulist a {
 color: #600;
}
.menulist a:hover {
 color: #FC3;
}
.sidemenu-active 
{
    color: #016917 !important; 
}

/* content */
.content {
	padding: 10px 0;
	width: 960px;
	float: left;
}
.main_content {
	width: 720px;
	float: right;
	border:#f9ee9e 1px solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}
.main_content_inner {
	margin: 20px;
}
.col_2 {
	width: 340px;
}
.col_3 {
	width: 30%;
	margin:auto;
}
.col_4 {
	width:22.5%;
}

/* banner */
#banner {
	font: bold 13px 'Open Sans', sans-serif;
	letter-spacing: 0px;
	color: #600;
	text-transform: uppercase;
	margin: 0px;
	padding: 10px 10px 10px 20px;
	border: solid 0px #6b6b63;
	background: rgb(254,252,234); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(254, 252, 234, 1) 0%, rgba(241, 218, 54, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254, 252, 234, 1)), color-stop(100%, rgba(241, 218, 54, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(254, 252, 234, 1) 0%, rgba(241, 218, 54, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(254, 252, 234, 1) 0%, rgba(241, 218, 54, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(254, 252, 234, 1) 0%, rgba(241, 218, 54, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(254, 252, 234, 1) 0%, rgba(241, 218, 54, 1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36', GradientType=0 ); /* IE6-9 */
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 00;
	-khtml-border-radius: 8px 8px 0 0;
}

/* TABLE */
.TFtable {
	width: 100%;
	border-collapse: collapse;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	color: #785e18;
	text-align: left;
	line-height: 20px;
	text-align: left;
	text-transform: none !important;
}
.TFtable td {
 padding:7px 10px 7px 20px;
 border:#f9ee9e 1px solid;
}
/* provide some minimal visual accomodation for IE8 and below */
 .TFtable tr {
 background: #b8d1f3;
}
 /*  Define the background color for all the ODD background rows  */
 .TFtable tr:nth-child(odd) {
 background: #fffbe1;
}
 /*  Define the background color for all the EVEN background rows  */
 .TFtable tr:nth-child(even) {
 background: #f9ee9e;
}
.TFtable a {
 font-family: 'Roboto', sans-serif;
 font-size: 15px;
 color: #785e18;
 text-align: left;
 line-height: 22px;
 text-align: left;
 text-transform: none !important;
}
.TFtable a:hover {
 font-family: 'Roboto', sans-serif;
 font-size: 15px;
 color: #060;
 text-align: left;
 line-height: 22px;
 text-align: left;
 text-transform: none !important;
}


/* ~~ The footer ~~ */
#footer {
	min-height:20px;
	width: 960px;
	color: #060;
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	text-transform:uppercase;
	padding: 20px 0;
	margin: 20px 0;
	line-height: 19px;
	text-align: center;
	border-top: solid #FFF 1px;
	background: rgb(254,252,234); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(254, 252, 234, 1) 0%, rgba(241, 218, 54, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254, 252, 234, 1)), color-stop(100%, rgba(241, 218, 54, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(254, 252, 234, 1) 0%, rgba(241, 218, 54, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(254, 252, 234, 1) 0%, rgba(241, 218, 54, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(254, 252, 234, 1) 0%, rgba(241, 218, 54, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(254, 252, 234, 1) 0%, rgba(241, 218, 54, 1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36', GradientType=0 ); /* IE6-9 */
}
#footer ul {
	float: none;
	padding-left: 0px;
	margin: 0px 0 0px 0px;
	list-style-type:none;
	/*width: 50%;*/
	margin: auto;
	display: table;
	font-weight:bold;
}
#footer a {
	float:left;
	text-decoration:none;
	color: #060;
	padding: 0px 10px;
}
#footer a:hover {
	color: #ef9c22;
}
#footer li {
	display:inline;
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

hr {
	margin:40px 0;
	width: 100%;
    display: inline-block;
}
.sub {
	font-size: 0.7em;
	vertical-align:super;
}

.row {
    padding: 40px 0;   
}

/* ~~ flexbox ~~ */
.flex-container {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
}

.flex-item {
  background: black;
  padding: 0px;
  width: 100%;
  height: auto;
  margin: 10px 10px 0px 0px;
  line-height: 240px;
  color: white;
  font-weight: bold;
  font-size: 3em;
  text-align: center;
}
</style>