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

h2 {
	padding: 5px 0;
	text-align: center;
	font-family: 'notoLight';
	font-weight:lighter;
	font-style: lighter;
	font-size: 24px;
	border-bottom: #264077 1px solid;
}

/* *****************  MESSAGE  RAYOUT  ****************** */

.message {
	width: 80%;
	float: left;
	margin: 0 10% 50px;
}

.message h2 {
	width: 40%;
	margin: 50px 55% 20px 5%;
}


.message .message {
	width: 80%;
	float: left;
	margin: 20px 10% 50px;
}

.message dl { float: right; }
.message dd { text-align: right; }

/* *****************  POLICY  RAYOUT  ****************** */

.policy {
	width: 90%;
	margin: 50px 5% 50px;
	float: left;
}

.policy h2 {
	width: 50%;
	margin: 30px 25%;
}

.policy ul {
	width: 80%;
	margin: 20px 8% 50px 12%;
	float: left;
}

.policy li {
	list-style:decimal;
	list-style-position: outside;
	margin: 20px 0;
}

.policy ul li ul {
	width: 90%;
	margin: 10px 0 20px 10%;
	float: left;
}

.policy ul li ul li {
	list-style: disc;
	margin: 5px 0 0 0;
	float: left;
}


/* 960pixel start */
@media screen and (max-width : 960px){

.message h2 { font-size: 18px; }

}


/* 960pixel start */
@media screen and (max-width : 680px){

.message { width: 100%;margin: 0 0 50px; }

.policy { width: 100%;margin: 50px 0 50px; }

.policy h2 {
	width: 90%;
	margin: 30px 5%;
	font-size: 18px;
}

}