@charset "utf-8";

body, h1, h2, h3, div, p, ul, li, img, fieldset, form {padding: 0; margin: 0; border:0;}
ul {list-style: none;}
a {text-decoration: none; color: #555;}
a:hover {color: #b30000; text-decoration: underline;}

body {color: #333; font: 13px Arial, Helvetica, sans-serif; line-height: 150%; background: #fff url(../images/general/bg-page.png);}
h1, h2, h3 {color: #000;}
h1 {font-size: 175%; line-height: 125%; margin-bottom: 1.5em;}

.page {width: 980px; margin: 40px auto 0; overflow: hidden;}
.logo {float: left; width: 180px;}
.main {float: left; width: 800px; background: #fff;}

.intro {display: block; position: absolute; width: 980px; height: 600px; margin: -300px -490px; top: 50%; left: 50%;}

.content {padding: 40px; overflow: hidden; height: 1%;}
.fp {overflow: hidden; height: 1%; padding: 0;}
.fp h2 {font-size: 130%; margin-bottom: 1em;}
.fp .banners {float: left; width: 268px;}
.fp .social {overflow: hidden; padding: 5px 0;}
.fp .social a {width: 134px; display: block; float: left;}
.fp .announcements {float: left; width: 532px;}
.fp .announcements li {margin-bottom: 1.5em; line-height: 130%; display: block; font-size: 12px;}
.fp .announcements li span {font-weight: bold; display: block; font-size: 13px;}
.fp .announcements li a {color: #333;}
.fp .announcements li a span {color: #000;}
.fp .announcements li a:hover {text-decoration: none; color: #555;}
.fp .announcements li a:hover span {text-decoration: underline; color: #b30000;}
.fp .news, .fp .events {padding: 20px;}
.fp .events {background: #d1d8dc;}

.content .media {float: left; margin: 0 20px 20px 0;}

.content ul {padding: 15px 0;}
.content .generic, .content .documents, .content .members, .content .boarding {padding: 0;}
.content li {list-style: inside; list-style-type: disc;}

.generic li {margin-bottom: 2em; overflow: hidden; height: 1%; color: #222; line-height: 125%; list-style: none;}
.generic li img {float: left; margin: 0 10px 10px 0; border: 5px solid #e5e5e5;}
.generic li .date {font-size: 11px; line-height: 100%; color: #777; margin-bottom: .2em;}
.generic li a:hover img {border-color: #ccc;}
.generic li a:hover .date {text-decoration: none;}

.documents li {margin-bottom: .5em; padding: 5px; list-style: none;}
.documents .even {background-color: #F1F3F4;}
.documents li .date {padding-left: 22px; font-size: 11px; line-height: 1em; color: #777;}
.documents li a {padding: 5px 0; background-position: 0 50%; background-repeat: no-repeat;}
.icon {display: block; width: 30px; height: 19px; float: left; background-repeat: no-repeat; background-position: 10px 2px;}
.icon.pdf {background-image: url(../images/general/icon-pdf.png);}
.icon.doc {background-image: url(../images/general/icon-doc.png);}
.icon.xls {background-image: url(../images/general/icon-xls.png);}
.icon.ppt {background-image: url(../images/general/icon-ppt.png);}

.members li {display: block; float: left; width: 320px; margin: 0 3em 4em 0; font-size: 12px; line-height: 125%;}
.members li img {float: left; margin-right: 15px;}

.boarding li {display: block; float: left; width: 320px; margin: 0 3em 4em 0; line-height: 125%;}
.boarding li span {font-weight: bold; display: block;}
.boarding li img {float: left; margin-right: 15px; border: 10px solid #e5e5e5;}
.boarding li a span {color: #333;}
.boarding li a:hover {text-decoration: none; color: #333;}
.boarding li a:hover span {text-decoration: underline; color: #b30000;}
.boarding li a:hover img {border-color: #ccc;}

.contact label {display: block; font-weight: bold; padding-bottom: 2px;}
.contact ul {overflow: hidden; height: 1%;}
.contact li {float: left; width: 30%; padding-bottom: 30px; margin-right: 15px;}
.contact li input {width: 90%; border: 1px solid #bbb; padding: 2px 5px;}
.contact li textarea {border: 1px solid #bbb; padding: 2px 5px;}

.footer {padding: 20px 0 20px 180px; text-align: center; color: #777; clear: both;}
.footer a {color: #777; padding: 0 5px;}
.footer a:hover {color: #333;}