/* CSS */

HTML, BODY { margin: 0px; padding: 0px; font-family: Arial, sans-serif; }

.clear { display: block; clear: both; width: 100%; height: 1px; margin: 0; padding: 0; overflow: hidden; }
.clear20 { display: block; clear: both; width: 100%; height: 20px; margin: 0; padding: 0; overflow: hidden; }

.clearfix { display: block; zoom: 1; }
.clearfix:after { content: " "; display: block; font-size: 0; height: 0; clear: both; visibility: hidden; }

#bdy { background: #0c4065; text-align: center; }
#wrapper { width: 1020px; margin: 0px auto; position: relative; overflow: hidden; }
#topmenu { height: 100px; background: #000c1e; text-align: left; position: relative; border-bottom: 1px solid #218ecf; }
#header { height: 234px; background-color: #125595; overflow: hidden; position: relative; }
#most-popular { position: absolute; z-index: 100; width: 230px; height: 202px; overflow: hidden; top: 16px; right: 16px; font-size: 9pt; color: #000000; text-shadow: 0px 0px 5px #FFFFFF; text-align: left; }
#bheader { height: 28px; background: #123163 url('../i/bheader.png') repeat-x; border-top: 1px solid #218ecf; border-bottom: 1px solid #218ecf; }
#maincnt { min-height: 390px; background: #218ecf url('../i/water.jpg') repeat-x; }
#footer { height: 50px; border-top: 1px solid #000000; background: #2097dd; }

#most-popular H3 { font-size: 10pt; font-weight: bold; color: #FFFFFF; text-shadow: 0px 0px 5px #000000; text-align: left; }
#most-popular A:link, #most-popular A:active, #most-popular A:visited { font-size: 9pt; text-decoration: none; color: #000000; text-shadow: 0px 0px 5px #FFFFFF; text-align: left; }
#most-popular A:hover { color: #FFFFFF; text-shadow: 0px 0px 5px #000000; text-align: left; }

#logo { position: absolute; top: 41px; left: 25px; width: 300px; height; 18px; }
#mainmenu { position: absolute; top: 65px; left: 25px; width: 550px; height: 13px; font-family: Arial Narrow, Arial, sans-serif; color: #FFFFFF; font-size: 15px; vertical-align: middle; }
#mainmenu A:link, #mainmenu A:active, #mainmenu A:visited { color: #FFFFFF; text-decoration: none; text-transform: uppercase; font-size: 12px; font-weight: bold; }
#mainmenu A:hover { color: #218ecf; }

 /* #top-new-wrapper { position: absolute; width: 280px; height: 350px; top: 315px; left: 50px; } */
#top-new-wrapper { float: left; width: 280px; margin: -50px 45px 0px 50px ;}
#top-new-cap { position: relative; width: 280px; height: 20px; overflow: hidden; padding: 0px 8px; margin-bottom: 1px; font-size: 9pt; font-weight: bold; color: #FFFFFF; text-align: left; background: url('../i/top-new.png') no-repeat;}
#top-new-cap DIV { margin: 3px; 0px 0px 8px; }
#top-new-img { position: relative; width: 280px; background-color: #1b77b8; }
#top-new-details { height: 24px; background-color: #1b77b8; font-size: 7pt; color: #000000; text-align: left; padding: 4px 0px 0px 8px; }
#top-new-text { background-color: #1b77b8; font-size: 8pt; color: #FFFFFF; text-align: left; padding: 8px; line-height: 10pt; }
#top-new-banner { text-align: center; padding: 8px 0px; }
#right-banner-home { position: absolute; top: 350px; left: 695px;  width: 280px; height: 60px; text-align: right; overflow: hidden; }
#right-banner { position: absolute; top: 350px; left: 715px;  width: 280px; height: 60px; text-align: right; overflow: hidden; }
#top-new-text A:link, #top-new-text A:active, #top-new-text A:visited { font-size: 8pt; text-decoration: none; color: #FFFFFF; }
#top-new-text A:hover { color: #fddd2d; }

