html,body{ padding: 0; margin: 0; width: 100%; }

.nav, .nav li{ list-style: none; padding: 0; margin: 0; }
.nav li{ position: relative; float: right; zoom: 1; }
.thumb{ background: #f0f0f0; }

.nav.pages{ margin-bottom: -5px; border-right: 1px solid #CCC; }
.nav.pages li{ float: none; display: inline; border-left: 1px solid #CCC; padding: 0 5px; }
.nav.pages a{ font-size: 12px; }
.nav.pages .selected{ font-weight: bold; font-size: 12px; }
.nav.pages li.first a, .nav.pages li.last a{ text-decoration: none; }

.player{ text-align: center; background: #f0f0f0; margin-bottom: 10px; }

.rightcol{ width: 435px; float: right; }
.rightcol img{ max-width: 435px; height: auto;  -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
.leftcol{ width: 200px; padding: 0; margin: 0; list-style: none; float: left; margin-top: -10px; }
.leftcol li{ padding: 0; margin: 0; list-style: none; margin-top: 10px; padding: 5px; border: 1px solid #e6e6e6; background: #f0f0f0; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.leftcol img{ width: 100%; margin-bottom: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; cursor: pointer; }
.leftcol h3{ font-size: 11px; font-weight: bold; margin: 0; }
.leftcol p{ font-size: 11px; font-weight: normal; margin: 0; }

#wrapper{ width: 100%; height: 100%; background: url(../img/bg.jpg) center 90px no-repeat; }
#page{ position: relative; width: 990px; margin: auto; z-index: 2; }

#header{ position: relative; width: 100%; height: 180px; }
#logo{ position: absolute; width: 449px; height: 99px; top: 20px; left: 25px; }
#logo a:hover, #logo a:hover{ opacity: 1; filter: alpha(opacity=100); }
#search{ position: absolute; height: 50px; width: 450px; top: 57px; right: 15px; }
#search input{ height: 12px; margin: 0; padding: 3px; font-size: 14px; border: 1px solid #DDD; color: #cccccc; }
#search img{ margin-bottom: -5px; cursor: pointer; }
.topnav,.topnav li{ list-style: none; padding: 0; margin: 0; }
.topnav{ margin-top: 15px; }
.topnav li{ float: right; border-left: 1px solid #c7edfc; padding: 0 6px 1px 5px; }
.topnav li.last{ border: none; }
.topnav li.first{ padding-right: 0; }
.topnav a{ color: #1fb6ef; text-decoration: none; }

#header .homepage{position: absolute; bottom: 51px; right: 15px; font-size: 11px;color: #58595b;font-family: Arial; font-weight: bold; text-decoration: none; }


#header .nav{ position: absolute; z-index: 10; right: 0; bottom: 0px; width: 970px; padding: 0 10px; height: 47px; background: url(../img/nav_bg.png) center center no-repeat; }
#header .nav li{ middle; margin: 7px 0 0px 0; padding: 0 11px; border-left: 1px solid #ffffff; border-right: 1px solid #b4bac3; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#header .nav li.selected a{ color: #e57b11; }
#header .nav li a:hover{ color: #323b0d; }
#header .nav li a:active{ color: #e57b11; }
#header .nav li.first{ border-right: 0;}
#header .nav li.last{ border-left: 0;}
#header .nav li a{ zoom: 1; display: table-cell; vertical-align: middle; text-align: center; height: 38px; line-height: 12px; font-size: 12px; font-weight: bold; color: #3E7BBF; text-decoration: none; }

#newsflash{ position: relative; width: 100%; height: 350px; background: url(../img/newsflash_bg.png) center top no-repeat; }

#newsflash .nav{ float: right; margin: 5px 16px 6px 6px; height: 328px; width: 380px; }
#newsflash .nav li{ cursor: pointer; height: 71px; width: 370px; padding: 5px; border-bottom: 1px solid #B4BAC3; background: url(../img/newsflash_item_bg.png) bottom left; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#newsflash .nav li.selected{ background: url(../img/newsflash_item_selected_bg.png) bottom left; }
#newsflash .nav li:hover{ background: url(../img/newsflash_item_over_bg.png) bottom left; }
#newsflash .nav li:active{ background: url(../img/newsflash_item_selected_bg.png) bottom left; }
#newsflash .nav li .thumb{ float: right; height: 71px; width: 120px; margin-left: 10px; overflow: hidden; text-align: center; }
#newsflash .nav li .thumb img{ width: 100%; }
#newsflash .nav li a{ text-decoration: none; }
#newsflash .nav li h2{ color: #1fb6ef; font-size: 13px; font-weight: bold; border-bottom: 1px solid #1fb6ef; margin-bottom: 2px; }
#newsflash .nav li p{ color: #167bd6; font-size: 13px; margin-bottom: 2px; line-height: 12px; }
#newsflash .nav li small{ color: #7F7F7F; font-size: 12px; }

#newsflash .preview{ position: relative; overflow: hidden; margin: 5px 0px 6px 6px; width: 572px; }
#newsflash .preview li{ position: absolute; top: 0; right: 0; height: 100%; width: 100%; padding: 0px; background: none; border: none; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#newsflash .preview li .thumb{ height: 100%; width: 100%; padding: 0px; background: none; border: none; }
#newsflash .preview li .content{ position: absolute; width: 100%; bottom: 0px; right: 0px; padding: 10px 0; background: url(../img/newsflash_content_bg.png) top center; }
#newsflash .preview li h2,#newsflash .preview li p,#newsflash .preview li small{ margin: auto 10px; }
#newsflash .preview li h2{ border: none; font-size: 20px; }
#newsflash .preview li p{ font-size: 14px;  margin-bottom: 4px; line-height: 13px; }
#newsflash .preview li small{ font-size: 12px; }
#newsflash .preview li .btn{ position: absolute; left: 10px; bottom: 0px; }

#main{ position: relative; margin: 10px 0; padding: 0; width: 100%; background: url(../img/main_bg.png) center top; }
#main.inner{ background: url(../img/main_bg_inner.png) center top; }
#main .top{ position: absolute; z-index: 1; width: 100%; height: 16px; top: -16px; right: 0px; background: url(../img/main_bg_t.png) center top; }
#main .bottom{ position: absolute; z-index: 1; width: 100%; height: 16px; bottom: -16px; right: 0px; background: url(../img/main_bg_b.png) center top; }
#main .container{ position: relative; z-index: 10; width: 954px; margin: auto; }
#main .content{ position: relative; z-index: 10; margin: 0; width: 610px; float: left; }
#main .banners{ width: 100%; }
#main .sidebar{ position: relative; z-index: 10; margin: 0 0 0 10px ; width: 334px; float: right; }
.footerbanners{ margin: 25px 10px 15px 10px; width: 985px; }


.news{ position: relative; width: 300px; float: right; }
.news h2{ margin-top: 15px; margin-bottom: 0px; font-size: 20px; color: #1fb6ef; font-weight: bold; border-bottom: 2px solid #99C53C; border-top: 1px solid #99C53C; }
.news .link{ position: absolute; text-align: left; top: 22px; left: 0px; font-size: 12px; font-weight: bold; text-decoration: none; }
.news ul,.news li{ list-style: none; padding: 0 5px; margin: 0; }
.news ul{ padding-top: 5px; }
.news li{ display: block; margin-top: 5px; }
.news li a h3{ margin-bottom: 0px; font-size: 12px; text-decoration: underline; }
.news li small{ font-size: 12px; color: #7F7F7F; }
.news li .thumb{ position: relative; overflow: hidden; width: 85px; height: 60px; margin-left: 10px; text-align: center; float: right; }
.news li .thumb img{ width: 100%; }
.news a{ text-decoration: none; }

.events{ position: relative; width: 300px; margin-right: 10px; float: left; }
.events h2{ margin-top: 15px; margin-bottom: 0px; font-size: 20px; color: #1fb6ef; font-weight: bold; border-bottom: 2px solid #99C53C; border-top: 1px solid #99C53C; }
.events .link{ position: absolute; text-align: left; top: 22px; left: 0px; font-size: 12px; font-weight: bold; text-decoration: none; }
.events ul,.events li{ list-style: none; padding: 0 5px; margin: 0; }
.events ul{ padding-top: 5px; }
.events li{ display: block; margin-top: 5px; }
.events li a h3{ margin-bottom: 0px; font-size: 12px; }
.events a{ text-decoration: none; }
.events iframe{ border: none; width: 100%; height: 255px; margin-bottom: -5px; }

.btn{ cursor: pointer; padding: 10px 0 10px 5px; background: url(../img/btn_w_r.png) center right no-repeat; font-size: 14px; font-weight: bold; color: #167bd6; text-decoration: none; }
.btn span{ position: relative; padding: 10px 0px 10px 8px; left: -8px; background: url(../img/btn_w_l.png) center left no-repeat; }
.btn b{ font-size: 11px; letter-spacing: 0px; color: #1fb6ef; }
.btn:hover{ opacity: 0.8; filter: alpha(opacity=70); }
.btn:active{ opacity: 0.9; filter: alpha(opacity=90); }

.mail{ position: relative; height: 60px; width: 311px; padding: 10px; background: url(../img/btn_mail_r.png) right top no-repeat; }
.mail span{ position: absolute; top: 0; left: -3px; height: 80px; width: 3px; background: url(../img/btn_mail_l.png) top left no-repeat; }
.mail h2{ width: 150px; margin-bottom: 0px; margin-top: -1px; padding: 0; font-size: 20px; font-weight: bold; color: #FFF; }
.mail p{ margin-top: 10px; padding: 0; font-size: 16px; color: #FFF; }
.mail input{ width: 260px; font-size: 14px; font-weight: normal; color: #666; border: none; border-spacing: 0; margin: 0; padding: 4px; margin-top: 10px; }
.mail .send{ cursor: pointer; display: inline; font-size: 14px; color: #1fb6ef; padding: 4px 10px 4px 10px; margin-right: -5px; background: url(../img/submit.png) center left; -moz-user-select: none; -khtml-user-select: none; user-select: none; text-decoration: none; }
.mail .send:hover{ opacity: 0.8; filter: alpha(opacity=70); }
.mail .send:active{ opacity: 0.9; filter: alpha(opacity=90); }
.mail input{ font-size: arial; color: #cccccc; }

.video{ margin-top: 10px; position: relative; height: 232px; width: 311px; padding: 10px; background: url(../img/btn_video_r.png) top right no-repeat; }
.video span{ position: absolute; top: 0; left: -3px; height: 252px; width: 3px; background: url(../img/btn_video_l.png) top left no-repeat; }
.video h2{ width: 200px; margin-top: -5px; margin-bottom: 6px; padding: 0; font-size: 20px; font-weight: bold; color: #1fb6ef; }
.video a{ position: absolute; text-align: left; top: 12px; left: 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
.video .player{ height: 205px; width: 314px; background: #f0f0f0; margin-top: 2px; margin-bottom: 0; }

.facebook{ position: relative; margin-top: 10px; width: 100%; }
.facebook h2{ position: relative; margin-bottom: -7px; width: 311px; height: 31px; padding: 3px 10px; background: url(../img/btn_o_r.png) right top no-repeat; font-size: 20px; font-weight: bold; color: #FFF; }
.facebook a{ color: #FFF; text-decoration: none; }
.facebook h2 span{ position: absolute; height: 31px; top: 0; left: -3px; width: 3px; background: url(../img/btn_o_l.png) top left no-repeat; }
.facebook ul,.forum li{ list-style: none; padding: 0; margin: 0; }
.facebook ul{ padding: 10px 30px; margin-top: 10px; background: #F6F6F6; border: 1px solid #D1D3D4; }
.facebook li{ color: #58595B; font-size: 12px; }

#main.inner .content{ width: 654px; }
#main.inner .sidebar{ width: 279px; }
#main.inner .sidebar .main{ width: 279px; }
#main.inner .sidebar .mail{ width: 256px; }
#main.inner .sidebar .mail input{ width: 205px; }
#main.inner .sidebar .facebook{ width: 279px; }
#main.inner .sidebar .facebook h2{ margin-bottom: 0px; width: 256px; }
#main.inner .sidebar .facebook a{ color: #FFF; text-decoration: none; }
#main.inner .sidebar .facebook .next{ right: 260px; }
#main.inner .sidebar .events, #main.inner .sidebar .news{ float: none; margin-right: 0; width: 279px; }
#main.inner .sidebar .news .link, #main.inner .sidebar .events .link{ top: 7px; }
#main.inner .banners{ margin-bottom: 15px; }
#main.inner .top{ background: url(../img/main_bg.png) center top; }
#main.inner{ margin-top: 6px; }

#main.inner .content h2{ margin-bottom: 0px; font-size: 20px; font-weight: bold; color: #7F7F7F; margin: -5px 0 4px 0; padding-bottom: 6px; border-bottom: 2px solid #99C53C; }
#main.inner .content .breadcon{ margin-bottom: 10px; padding: 0 0 5px 0; border-bottom: 1px solid #99C53C; }
#main.inner .content .bread{ padding: 0; font-size: 12px; line-height: 15px; }
#main.inner .content .bread li{ color: #7F7F7F; float: none; display: inline; margin: 0; padding: 0; }
#main.inner .content .bread a{ color: #1fb6ef; text-decoration: none; font-weight: normal; padding-left: 15px; margin-left: 3px; background: url(../img/bread.png) center left no-repeat; }

#main .mainpic{ text-align: center; width: 100%; background: #f0f0f0; margin-bottom: 10px; }

#main .content .calheader{ position: relative; z-index: 5; top: -10px; color: #FFFFFF; text-align: center; font-size: 12px; font-weight: bold; padding: 15px 0 5px 0; background: url(../img/events_header.png) center bottom; margin-bottom: -15px; }
#main .content .calnotfound{ text-align: center; padding: 100px; margin: 0; }
#main .content .nav.cal{ position: relative; z-index: 10; text-align: center; padding-bottom: 1px; background: url(../img/events.png); }
#main .content .nav.cal li{ font-size: 12px; text-align: center; width: 21px; padding: 10px; margin: 1px 1px 0 0; }
#main .content .nav.cal li.days{ font-size: 14px; font-weight: bold; color: #167bd6; }
#main .content .nav.cal li.events{ font-weight: bold; color: #1fb6ef; }
#main .content .nav.cal li.next{ height: 112px; padding: 0; width: 33px; float: left; margin-top: 0px; margin-bottom: -1px; }
#main .content .nav.cal li.prev{ height: 112px; padding: 0; width: 33px; margin-right: -1px; margin-top: 0px; margin-bottom: -1px; }
#main .content .nav.cal li.prev a,#main .content .nav.cal li.next a{ display: block; cursor: pointer; width: 33px; height: 100%; }
#main .content .nav.cal li.next a{ background: url(../img/events_next.png) center center no-repeat; }
#main .content .nav.cal li.prev a{ background: url(../img/events_prev.png) 8px center no-repeat; }

#main.inner .content .nav.contentview{ font-size: 14px; margin-top: 10px; padding: 5px 0;  border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; }
#main.inner .content .nav.contentview li{ margin: 0; padding: 0; width: 33%; background: url(../img/bread.png) right 5px no-repeat; }
#main.inner .content .nav.contentview li a{ display: block; padding: 5px 15px 2px 5px; background: url(../img/content_nav.png) center right no-repeat; }
#main.inner .content .nav.contentview li p{ padding: 0px 15px 10px 15px; font-size: 12px; line-height: 14px; color: #7F7F7F; }

#main .content .nav.articleview{ font-size: 14px; margin: 10px 0; padding: 5px 0 0 0; border-bottom: 1px solid #d6d6d6; }
#main .content .nav.articleview li{ float: none; display: block; margin: 0; padding: 0 0 5px 0; width: 100%; border-top: 1px solid #d6d6d6;}
#main .content .nav.articleview li .thumb{ float: right; height: 71px; width: 120px; margin-top: 5px; margin-left: 10px; overflow: hidden; text-align: center; }
#main .content .nav.articleview li .thumb img{ width: 100%; }
#main .content .nav.articleview li a{ text-decoration: none; }
#main .content .nav.articleview li h3{ font-size: 12px; display: block; margin-bottom: 0px; padding: 5px 0px; text-decoration: underline; }
#main .content .nav.articleview li p{ margin-bottom: 5px; font-size: 12px; color: #7F7F7F; }
#main .content .nav.articleview li small{ font-size: 12px; color: #7F7F7F; }

.banner{ position: relative; z-index: 10; width: 300px; height: 80px; background: url(../img/banner.png); margin-left: 10px; float: right; }
.banner.advhere{ width: 45px; background: url(../img/advhere_small.png) center center; }
#main.inner .banner.advhere{ width: 34px; }
.footerbanners .advhere{ width: 40px; background: url(../img/advhere_big.png) center center; }
.banner.last{ margin: 0; }

#footer{ background: #98CA47; padding: 10px 0; }
#footer .content{ position: relative; width: 990px; margin: auto; color: #FFFFFF; }
#footer .nav a{ color: #FFFFFF; text-decoration: none; font-size: 12px; }
#footer .nav li{ float: none; display: inline; }
#footer .nav li{ list-style: none; padding: 0; margin: 0; border-left: 1px solid #FFFFFF; padding: 0 8px 3px 3px; }
#footer .nav li.last{ border: none; }
#footer .nav li.first{ padding-right: 0; }

#idus{ float: left; margin-right: 20px; }

#facebook{ position: fixed; top: 141px; right: 0;}

@media all and (max-width:1080px) { #facebook{ display: none; } }