body {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	color: #000114;
	text-align: left;
	background: #d6ddd8;
	margin: 0 0px;
	width: 100%;
}
#page_content {
	margin-top: 90px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 100%;
	background: #f2f4f2;
	top: 0px;
	left: 0px;
}
#container {
	position: relative;
	width: 75%;
	background: #f2f4f2;
	margin-top: 0px;
	margin-right: 24%;
	text-align: left;
	padding: 2%;
}
#right_col {
	width: 23%;
	position: absolute;
	background: #f2f4f2;
	padding: 2px;
	right: 0px;
	top: 10px;
}
#header {
	width: 100%;
	position: fixed;
	top: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	height: 40px;
	margin-top: 0px;
	background: #9faea2;
	margin-left: auto;
	margin-right: auto;
	z-index: 100;
}
#head_navi {
	width: 100%;
	position: absolute;
	top: 45px;
	padding-top: 5px;
	padding-bottom: 15px;
	text-align: center;
	height: 30px;
	background: #9faea2;
	margin-left: auto;
	margin-right: auto;
}
#bottom {
	text-align: center;
	bottom: 0;
	background: #9faea2;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-top: 10px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position:fixed;

}
table {
	margin: 2 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
}
td {
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-style: solid;
	border-color: #8d9e90;
}
img {
	float: left;
	border-style: none;
	margin-left: 10px;
	margin-right: 10px;
	max-width: 80%;
	height: auto;
	width: auto;
}
li {
	line-height: 150%;
	text-align: left;
	text-decoration: none;
	list-style: none;
}
ul {
	text-align: left;
	text-decoration: none;
}
A:link {
	color: #434f45;
	text-decoration: underline;
}
A:hover {
	color: #2c342d;
	text-decoration: none;
	background-color: #b2bdb4;
}
A:active {
	color: #000080;
	text-decoration: underline;
}
A:visited {
	color: #800080;
	text-decoration: underline;
}
h1 {
	text-align: left;
	font-size: medium;
	color: #33467c;
	letter-spacing: -1px;
	padding-top: 5px;
	padding-bottom: 7px;
}
h2 {
	text-align: left;
	font-size: medium;
	color: #33467c;
	letter-spacing: -1px;
	padding-top: 5px;
	padding-bottom: 7px;
}
h3 {
	font-size: small;
	color: #33467C;
	line-height: 100%;
	text-align: left;
	font-style: normal;
	padding-left: 3px;
}
h4 {
	color: rgb(0,153,153);
	line-height: 150%;
	font-style: normal;
	font-size: small;
	text-align: left;
}
#menu-button {
	display: none;
}
#menu {
	width: auto;
	float: left;
	display:block;
}
#menu UL {
	margin: 0;
	padding: 0;
	list-style-type: none;
	
}
#menu LI {
	margin: 0 0 0 0;
	float: left;
	padding-top:5px;
	width:98%;
}

#menu A {
	width: auto;
	padding-left: 3px;
	text-decoration: none;
	background-color: #e0e4e0;
	text-align: left;
	color: #000080;
	font-style: italic;
	display: block;
}
#menu A:Hover {
	background-color: #8d9e90;
	display: block;
	width: auto;
}
#menu A:visited {
	color: #800080;
}

#menu li a {
	text-decoration: none;
	color: #222;
	display:block;
}
#menu5 {
	list-style: none;
	width: 960px;
	margin: 3px auto 3px auto;
	height: 33px;
	padding: 4px 8px 4px 8px;
	background: #434f45;
}
#menu5 li {
	float: left;
	display: block;
	text-align: left;
	position: relative;
	margin: 3px auto 3px auto;
	padding: 4px 8px 4px 8px;
}
#menu5 ul li {
	text-align: left;
}
#menu5 li a {
	color: #EEEEEE;
	display: block;
	text-decoration: none;
	background: #434f45;
}
#menu5 li:hover {
	background: #d6ddd8;
}
#menu5 li:hover a {
	color: #191D3D;
	display: block;
}
#menu5 li .drop {
	padding-right: 4px;
}
#menu5 li:hover .drop {
	background: #9faea2;
	padding: 4px;
	margin-top:0px;
}
#menu5 li ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 0;
}
#menu5 li ul li {
	position: relative;
	margin: 0;
	text-align: left;
	width: 210px;
}
#menu5 li:hover .dropdown_1column {
	left: -1px;
	top: auto;
}
#menu5 li:hover .dropdown_2columns {
	left: -1px;
	top: auto;
}
#menu5 li:hover .dropdown_3columns {
	left: -150px;
	top: auto;
}
#menu5 li:hover .dropdown_4columns {
	left: -1px;
	top: auto;
}
#menu5 li:hover .dropdown_5columns {
	left: -330px;
	top: auto;
}
#menu5 li:hover div a {
	color: #0b101c;
	background: #b2bdb4;
	padding-left: 3px;
}
#menu5 li:hover div a:hover {
	color: #F3F3F5;
	background: #536155;
}