#right-info { position: absolute; top: 415px; left: 335px; width: 640px; }
.top-right-header { width: 280px; height: 22px; background: url('../i/home-side-cap.png') no-repeat left top; font-size: 9pt; font-weight: bold; color: #FFFFFF; text-align: left; }
.top-right-header H4 { font-size: 9pt; font-weight: bold; color: #FFFFFF; text-align: left; padding: 4px 12px; margin: 0px; }
.cnt-right-column { width: 280px; background-color: #FFFFFF; font-size: 9pt; font-weight: bold; color: #000000; text-align: left; }
.bottom-right-footer { width: 280px; height: 22px; background: url('../i/home-side-footer.png') no-repeat left bottom; font-size: 9pt; font-weight: bold; color: #FFFFFF; text-align: right; }
A.more:link, A.more:active, A.more:visited { display: block; float: right; text-decoration: none; padding: 6px 32px 0px 0px; font-size: 8pt; font-weight: bold; color: #FFFFFF; text-align: right; text-decoration: none; }
A.more:hover { color: #fddd2d; }
.home-col { padding: 12px; }

#footer-links { float: left; width: 600px; margin-left: 50px; font-size: 7pt; color: #000000; text-align: left; }
#footer-menu { float: right; width: 300px; margin-right: 50px; font-size: 7pt; color: #FFFFFF; text-align: right; }
#footer A:link, #footer A:active, #footer A:visited { font-size: 7pt; color: #FFFFFF; text-decoration: none; }
#footer A:hover { color: #123163; }

#cnt-right-info { float: left; width: 640px; margin: 5px 0px 0px -20px; padding: 0px; }

.text-cap { width: 348px; background-color: #2097dd; border: 1px solid #2097dd; text-align: left; }
.text-cap H1 { font-size: 12pt; color: #FFFFFF; font-weight: bold; margin: 6px 20px; padding: 0px; }
.text-cnt { border: 1px solid #2097dd; min-height: 300px; background: url('../i/text-bgr.jpg') no-repeat; }
.text-cnt-inside { margin: 20px; font-size: 9pt; color: #FFFFFF; text-align: left;  }

.page-navigation { font-size: 10pt; color: #fddd2d; font-weight: bold; text-align: center; }
.p-selected {  font-size: 10pt; color: #218ecf; background-color: #FFFFFF; border: 1px solid #FFFFFF; border-radius: 3px; padding: 0px 5px; }
.page-navigation A:link, .page-navigation A:active, .page-navigation A:visited { text-decoration: none; color: #fddd2d; border: 1px solid #fddd2d; border-radius: 3px; padding: 0px 5px; }
.page-navigation A:hover { border-color: #FFFFFF; color: #FFFFFF; }

.short-article-img { width: 80px; height: 60px; margin: 0px 8px 8px 0px; float: left; overflow: hidden; }
.short-article { font-size: 9pt; color: #FFFFFF; }
.short-article B { font-size: 9pt; color: #fddd2d; }
.short-article A:link, .short-article A:active, .short-article A:visited { font-size: 9pt; text-decoration: none; color: #FFFFFF; }
.short-article A:hover { color: #fddd2d; }
.short-article-separator { height: 16px; border-bottom: 1px dotted #96c1e3; margin-bottom: 16px; }

.home-article-img { width: 80px; height: 60px; margin: 0px 8px 8px 0px; float: left; overflow: hidden; }
.home-article { font-size: 8pt; color: #000000; }
.home-article B { font-size: 9pt; color: #123163; font-weight: bold !important; }
.home-article A:link, .home-article A:active, .home-article A:visited { font-size: 8pt; text-decoration: none; color: #000000; font-weight: normal; }
.home-article A:hover { color: #123163; }
.home-article-separator { height: 16px; border-bottom: 1px dotted #123163; margin-bottom: 16px; }

#newest-image-caption { margin-top: 10px; font-size: 9pt; color: #FFFFFF; }
#newest-image-caption > SPAN { color: #123163; font-weight: bold; }

.full-article-img { width: 280px; margin: 0px 8px 8px 0px; float: left; overflow: hidden; }
.full-article { font-size: 9pt; color: #FFFFFF; }
.full-article H3 { font-size: 11pt; color: #fddd2d; }
.full-article A:link, .full-article A:active, .full-article A:visited { font-size: 9pt; text-decoration: none; color: #FFFFFF; }
.full-article A:hover { color: #fddd2d; }

.small-text { font-size: 7pt; color: #000000; }

A:link, A:active, A:visited { font-size: 9pt; text-decoration: underline; color: #fddd2d; }
A:hover { color: #FFFFFF; }

/* Popup, Gallery and Image styles */ 
 
  .ig-wrapper { position: relative; overflow: hidden; cursor: pointer; margin: 0px 20px 20px 0px ; width: auto; }
  .ig-pause-old { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: transparent url('../i/ig_pause_icon.gif') no-repeat right bottom; z-index: 1000; display: none; }
  .ig-pause { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: transparent url('../i/ig_enlarge.png') no-repeat right bottom; z-index: 1000; display: none; }
  .ig-box { position: relative; top: 0px; left: 0px; overflow: hidden; text-align: center; }
  .ig320x240 { width: 320px; height: 240px; }
  .ig320 { width: 320px; }
  .ig240 { width: 240px; }
  .ig-box.hidden { display: none; }
  .ig-prev { float: left; display: block; width: 20px; height: 20px; background: transparent url('../i/ig_prev_icon.gif') no-repeat center center; }
  .ig-next { float: left; display: block; width: 20px; height: 20px; background: transparent url('../i/ig_next_icon.gif') no-repeat center center; }
  .ig-close { float: right; display: block; width: 20px; height: 20px; background: transparent url('../i/ig_close_icon.gif') no-repeat center center; }
  .ig-counter { float: left; display: block; width: 50px; height: 20px; text-align: center; padding-top: 2px; }
  .ig-caption { float: left; display: block; height: 20px; text-align: left; padding-top: 2px; }
  .ig-box IMG { display: block; margin: auto; border-width: 0px; }
  .ig-box IMG.i-gallery { width: 100%; }
  #ig-display-navigation * { font-family: Arial, sans-serif; font-size: 9pt; color: #405361; }
  .ig-left { float: left; margin: 0px 20px 20px 0px; }
  .ig-right { float: right; margin: 0px 0px 20px 20px; }
  .ig-center { display: block; width: 100%; text-align: center; }
 
  .ig-wrapper-video { position: relative; overflow: hidden; cursor: pointer; margin: auto; width: auto; }