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

@font-face {
	font-family: "QuickType Condensed";
	src:url(../fonts/QuickType%20Condensed.ttf) format("truetype");
}
body {
	font-size:89.5%;
	font-family:"QuickType Condensed", Arial, sans-serif;
	font-weight: 300;
	color:#959595;
	margin:10px auto;
	text-align:center;
	line-height:1.5em;
	width:970px;
	background-color:#eeece1;
}
h1, h2, h3, h4, h5, h6 {
	font-family:"QuickType Condensed", Arial, sans-serif;
	font-size:2em;
	line-height:1em;
	font-weight:bold;
	color:#606060;
	margin:10px 0px;
	font-family:"QuickType Condensed", arial;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration:none;
	display:block;
}

a:link, a:visited {
	color:#464646;
}
a:hover {
	color:#606060;
}
a img {
	border:none; 
}
.clear {clear:both;}
p {
line-height:22px;
font-size:17px;
}
header, footer {
	margin:10px 0px;
}
header {
	display:block;
	position:relative;
	text-align:left;
}
header h1 {
	padding-left:00px;
}
header h2 {
	padding-left:0px;
	font-size:13px;
	margin-top:-2px;
	float:right;
}
.logo {
	width:283px;
	height:auto;
	float:left;
	margin:0px 0px 0px 0px;
}
.nav-bar {
	width:670px;
	height:auto;
	float:right;
	margin:0px -5px 0px 0px;
}
.top-nav {
	width:220px;
	height:23px;
	float:right;
	margin:0px;
	padding:0px;
	text-align:right;
}
.top-nav a {
	font-size:13px;
	color:#000000;
	margin:0px;
	padding:0px;
	text-decoration:none;
}
.top-nav a:hover {
	font-size:13px;
	color:#000000;
	margin:0px;
	padding:0px;
	text-decoration:underline;
}
nav {
	float: left;
	font-family:"QuickType Condensed", Arial, sans-serif;
	font-size:18px;
	font-weight:normal;
	overflow: hidden;
	float:left;
	clear:left;
	margin:57px 0px 10px 0px;
	width:672px;
	text-transform:uppercase;
}
nav ul {
	margin:0;
	padding:0;
	list-style:none;
}
nav ul li {
	float:left;
	line-height:25px;
	padding:0px 24px;
	font-family:"QuickType Condensed", arial;
}
nav ul li.last {
	border-right: 0px solid rgba(0,0,0,0.2);
	padding:0px 0px 0px 22px;
}
nav ul li a {
	float: left;
	color:#000 !important;
	text-decoration:none;
	padding:7px 5px 5px 5px;
}
nav ul li a:hover {
	float: left;
	color:#fff !important;
	text-decoration:none;
	background-color:#7dc5d8;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:7px 5px 5px 5px;
}
nav ul li a.last {
	background:#0e647c;
	color:#fff !important;
	font-family:"QuickType Condensed", arial;
	font-size:18px !important;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-top: 0px solid #ccc;
	padding:0px 20px;
	line-height:35px;
}
nav ul li a:hover.last {
	background:#1690b2;
}
nav ul li a.active {
	float: left;
	color:#fff !important;
	text-decoration:none;
	background-color:#7dc5d8;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:7px 5px 5px 5px;
}
aside#promotion {
	width:100.9%;
	float:left;
	position:relative;
	height:351px;
	box-shadow: 4px 4px 3px #a5a4a0;
}
#slides {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	margin:0px auto;
}

#slides .next, #slides .prev {
	position:absolute;
	top:95px;
	left:-20px;
	width:20px;
	height:43px;
	display:block;
	z-index:101;
}
#slides .next {
	left:920px;
}

.slides_container {
	width:978px;
	height:350px;
	overflow:hidden;
	position:relative;
	z-index:-1;
}
/* IE */ * html .slides_container {
	margin-left:-20px;
}
.pagination {
	margin:-30px 0 0 450px;
	width:187px; z-index:0;	/* Each li including margin is 14px (14x14=56) Ooooh, and then add 2 pixels for IE */
}
.pagination li {
	float:left;
	margin:0 1px;
}
.pagination li a {
	display:block;
	width:20px;
	height:0px;
	padding-top:20px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}
