body {
	margin:0;
	padding:0;
	color:#21475b;
	text-align:center;
	font:normal 14px/140% Arial, Helvetica, sans-serif;
	background:#8ed2fc url(images/bg_body.jpg) repeat-x 0 0;
}
h1, h2, h3, h4, h5 {
	margin:0 0 10px 0;
	padding:0;
	line-height:normal;
	color:#4d7f9b;
}
h1 {
	font-size:28px;
	text-align:center;
	margin-bottom:15px;
	text-align:left;
}
h2 {
	font-size:18px;
	margin-top:5px;
}
h3 {
	font-size:14px;
	color:#21475b;
	margin:0;
	padding:0;
}
h4 {
	font-size:12px;
}
a {
	color:#21475b;
	text-decoration:underline;
}
a:hover {
	color:#000;
	text-decoration:none;
}
strong {
	color:#21475b;
}
p {
	margin:0;
	padding:0 0 15px 0;
}
#content ul {
	margin:0;
	padding:0 0 15px 0;
}
#content ul li {
	list-style:none;
	background:url(images/li.png) no-repeat 0 2px;
	margin:0;
	padding:0 0 4px 20px;
}
#container {
	width:972px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
#head {
	height:972px;
	height:165px;
	position:relative;
	background:#8ed2fc url(images/bg_head.jpg) no-repeat 0 0;
}
#head #logo p {
	color:#FFF;
	position:absolute;
	top:60px;
	left:37px;
	font-size:30px;
	text-align:center;
	margin:0;
	padding:0;
	font-weight:bold;
	line-height:normal;
}
#wrapper {
	background:url(images/bg_inner.jpg) repeat-y 0 0;
	padding:15px 37px 25px 37px;
	border-bottom:7px solid #ff8e29;
}
#content {
	float:right;
	width:648px;
}
.basic001, .basic002, .basic002a {
	clear:both;
	margin-top:10px;
}
.basic002a {
	padding:15px 25px;
	background:#eef8ff;
}
.clear {
	clear:both;
}
#top p {
	margin:0;
	padding:6px 37px;
}
#bottom p {
	line-height:51px;
	margin:0;
	padding:0;
}
#top p a, #bottom p a {
	padding:0 20px 0 0;
	color:#21475b;
	text-decoration:none;
}
#top p a:hover, #bottom p a:hover {
	text-decoration:underline;
}
#left {
	float:left;
	width:230px;
}
#left-menu {
	margin-bottom:20px;
}
#left-menu ul {
	margin:0;
	padding:0;
}
#left-menu ul li {
	margin:0;
	padding:0;
	list-style:none
}
#left-menu ul li a {
	display:block;
	padding:5px 10px 5px 30px;
	text-decoration:none;
	background:#d3eeff url(images/li.png) no-repeat 10px 8px;
	margin-bottom:1px;
}
#left-menu ul li a:hover {
	text-decoration:none;
	background-color:#ff8d2a;
	color:#fff;
}
#left-menu ul li.selected a {
	background-color:#8fd2fd;
}
#content ul.social,
#content ul.social li{margin:0; padding:0; background:none;}

#content ul.social li{float:left; width:23%;}
p.copy{margin:0; padding:10px 0; font-size:11px; text-align:center;}

#top{position:absolute; top:0; left:0; width:100%; z-index:10;}
#wrapper-out{position:relative;}
.mbmenu .title{display:none;}

@media only screen and (max-width: 959px) {
	img{max-width:50%; height:auto !important;}
	#container {max-width:100%;}
	#head {max-width:100%; height: auto; padding:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:#11a5d5 url(images/bg_head_small.jpg) repeat-x left bottom;}
	#content,#wrapper{float:none; max-width:100%; width:100%; padding:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	#wrapper{background:#d6edfb; position:relative; padding-top:35px;}
	#content{background:#fff; font-size:16px;}
	#head #logo p{position:static; font-size:20px; text-align:left;}
	h1{font-size:18px;}
	#content ul.social li{float:none; width:auto; margin-bottom:8px;}
	#left{float:none; width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	#left-menu{margin-bottom:0;}
	#left-menu ul{width:100%;}
	#left-menu ul li a{background-color:#333; background-position:10px center; color:#fff;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:10px 10%; margin-bottom:0; border-bottom:1px solid #aaa; font-size:16px;}
	#left-menu ul li.selected a{background-color:#333;}
	#left-menu ul li a:hover{background-color:#000;}
	#top{font-size:10px !important; padding:0; text-align:center; background:#8fd2fd; position:static;}
	#top p{margin:0; padding:5px;}
	.mbmenu{position:absolute; top:0; right:0; width:100%; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:#333; border-bottom:10px solid #d6edfb;}
	.mbmenu .title{width:100%; height:35px;display:block;}
	.mbmenu .title a{display:block; width:100%; height:100%; text-align:center; color:#aaa; text-decoration:none; line-height:32px;}
	.mbmenu .title a span{font-family:Verdana, Geneva, sans-serif; font-size:18px; padding-left:20px; background:url(images/menu.png) no-repeat 0 center; text-indent:-9999px; display:inline-block;}
	.mbmenu .title a:hover{background-color:#000;}
	.mbmenu .content{display:none; clear:both; width:100%; border-top:1px solid #aaa;}
}
@media only screen and (max-width: 767px) {
	#container{min-width:320px;}
	#top{display:none;}
}