/* Reset ================================================================================= */
* { margin:0; padding:0; }

body          { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000; }

img           { border:0; vertical-align:top; }

a             { color:#004822; text-decoration:none; }
a:hover       { text-decoration:underline; }
:focus        { outline:0; }

/* Headings */
h1,h2,h3,
h4,h5,h6      { margin:0 0 5px; line-height:1.05; color:#004822; }
h1            { font-size:20px; font-weight:normal; }
h2            { font-size:18px; font-weight:normal; }
h3            { font-size:16px; font-weight:bold; }
h4            { font-size:14px; font-weight:bold; }
h5            { font-size:12px; font-weight:bold; }
h6            { font-size:11px; font-weight:bold; }

/* Forms */
form          { display:inline; }
fieldset      { border:0; }
legend        { display:none; }

/* Table */
table         { border:0; /*border-collapse:collapse;*/ border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Content */
p             { margin:0 0 10px; }
strong        { font-weight:bold; }
address       { font-style:normal; line-height:1.35; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; }
q:before,
q:after       { content:''; }
small,big     { font-size:1em; }
/*sup           { font-size:1em; vertical-align:top; }*/

/* Lists */
ul,ol         { list-style:none; }
/* ======================================================================================= */


/* Layout ================================================================================ */
body { /*background:#7a8188 url(../../img/background.png) repeat-x bottom;*/ background:#000; }

.wrapper { position:relative; z-index:10; overflow:hidden; padding-bottom:20px; }
.container-first { width:960px; margin:0px auto; position:relative; z-index:10; }
.container { width:960px; margin:0px auto; overflow:hidden; position:relative; z-index:10; }

/* Header */
.header { width:960px; clear:both; overflow:hidden; margin-top:10px; }
.header .left { float:left; width:765px; margin-right:10px; }
.header .left .logo { float:left; width:278px; }
.header .left .menu { float:left; background:#fff; margin-top:15px; height:69px; width:477px; }
.header .left .menu ul { float:right; margin:35px 30px 0px 0px; }
.header .left .menu ul li { float:left; margin-left:15px; }
.header .left .menu ul li a { font-weight:bold; }
.header .left .menu ul li.active { background:url(../../img/active_menu_bg.png) no-repeat center bottom; height:23px; }
.header .left .menu ul li.active a { background:#004822; padding:5px 5px; color:#fff; }
.header .left .sub { clear:both; color:#fff; font-weight:bold; padding:5px 8px; }
.header .right { float:left; width:185px; }
.header .right a { display:block; background:#004822; color:#fff; width:115px; padding:5px; margin-top:60px; float:right; }

/* Main */
.main { width:765px; margin-right:10px; float:left;}

.main .dynamic { background:url(../../img/map_bg.png) 0px 8px no-repeat; margin-right:0px; margin-left:-105px; }
.main .dynamic .map { border:3px solid #fff; height:430px; width:759px; margin-left:105px; position:relative; }
.main .dynamic .map .path_wrapper { width:390px; height:134px; margin:225px 155px 0px 0px;  float:right;  }
.main .dynamic .map .path { background:url(../../img/path_bg.png) no-repeat right top; width:346px; height:134px; float:right; }
.main .dynamic .map .boat_icon { background:url(../../img/boat_icon.png) no-repeat; width:44px; height:49px; float:right; }
.main .dynamic .map .current { color:#333333; border:1px solid #333333; padding:5px; position:absolute; right:20px; bottom:20px; width:145px; font-size:14px; text-align:center; }
.main .dynamic .map .current p { margin:0px 0px 5px 0px; }
.main .dynamic .map .current a { color:#333333; text-decoration:underline; }

.main .futured { background:#fff; padding:15px 20px; margin:10px; width:705px; overflow:hidden; }
.main .futured .latest { float:left; width:440px; margin-right:20px; }
.main .futured .latest .img { float:left; margin-right:10px; width:185px; }
.main .futured .latest .text { float:left; width:245px; }
.main .futured .latest .text .date { color:#666; font-size:18px; }
.main .futured .latest .text h3 { font-size:20px; font-weight:normal; }
.main .futured .latest .text a.more { background:url(../../img/icon_more.png) no-repeat 0px 4px; padding-left:10px; margin-left:10px; cursor:pointer; }
.main .futured h2 { color:#666; border-bottom:1px solid #ccc; padding-bottom:5px; margin-bottom:10px; }
.main .futured .blog { float:left; width:245px; }
.main .futured .blog li { padding:2px 0px; overflow:hidden; }
.main .futured .blog ul li .date { color:#666; margin-right:5px; display:block; float:left; }
.main .futured .blog ul li a { float:left; display:block; width:175px; }

.main .border { border:3px solid #fff; padding:5px; }

.main .content { background:#fff; padding:20px 15px; overflow:hidden; }
.main .content h1 { color:#666; font-size:36px; border-bottom:1px solid #ccc; margin-bottom:10px; }
.main .content p { font-size:14px; }
.main .content p.center { text-align:center; }
.main .content p.left { text-align:left; }
.main .content p.right { text-align:right; }
.main .content p.strong { font-weight:bold; font-size:16px; }
.main .content hr { background:#cccccc; border:0px; height:1px; margin-bottom:10px; }

.main .content .left { float:left; width:445px; margin-right:20px; }

.main .content .right { float:right; width:245px; }
.main .content .right h2 { border-bottom:1px solid #ccc; margin-bottom:8px; padding-bottom:5px; font-size:18px; font-weight:bold; margin-top:20px; color:#666; }
.main .content .right h3 { color:#000; font-size:18px; font-weight:normal; color:#333; }
.main .content .right p { font-size:12px; }
.main .content .right ul li { background:url(../../img/li_arrow.png) no-repeat 0px 4px; padding-left:12px; margin:4px 0px; }

.main .content ul.faq li { clear:both; border-bottom:1px solid #ccc; overflow:hidden; padding-bottom:10px; margin-bottom:10px; }
.main .content ul.faq li .question { float:left; font-size:18px; font-weight:bold; width:255px; margin-right:59px; background:url(../../img/icon_question.png) no-repeat; min-height:57px; padding-left:45px; }
.main .content ul.faq li .answer { float:left; width:320px; background:url(../../img/icon_answer.png) no-repeat; min-height:57px; padding-left:40px; font-size:14px; }
.main .content ul { overflow:hidden; }

.main .content ul.sponsors li { width:329px; float:left; border-bottom:1px solid #ccc; overflow:hidden; padding-bottom:10px; margin-bottom:10px; padding-right:30px; }
.main .content ul.sponsors li:first-child { margin-right:30px; }
.main .content ul.sponsors li .img { float:left; width:125px; height:100px; overflow:hidden; }
.main .content ul.sponsors li .text { float:left; width:194px; font-size:14px; margin-left:10px; }

.main .content ul.sponsors-banners { margin-bottom:10px; }
.main .content ul.sponsors-banners li { float:left; border-right:1px solid #ccc; margin-right:8px; padding-right:8px; width:125px; height: 125px}
.main .content ul.sponsors-banners li img { vertical-align: middle }
.main .content ul.sponsors-banners li:last-child { border-right:none; padding:0px; margin:0px; }

.main .content .futured-post { background:#e8e8df; margin-bottom:10px; }
.main .content .futured-post .img { }
.main .content .futured-post .text { padding:10px; line-height:18px; }
.main .content .futured-post .text .date { color:#666; font-size:18px; }
.main .content .futured-post .text h3 { font-size:20px; font-weight:normal; }
.main .content .futured-post .text p { font-size:12px; }
.main .content .futured-post .text a.more { background:url(../../img/icon_more.png) no-repeat 0px 4px; padding-left:10px; margin-left:10px; cursor:pointer; }

.main .content ul.posts li { border-bottom:1px solid #ccc; margin-bottom:10px; overflow:hidden; }
.main .content ul.posts .img { float:left; margin-right:10px; width:185px; }
.main .content ul.posts .text { float:left; width:250px; }
.main .content ul.posts .text .date { color:#666; font-size:18px; }
.main .content ul.posts .text h3 { font-size:20px; font-weight:normal; }
.main .content ul.posts .text p { font-size:12px; line-height:18px; }
.main .content ul.posts .text a.more { background:url(../../img/icon_more.png) no-repeat 0px 4px; padding-left:10px; margin-left:10px; cursor:pointer; }

.main .content ul.form {}
.main .content ul.form li { margin-bottom:10px; }
.main .content ul.form li label { clear:both; display:block; }
.main .content ul.form li input { height:20px; padding:2px; width:230px;}
.main .content ul.form li .submit { width:auto; height:auto; }
.main .content ul.form li textarea { padding:2px; width:300px; height:100px; }

/* Sidebar */
.side { width:185px; float:right; }
.side .sponsors { background:#fff; padding:20px 10px; }
.side .sponsors h3 { color:#666666; margin:0px 0px 1px 0px; }
.side .sponsors ul {}
.side .sponsors ul li { border-top:1px solid #cccccc; }
.side .sponsors img { margin:10px 0px; }
.side .sponsors p { color:#666666; margin:0px 0px 15px 0px; }
.side .donate { margin:20px 0px; display:block; }
.side .facebook { background:#fff; }

/* Footer */
.footer-container { background:#000; color:#666; clear:both; overflow:hidden; position:relative; z-index:10; }
.footer { width:960px; margin:0px auto; padding:15px 0px; font-size:11px; height:20px; }
.footer a { color:#fff; }
.footer .copy { float:left; line-height:20px; }
.footer ul.social { float:right; }
.footer ul.social li { float:left; margin-left:5px; }

/* Video */
.video-background { position:absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; z-index:-1; }
.video-background video { min-height: 100%;  min-width:100%; }
/* ======================================================================================= */