.pagination li.current a {
	background-position:0 -20px;
}
aside#boxwrap {
	width:980px;
	height:auto;
	margin:auto;
	padding:0px;
	clear:both;
	float:left;
	position:relative;
}
#boxwrap .box1 {
	width:317px;
	height:280px;
	margin:10px 10px 0px 0px;
	float:left;
	border:5px solid #fff;
	box-shadow: 4px 4px 3px #a5a4a0;
	background:url(../images/box1.png) no-repeat;
	overflow:hidden;
}
#boxwrap .box1 .head {
	width:287px;
	height:30px;
	margin:15px 15px 0px 15px;
	text-align:left;
}
#boxwrap .box1 .cont {
	height:auto;
	margin:10px 15px 0px 15px;
	float:left;
}
.date {
	width:100%;
	height:auto;
	margin:10px 15px 5px 0px;
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#000 !important;
	text-align:left;
}
#boxwrap .box1 .cont p {
	font-size:17px;
	color:#333;
	margin:0px 0px 10px 0px;
	text-align:left;
	
}
#boxwrap .box1 .cont img {
	margin:10px 15px 15px 15px;
	float:right;
}
#boxwrap .box1 .head h2 {
	font-size:24px;
	color:#000;
	margin:0px;
	padding:0px;
	
	font-family:"QuickType Condensed", arial;
}
.rightbox {
	width:295px;
	height:280px;
	margin:10px 10px 0px 0px;
	float:left;
	border:5px solid #fff;
	box-shadow: 4px 4px 3px #a5a4a0;
	background:url(../images/box1.png) no-repeat;
	overflow:hidden;
}
.rightbox .head {
	width:287px;
	height:30px;
	margin:15px 15px 0px 15px;
	text-align:left;
}
.rightbox .cont {
	height:auto;
	margin:10px 15px 0px 15px;
	float:left;
	text-align:left;
}
.rightbox .cont p {
	color:#000;
	margin:0px 0px 10px 0px;
	text-align:left;
}
.rightbox .cont img {
	margin:10px 15px 15px 15px;
	float:right;
}
.rightbox .head h2 {
	font-size:17px;
	color:#464646;
	margin:0px;
	padding:0px;
	font-family:"QuickType Condensed", arial;
}
#boxwrap .box2 {
	width:317px;
	height:280px;
	margin:10px 10px 0px 0px;
	float:left;
	background-color:#f7f7f9;
	border:5px solid #fff;
	box-shadow: 4px 4px 3px #a5a4a0;
	background:url(../images/box2.png) no-repeat;
	overflow:hidden;
}
#boxwrap .box2 .head {
	width:287px;
	height:30px;
	margin:15px 15px 0px 15px;
	text-align:left;
}
#boxwrap .box2 .cont {
	width:270px;
	height:auto;
	margin:10px 15px 0px 15px;
	float:left;
}
#boxwrap .box2 .cont p {	
	color:#333;
	margin:0px 0px 10px 0px;
	text-align:left;
}
#boxwrap .box2 .cont img {
	margin:10px 15px 15px 15px;
	float:right;
}
#boxwrap .box2 .head h2 {
	font-size:24px;
	color:#464646;
	margin:0px;
	padding:0px;
	font-family:"QuickType Condensed", arial;
}
#boxwrap .box3 {
	width:295px;
	height:280px;
	margin:10px 0px 0px 0px;
	float:left;
	background-color:#f7f7f9;
	border:5px solid #fff;
	box-shadow: 4px 4px 3px #a5a4a0;
	background:url(../images/box3.png) no-repeat;
	overflow:hidden;
}
#boxwrap .box3 .head {
	width:270px;
	height:30px;
	margin:15px 15px 0px 15px;
	text-align:left;
}
#boxwrap .box3 .head h2 {
	font-size:24px;
	color:#464646;
	margin:0px;
	padding:0px;
	font-family:"QuickType Condensed", arial;
}
#boxwrap .box3 .cont {
	width:270px;
	height:auto;
	margin:10px 15px 0px 15px;
	float:left;
}
#boxwrap .box3 .cont p {
	color:#555555;
	margin:0px 0px 10px 0px;
	text-align:left;
}
article#content {
	width:645px;
	height:auto;
	margin:auto;
	padding:0px;
	clear:both;
	float:left;
	position:relative;
}
#content .inside {
	width:654px;
	height:280px;
	margin:10px 0px 10px 0px;
	padding:0px;
	clear:both;
	float:left;
	background-color:#f7f7f9;
	border:5px solid #fff;
	box-shadow: 4px 4px 3px #a5a4a0;
	background:url(../images/bg-box.jpg) no-repeat;
	overflow:hidden;
}
#content .inside .art {
	width:654px;
	height:auto;
	margin:0px;
	float:left;
}
#content .inside .art .header {
	height:30px;
	margin:25px 15px 0px 15px;
	text-align:left;
}
#content .inside .art .header h2 {
	font-size:1.1em;
	color:#000;
	margin:0px;
	padding:0px;
	font-family:"QuickType Condensed", arial;
}
#content .inside .art .cont {
	height:auto;
	margin:0px 10px 0px 15px;
}
#content .inside .art .cont p {
	color:#000;
	margin:0px 0px 10px 0px;
	text-align:left;
}
article#content {
	width:668px;
	height:auto;
	margin:auto;
	padding:0px;
	clear:both;
	float:left;
	position:relative;
}
#content .ip {
	width:645px;
	height:auto;
	margin:10px 0px 10px 0px;
	padding:0px;
	clear:both;
	float:left;
	background-color:#f7f7f9;
	border:1px solid #ccc;
}
#content .ip .art {
	width:629px;
	height:auto;
	min-height:540px;
	margin:0px;
	float:left;
}
#content .ip .art .header {
	width:599px;
	height:30px;
	margin:15px 15px 0px 15px;
	border-bottom:3px solid #6da0bd;
	text-align:left;
}
#content .ip .art .header h2 {
	font-size:17px;
	color:#7d7d7d;
	margin:0px;
	padding:0px;
}
#content .ip .art .cont {
	width:599px;
	height:auto;
	margin:10px 15px 20px 15px;
}
#content .ip .art .cont h1 {
	font-size:18px;
	color:#252525;
	margin:0px 0px 10px 0px;
	font-weight:normal;
	text-align:left;
}
#content .ip .art .cont p {
	color:#555555;
	margin:0px 0px 10px 0px;
	text-align:left;
}
#content .ip .art .cont img {
	padding:10px 10px 10px 0px;
	float:left;
}
#content .ip .art .cont ul {
	list-style:none;
	margin:0px 0px 20px 20px;
	float:left;
	width:100%;
}
#content .ip .art .cont ul li {
	margin:0px;
	padding:0px;
	list-style-type:disc;
	font-size:13px;
	color:#666666;
	line-height:18px;
}
#content .ip .cont ul {
	list-style:none;
	margin:0px 0px 20px 20px;
	float:left;
	width:100%;
	text-align:left;
}
#content .ip .cont ul li {
	margin:0px;
	padding:0px;
	list-style-type:disc;
	font-size:13px;
	color:#666666;
	line-height:18px;
}
aside#right {
	height:auto;
	margin:0px -41px 15px 6px;
	padding:0px;
	float:left;
	position:relative;
}
#right .box1 {
	width:298px;
	height:280px;
	margin:10px 0px 0px 15px;
	float:left;
	background-color:#f7f7f9;
	border:1px solid #ccc;
}
#right .box1 .head {
	width:260px;
	height:30px;
	margin:15px 15px 0px 15px;
	border-bottom:3px solid #6da0bd;
	text-align:left;
}
#right .box1 .head h2 {
	font-size:17px;
	color:#7d7d7d;
	margin:0px;
	padding:0px;
}
#right .box1 .cont {
	width:260px;
	height:auto;
	margin:10px 15px 0px 15px;
	float:left;
}
#right .box1 .cont p {
	color:#333;
	margin:0px 0px 10px 0px;
	text-align:left;
}
#right .box2 {
	width:298px;
	height:auto;
	margin:10px 0px 0px 15px;
	float:left;
	background-color:#f7f7f9;
	border:1px solid #ccc;
}
#right .box2 .head {
	width:260px;
	height:30px;
	margin:15px 15px 0px 15px;
	border-bottom:3px solid #6da0bd;
	text-align:left;
}
#right .box2 .head h2 {
	font-size:17px;
	color:#7d7d7d;
	margin:0px;
	padding:0px;
}
#right .box2 .cont {
	width:260px;
	height:auto;
	margin:10px 15px 0px 15px;
	float:left;
}
#right .box2 .cont p {
	color:#333;
	margin:0px 0px 10px 0px;
	text-align:left;
}
#right .box-cont {
	width:298px;
	height:160px;
	margin:10px 0px 0px 15px;
	float:left;
	background-image:url(../images/right-cont-bg.png);
	background-repeat:no-repeat;
}
#right .box-cont h2 {
	width:228px;
	height:25px;
	float:left;
	padding:20px 15px 0px 55px;
	margin:0px;
	font-size:17px;
	color:#FFF;
	text-align:left;
}
#right .box-cont .cont {
	width:260px;
	height:auto;
	margin:5px 0px 0px 20px;
	float:left;
	padding:10px 0px;
	border-top:2px solid #346784;
}
#right .box-cont .cont p {
	color:#FFF;
	margin:0px;
	padding:0px;
}
#right .box-cont .cont a {
	font-size:14px;
	color:#9bdafe;
	padding:0px;
	margin:0px;
	font-weight:bold;
	text-decoration:underline;
}
#right .box-cont .cont a:hover {
	font-size:14px;
	color:#d4efff;
	padding:0px;
	margin:0px;
	text-decoration:none;
}
footer {
	border-top:1px solid #a9a8a4;
	margin:40px 20px 0px 0px;
	padding:0px 0px;
	text-align:left;
	display:block;
	clear:both;
	width:983px;
	line-height:18px;
	font-size:13px;
	color:#666;
	float:left;
}
.foo-cont {
	width:100%;
	height:auto;
	margin:5px 0px 10px 10px;
	text-align:center;
	font-size:11px;
	color:#76756c;
}
.foo-links {
	width:100%;
	height:20px;
	margin:15px 0px 0px 0px;
	clear:both;
	text-align:center;
}
.foo-links a {
	font-size:13px;
	color:#000;
	margin:0px;
	padding:0px 10px 0px 10px;
	text-decoration:none;
	font-family:"QuickType Condensed", arial;
	text-transform:uppercase;
}
.foo-links a:hover {
	font-size:13px;
	color:#333;
	margin:0px;
	padding:0px 10px 0px 10px;
	text-decoration:none;
}
div.form-wrap {
	width:520px;
	height:auto;
	margin:12px 0px 50px 171px;
	padding:20px;
	background-color:#eeecff;
	float:left;
}
div.form-wrap p {
	width:452px;
	height:auto;
	padding:0px;
	margin:0px 0px 10px 0px;
	float:left;
}

