/*----------BASIC LAYOUT*/

body{
	margin:0px;
	background:#F7F7EF;
	font-size:12px;
	text-align:center;
	font-family: 'Source Sans Pro', sans-serif;
}

a{
	text-decoration:none; 
	color:#2f71c6;
}

a:hover{
	text-decoration:underline;
}



/*----------CONTENTS LAYOUT*/

@media screen and (min-width: 1000px){
div#container{
	margin: 0px;
	width:1000px;
	background:#fff;
	text-align: center;
}
}

@media screen and (max-width: 1000px){
div#container{
	margin: 0px;
	width:70%;
	background:#fff;
	text-align: center;
}
}

@media screen and (max-width: 900px){
div#container{
	margin: 0px;
	width:80%;
	background:#fff;
	text-align: center;
}
}

@media screen and (max-width: 700px){
div#container{
	margin: 0px;
	width:100%;
	background:#fff;
	text-align: center;
}
}

div#header{
	border: 0;
	margin:0px;
	paddingleft: 2em;
	width:100%;
	height:100px;
	color:#;
	background:url("http://ccw.littleskew.com/hdbg.png");
	text-align:left;
}

div#menu{
	width: 100%;
	margin:0px;
	height:50px;
	background:#222;
	color:#999;
	padding:0px;
	text-align:right;
}

@media screen and (min-width: 1000px){
div#text{
	width:70%;
	margin:  0 auto;
	padding:0px;
	color:#606060;
	line-height:160%;
	text-align:left;
	background: #fff;
}
}

@media screen and (max-width: 1000px){
div#text{
	width:65%;
	margin:  0 auto;
	padding:0px;
	color:#606060;
	line-height:160%;
	text-align:left;
	background: #fff;
}
}

@media screen and (max-width: 900px){
div#text{
	width:80%;
	margin:  0 auto;
	padding:0px;
	color:#606060;
	line-height:160%;
	text-align:left;
	background: #fff;
}
}

@media screen and (max-width: 700px){
div#text{
	width:100%;
	margin:  0 auto;
	padding:0px;
	color:#606060;
	line-height:160%;
	text-align:left;
	background: #fff;
}
}

#text h1{
	font-weight:none;
	font-size:12px;
	color:#303030;
	border-width:0px 0px 1px 0px;
	border-style:solid;
	border-color:#0a5f84;
	background:#;
	width90%;
	padding:0px 0px 5px 10px;
	margin:30px 0px 25px 0px;
}


#text p{
	margin:0 4em 3em 4em;
	width:80%;
}



div#footer{
	width: 100%;
	margin:0px;
	height:60px;
	background:#222;
	color:#999;
	padding:0px;
	text-align:right;
}



/*----------MAIN*/

br.clear{
	clear:both;
}

span.memo{
	font-size:10px;
	color:#E0E0E0;
}

span.red{
	font-size:12px;
	color:#cc3333;
	font-weight:bold;
}

ol.number_list{
	margin-top:10px;
}

ol.number_list li{
	padding:0px 30px 10px 15px;
	line-height:160%
}

dl.item_list{
	margin-top:15px;
}

dl.item_list dt{
	font-weight:bold;
}

dl.item_list dd{
	background:url("list.png") no-repeat 0% 0%;
	padding:0px 30px 10px 15px;
	line-height:160%
}