*, *:before, *:after{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing: border-box;}
h1, h2, h3, h4, h5, h6, p, aside, ul, li, a, figure{margin:0;padding:0;list-style-type:none;}
a{color: #003399;text-decoration:underline;outline:none;}
a:hover{text-decoration:none;outline:none;}
a:focus{text-decoration:none;outline:none;}
img{max-width:100%;height:auto;border:none;outline:none;display:block;}
input, textarea, button{box-shadow:none;-webkit-appearance:none;outline:none;}
input:focus, textarea:focus, button:focus, button:active{box-shadow:none;-webkit-appearance:none;outline:none;}
body{margin: 0; 
	padding: .0;
	font-size: medium;
	background-color: #fff;
	color: #003399;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;-webkit-font-smoothing: antialiased;
	}
html { margin: 0; padding: 0; }
.header a {
	font-size: xx-large;
	color: #003399;
	text-decoration: none;	
}

.header {
	font-size: xx-large;
	background-color: #ffffff;
	color: #003399;
	text-decoration: none;
	margin: 0;
	padding: 0 0 .25em 0;
	text-align: center;
	width:100%;
	float:left;
	}
	
.header .logo{
	padding:10px 5px;
	width:100%;
	float:left;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
	box-sizing: border-box;
}
.header .logo img{
	float:left;
}
.header-info{
	padding:20px 0 0;
	width:100%;
	float:left;
}
h1 {
	font-size: large;
	color: css_body_text;
	font-weight: bold;
	letter-spacing: 0.01em;
	margin: 0 0 .5em 0;
	}


.link {
	background-color: #cccccc;
	margin: .75em 0 .25em 0;
	font-weight: bold;
	padding: .30em;
	}

a {
	color: #003399;
	font-size: medium;
	text-decoration: npone;
	}
img{
	display:block;
	max-width:100%;
	height:auto;
}

#content {
	float:left;
	width: 100%;
	text-align:center;
	font-size: medium;
	font-size: medium;
    margin: 0;
}

#menu{
	list-style-type:none;
	margin:0;
	padding:0;
	width: 100%;
}

#menu li{
	list-style-type:none;
	margin:0;
	padding:0;
}

#menu li a{
	display:block;
	margin:0;
	margin-bottom:1px;
	padding:5;
	float:center;
	width: 100%;
	height:30px;
	line-height:30px;
	background:url(../images/menu-1.gif) center top no-repeat transparent;
	color:#cccccc;
	text-decoration:none;
	text-align:center;
}
#menu2{
	list-style-type:none;
	margin:0;
	padding:0 0 18px;
	width: 100%;
}#menu2 li{
	list-style-type:none;
	margin:0;
	padding:0;
}
#menu2 li a{
	display:block;
	margin:0;
	margin-bottom:1px;
	padding:0;
	float:center;
	width: 100%;
	height:30px;
	line-height:30px;
	background:url(../images/menu-2.gif) center top no-repeat transparent;
	color:#cccccc;
	text-decoration:none;
	text-align:center;
}
#menu a.bg1{background: url(../images/menu-2.gif) left top no-repeat transparent;}
#menu2 a.bg2{background: url(../images/menu-2.gif) left top no-repeat transparent;}
}
p {
	margin: 0 0 .45em 0;
	}
#text {
	background-color: #cccccc;
	padding: .25em 0 .25em 0;
	text-align: center;
	color: #003399;
	font-size: small;
}
ul.list-key{
	list-style-position: inside;
	list-style-image: url(../images/key-bullet-1.gif);
	list-style-type: square;
	text-indent: 12px;
	line-height: 14pt;
}
#banner{
	width:100%;
}
#banner img{
	margin:0 auto;
}
#footer {
	margin-top: .5em;
	padding: .25em 0 .25em 0;
	border-top: thin solid #cccccc;
	text-align: center;
	background-color: #ccccfe;
	color: #003399;
	font-size: small;
}
#footer a {
	color: #0066cc;
	text-decoration: underline;
	font-size: small;
	}
#copyright { font-size:small; }

.centered-text{width:100%;padding:20px 2.5%;box-sizing:border-box;}
/************** navBar css ********************/
#top-menu{width:100%;float:left;}
.toggle{float:right;margin-left:30px;padding:0 10px;background:none;box-shadow:none;}
.toggle,.toggle span{color: #008744;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;cursor: pointer;position:relative;z-index:9;}
.toggle span {margin: 35px 0 0 10px;width: 28px;height:18px;float:right;}
.toggle span small {width:28px;top: 50%;margin-top: -1px;}
.toggle span:before,.toggle span:after {width: 28px;}	
.toggle span:before,.toggle span:after,.toggle span small {background:#000066;content: '';display: block;position: absolute;height: 2px;transition: 0.5s;}
.toggle span:before {left:0;top: 0;}
.toggle span:after {right:0;bottom: 0px;}	
.toggle:hover{color:#fff;}
.toggle:hover span:before,.toggle:hover span:after,.toggle:hover span small{background:#fff;}

.navigation-toggle{overflow:auto;position: fixed;top: 0;right:-100%;width:100%;height: 100vh;background-color: #003399;text-align: center;padding:0;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;z-index: 999;box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.3)}
.navigation-toggle.navOpen{right:0;}
.navigation-toggle .back-btn{padding:30px 0;text-align:right;}
.navigation-toggle .back-btn span{margin-right:20px;padding-right:35px;font-size:16px;color:#fff;cursor:pointer;background:url(../images/arrow-right.png) right center no-repeat;}
.navigation-toggle li{padding:0 1em;display:block;float:none;}
.navigation-toggle li a{padding:1em 0;display:block;font-size:18px;color:#fff;border-bottom:1px solid rgba(255,255,255,0.2);}
.navigation-toggle li a:hover{background:none;color:#ffff00;}
.navigation-toggle li:nth-child(5n),.navigation-toggle li:last-child{background:#cc0066;}
.navigation-toggle li:nth-child(5n) a,.navigation-toggle li:last-child a{border-bottom:none;}
.clr p{padding-bottom:10px;}
.clr img {display:inline-block;}