#menu5 .menu_right {
	float: left;
	margin-right:5px;
}
#menu5 li .align_right {
}
#menu5 li:hover .align_right {
	left: auto;
	right: -1px;
	top: auto;
}
.dropdown_5columns {
	float: left;
	position: absolute;
	left: -999em; /* Hides the drop down */;
	text-align: left;
	padding: 5px 5px 5px 5px;
	border: 1px solid #777777;
	border-top: none;
	width: 910px;
	background: #d6ddd8;
}
.dropdown_4columns {
	float: left;
	position: absolute;
	left: -999em; /* Hides the drop down */;
	text-align: left;
	padding: 5px 5px 5px 5px;
	border-top: none;
	width: 910px;
	background: #d6ddd8;
}
.dropdown_3columns {
	float: left;
	position: absolute;
	left: -999em; /* Hides the drop down */;
	text-align: left;
	padding: 5px 5px 5px 5px;
	border: 1px solid #777777;
	border-top: none;
	width: 910px;
	background: #d6ddd8;
}
.dropdown_2columns {
	float: left;
	position: absolute;
	left: -999em; /* Hides the drop down */;
	text-align: left;
	padding: 5px 5px 5px 5px;
	border: 1px solid #777777;
	border-top: none;
	width: 450px;
	background: #d6ddd8;
}
.dropdown_1column {
	float: left;
	position: absolute;
	left: -999em; /* Hides the drop down */;
	text-align: left;
	padding: 3px 3px 3px 3px;
	border: 1px solid #777777;
	border-top: none;
	display: block;
	background: #d6ddd8;
	width: 910px;
}
.col_1 {
	display: inline;
	float: left;
	position: relative;
	margin-right: 3px;
	width: 210px;
	padding-left: 3px;
	padding-top:4px;
	font-style:italic;
}
@media only screen and (max-width: 800px) {
	#header {  display: none; overflow:hidden;}
	#head_navi {display: none;overflow:hidden;}
	#bottom {line-height: 1.0em; font-size:1.0em;width:auto;height:auto;position:relative;}
	#page_content {	position: relative;	width: 100%;margin-top: 5px;}
	li {	line-height: 1.2em; font-size:1em;}
	h1  {	line-height: 1.2em; font-size:1em;}
	h2  {	line-height: 1.2em; font-size:1em;}
	h3  {	line-height: 1.2em; font-size:1em;}
	h4 {	line-height: 1.2em; font-size:1em;}
}
@media only screen and (max-width: 680px) {
	#header {  display: none; overflow:hidden;}
	#head_navi {display: none;overflow:hidden;}
	#container{ display: block;width:98%;position:relative;font-size:1.0em; line-height:1.2em;margin-top: 3px;padding-top:40px;}
	#right_col{ display: block;width:98%;position:absolute;height:30px; font-size:1.0em;line-height:1.2em; margin-top: 3px;}
	#bottom {line-height: 1.2em; font-size:1.0em;width:auto;height:auto;position:relative;}
   }

   @media screen and (min-width: 680px) {
     #menu {display: block !important;}
    }

   @media screen and (max-width: 680px) {
     #menu {display: none;}
     #menu li {width: 80%; padding: 0 0; line-height:18px}
     #menu-button {display: block;}
    }