html { width: 100%; height: 100%; }
body { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 17.26px; color: #222222; width: 100%; height: 100%; margin: 0; padding: 0; background: url(images/bg-shadow.jpg) repeat-y center top; }

img { border: 0; }
a, a:hover, a:link, a:active { color: #db1735; }
p { margin: 0; padding: 0; }

.clear-both { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }

#bg-bar { width: 100%; height: 100%; background: url(images/bg-nav.jpg) repeat-x; }
#bg { width: 100%; height: 100%; background: url(images/bg.jpg) center top no-repeat; }

#all { width: 1034px; margin: 0 auto; }

#nav { clear: both; padding: 16px 0 5px; height: 35px; }
#nav-about { float: left; display: block; width: 221px; height: 35px; background: url(images/nav-about.gif) no-repeat; }
#nav-what { float: left; display: block; width: 110px; height: 35px; background: url(images/nav-what.gif) no-repeat -2px top; }
#nav-media { float: left; display: block; width: 126px; height: 35px; background: url(images/nav-media.gif) no-repeat; }
#nav-events { float: left; display: block; width: 181px; height: 35px; background: url(images/nav-events.gif) no-repeat; }
#nav-community { float: left; display: block; width: 181px; height: 35px; background: url(images/nav-community.gif) no-repeat; }
#nav-store { float: left; display: block; width: 81px; height: 35px; background: url(images/nav-store.gif) no-repeat; }
#btn-makedonation { float: left; display: block; width: 134px; height: 35px; background: url(images/btn-makedonation.gif) no-repeat; }
#nav-pipe { float: left; display: block; width: 2px; height: 35px; background: url(images/nav-pipe.gif) no-repeat center 12px; }

#header { clear: both; padding: 4px 3px 0 0; background: #ffffff; }
#logo { display: block; float: left; width: 236px; height: 108px; background: url(images/img-logo.gif) no-repeat; }
#header-right { float: right; width: 457px; text-align: right; }
#signup-input { color: #00326f; width: 227px; font-size: 9px; padding: 0; margin: 0 5px 0 0; }

#content-home { clear: both; margin: 0; min-height: 400px; }
#home-slides { clear: both; margin: 0; min-height: 400px; margin: 0 10px; background: #ffffff; }
#home-slides-slideshow { padding: 0 0 10px 0; width: 1013px; height: 408px; list-style: none; padding: 0; margin: 0; }
#home-slides-slideshow li {  border: 1px #ff0000 solid; }
#home-slides-description { z-index: 10001; color: #ffffff; font-size: 15px; line-height: 20px; position: absolute; height: 408px; width: 215px; margin: 21px 73px; }
#home-slides-description-bg { z-index: 10000; position: absolute; background: #b22031; height: 408px; width: 257px; margin: 1px 56px; }
#home-slides-title { font-family: Helvetica, Arial, sans-serif; font-size: 30px; font-weight: bold; line-height: 32.6px; }
#home-slides-bottom { height: 61px; background: url(images/home-newsBtmBg.jpg) repeat-x; }
#home-slides-read { white-space: nowrap; color: #002a5c; font-size: 15px; line-height: 22px; text-decoration: none; }
#home-slides-next {  z-index: 10002; position: absolute; width: 16px; height: 16px; margin: 380px 0 0 981px; background: url(images/home-btn-next.png) no-repeat bottom right; }
#home-slides-prev {  z-index: 10003; position: absolute; width: 16px; height: 16px; margin: 380px 0 0 958px; background: url(images/home-btn-prev.png) no-repeat; }
.home-slides-arrow { line-height: 61px; font-size: 18px; margin: 0 20px; padding: 0 20px; background: url(images/home-newsArrow.jpg) left center no-repeat; }
#home-body { margin: 10px 0; padding: 12px; background: url(images/home-bodyBg.jpg) repeat-x; }
#home-twitter { color: white; float: left; width: 414px; height: 64px; padding: 6px 0 0 337px; background: url(images/home-twitter.jpg) no-repeat; }
#home-twitter-ago { color: #e51937; }
#home-facebook { float: right; display: block; width: 249px; height: 64px; background: url(images/home-facebook.jpg) no-repeat; }
#home-body-header { height: 75px; }
#home-body-content { border: #516280 1px solid; }

.home-body-column { float: left; line-height: 17.26px; color: #717171; font-size: 12px; width: 290px; height: 320px; padding: 0 14px 0; margin: 12px 0 6px 13px; background: url(images/home-bodyColBg.jpg) repeat-x left bottom; }
.home-header { height: 40px; border-bottom: 3px solid #003676; background-position: left bottom; background-repeat: no-repeat; }
.home-column-body {   height: 242px;padding: 20px 0 0 0; border-bottom: 7px solid #002a5c; }

.home-header-wesBlog { background-image: url(images/home-hdrWesBlog.gif); }
.home-blog-img { width: 58px; position: absolute; border: 1px solid #e51937; }
.home-blog-body {    padding: 0 0 0 71px; }
.home-blog-header { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #00336f; }
.home-blog-read, a.home-blog-read { color: #e73131; font-family: Tahoma, Verdana, Arial, Helvetica; font-weight: bold; text-decoration: none; }
hr.home-blog-hr { color: #6685a9; background-color: #6685a9; height: 2px; padding: 0; margin: 15px 0; border: none; }


.home-header-news { background-image: url(images/home-hdrNews.gif); }
.home-header-comAmb { background-image: url(images/home-hdrComAmb.gif); }
.home-news-items { padding: 0; margin: 0; }
.home-news-items li { font-size: 18px; padding: 19px 0 0 0; margin: 0 0 0 20px; color: #002a5c; }
.home-news-items a {  color: #bb152d; text-decoration: none; }
.home-news-date { font-size: 12px; color: #717171; }

.home-amb-img { width: 113px; border: 1px solid #e51937; float: left; margin: 0 12px 12px 0; }
.home-amb-award { font-weight: bold; color: #074082; }
.home-amb-name { font-weight: bold; font-size: 18px; color: #d01515; line-height: 21.26px;}
.home-amb-position { font-weight: bold; color: #000000; font-size: 12px; }

#content { clear: both; margin: 0; min-height: 500px; background: #ffffff; }
#divider { clear: both; margin: 0 10px;  border-top: #ef7587 solid 2px; }

.nav-vert { font-size: 16px; text-transform: uppercase; color: #002a5c; float: left; margin: 0 0 0 24px; padding: 35px 0 0 0;  background: #fafafa url(images/nav-vertBg.jpg) repeat-y; width: 191px; min-height: 465px; list-style: none; }
.nav-vert a { text-transform: uppercase; color: #002a5c; text-decoration: none; }
.nav-vert li { padding: 0 0 25px 0; }
.nav-vert li.active, .nav-vert li.active a { color: #dc1734; font-weight: bold; }
.nav-vert li a:hover, .nav-vert li.active li a:hover { color: #dc1734; }
.nav-vert li a { text-transform: none; }
.nav-vert li.active li a { color: #002a5c; }
.nav-vert li ul { display: none; font-size: 14px; }
.nav-vert li.active ul { display: list-item; }

.nav-vert li ul { font-weight: bold; text-transform: none; color: #313030; list-style: none; padding: 0 0 0 15px; }
.nav-vert ul li { padding: 15px 0 0 0; }


#body { float: left; padding: 0 0 20px 21px; width: 784px; }

.header { padding: 40px 0 51px 0; }
.news-title { font-size: 28px; font-size: 25px; font-family: Helvetica; font-weight: bold; line-height: normal; /*list-style-image: url(images/list-dot.gif); color: #db1735;*/ color: #00387b ; text-transform: uppercase; clear: both; float: none; /*display: list-item; margin-left: 31px;*/ padding: 40px 0 5px/* 7px*/; }
.news-date { font-style: italic; color: #999999; }

.gallery-top { height: 22px; margin: 15px 0 0 0; background: url(images/media-galleryHdrBg.jpg) repeat-x; }
.gallery-outline { height: 516px; margin: 0; padding: 0 0 0 2px; background: url(images/media-galleryOutline.jpg) repeat-x; }
.gallery-imgs { list-style: none; width: 780px; height: 516px; padding: 0; margin: 0; background-color: #ffffff; }
.gallery-imgs li { position: absolute; padding: 0 1px; margin: 0; width: 780px; height: 516px; }
.gallery-title { font-size: 18px; font-weight: bold; color: #00326d; padding: 0 0 10px 0; margin: 0 0 15px;  border-bottom: dashed 1px #db1735; }
.gallery-thumbs-prev { display: block; float: left; width: 40px; height: 120px; background: url(images/media-btn-prev.jpg); }
.gallery-thumbs { float: left; width: 704px; height: 120px; list-style: none; padding: 0; margin: 0; background: url(images/media-thumbsBg.jpg) repeat-x; white-space: nowrap; overflow: hidden; }
.gallery-thumbs li { cursor: pointer; display: inline-block; width: 86px; height: 86px; margin: 15px 6px 0 6px; border: #ffffff 1px solid; }
.gallery-thumbs-next { display: block; float: left; width: 37px; height: 120px; background: url(images/media-btn-next.jpg); }

h1 { font-size: 15px; color: #002a5c; padding: 0 0 23px 0; margin: 0; }

#footer { clear: both; color: #ffffff; font-size: 10px; line-height: 39px; text-align: center; margin: 0 0 20px; height: 39px; background: #272727; }