@charset "utf-8";
/* CSS Document */
body {margin:0; padding:0; font-family:'Bitter', Arial, Serif; color:#444; font-size:14px; line-height:22px; background:#fff;}
p {text-align:justify;}
.wrap {width:1080px; margin:10px auto; overflow:hidden;}
header {height:80px; width:40%; float:left;}
a {color:#444;}
.logo {float:left;}
h1 {font-weight:normal; padding:30px 0; font-size:22px;}
header p {float:left; margin:42px 0 0 20px;}
nav {text-align:center; width:100%; float:left; margin:0; background:#01a0db;}
nav a {display:inline-block; padding:10px; text-decoration:none; color:#fff;}
nav a:hover, nav a.active {color:#444;}
.active {cursor:default;}
article {padding-bottom:30px; overflow:hidden; clear:both; /*border-top:1px solid #ddd;*/}
footer {width:100%; font-size:13px; border-top:1px solid #ddd; padding:10px 0 0;}
footer p {width:250px;}
footer div {float:left; padding:1%; width:31.33%;}
h2 {font-weight:normal; font-size:18px;}
.social {text-decoration:none;}
.social a {float:left; margin:0 10px 0 0; border-bottom:2px solid #ccc;}
.social a:hover {border-color:#01a0db;}
.pull-right {float:right;}
.president {float:right; margin:0 0 10px 20px;}
.col-left {float:left; width:400px; margin:0 10px 0 0;}
.col-right {float:left; width:549px; border-left:1px solid #ddd; padding-left:20px;}
.col-left a {display:block; text-decoration:none; padding:14px 0 0; border-bottom:1px #ccc dotted;}
.col-left a:hover {color:#01a0db; border-color:#01a0db;}
.col-left a.active {color:#01a0db;}
ul li {padding:2px 0;}
.fb-page {margin:0 auto;}