.col {height:auto; width:100%; float:left; margin:0px 0px 10px 0px;}
.col .label {width:120px;
	float:left;
	margin:0px;
	background-color:#fff;
	padding:15px 10px 5px 10px;}
.col .feilds {width:350px; float:left; margin:0px 0px 0px 10px; height:auto;}

div.form-wrap label {
	
	font-weight:bold;
	color:#636363;
	display:block;
	height:30px;
	text-align:left;
	
}
div.form-wrap input {
	width:350px;
	line-height:40px;
	float:left;
	font-size:14px;
	color:#666666;
	padding:3px 5px 3px 5px;
	background-color:#fff;
	border:1px solid #ccc;
	margin:0px;
	font-family:"QuickType Condensed", Arial, sans-serif;
}

div.form-wrap .col .feilds textarea {
	width:350px;
	height:121px;
	float:left;
	font-size:14px;
	color:#666666;
	padding:3px 5px 3px 5px;
	background-color:#fff;
	border:1px solid #d9d6d6;
	font-family:"QuickType Condensed", Arial, sans-serif;
}
div.form-wrap .col button.submit {
	width:80px;
	height:30px;
	cursor:pointer;
	float:left;
	margin:0px 0px 0px 420px;
}
div.links {
	width:552px;
	height:auto;
	margin:12px 0px 10px 22px;
	padding:0px 0px 0px 10px;
	float:left;
}
div.links ul {
	margin:0px;
	padding:0px;
	float:left;
}
div.links ul li {
	margin:0px;
	padding:0px;
	list-style-type:disc;
	text-align:left;
}
div.links ul li a {
	font-size:14px;
	color:#5a5a5a;
	margin:0px;
	padding:0px;
	text-decoration:none;
}
div.links ul li a:hover {
	margin:0px;
	padding:0px;
	color:#0099FF;
}
div#ip-pages {
	width:99.9%;
	float:left;
	height:auto;
	background-color:#f7f7f9;
	border:5px solid #fff;
	box-shadow: 4px 4px 3px #a5a4a0;
}

div#pages h2 {text-align:left; font-size:24px; font-family:"QuickType Condensed", arial;}
div#pages {
	padding:20px;
	z-index:100;
	margin:0px auto;
	min-height:500px;
}
h1 {
	margin:10px 0px;
	padding:0px;
	text-transform:uppercase;
	text-align:left;
}
#pages p {
	font-size: 17px;
color: #333;
margin: 10px 0px 10px 0px;
text-align: left;
line-height:22px;}
.form {width:500px; float:left; margin:20px 0px 0px 0px;}
.required {color:#FF0000; font-weight:bold;}
.readmore {font-weight:bold; color:#fff; text-decoration:none;}
.dropbox {width:300px; height:auto; float:left; margin:20px 0px 0px 200px}

.works {background-color:#e7f1f5;}
.charities {background-color:#e1f1df;}
.about {background-color:#e5f3ed;}