@import url("common.css");

/* elements */
body#site, h1, h2, h3, h4, h5, h6, ol, ul, li, p, input, textarea, select { font-size: 100%; font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; color: #666; line-height: 1.2; padding: 0; margin: 0; }

body#site { font-size: 70%; }

body#pageflip { background-color: #F0F0F0; text-align: center; padding: 0; margin: 0; }

h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; }

h1 { font-size: 130% }

h2 { font-size: 110%; }

h3 { font-size: 100%; }

img { border: none; }

ul li, ol li { line-height: 1.2; }

span { font-size: 100%; }

strong { font-weight: bold; }

/* layout */
#container { background: url(../images/bg-container.png) repeat-y left top; width: 971px; padding: 0 12px 0 11px; margin: 0 auto; }

#container a { font-size: 100%; }
#container a:hover { text-decoration: none; }

/* header */
#header { background: #E95C2A url(../images/bg-header.jpg) no-repeat left top; min-height: 120px; position: relative; }

#logo { position: absolute; left: 0; top: 14px; }
#logo a { font-size: 200%; width: 249px; height: 106px; display: block; position: relative; overflow: hidden; }
#logo a span { background: url(../images/logo.jpg) no-repeat left top; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

#skip { width: 1px; height: 1px; position: absolute; top: -10000px; left: 0; overflow: hidden; }

#random-news { background: url(../images/bg-header-box.png) no-repeat left top; color: #FFF; width: 307px; min-height: 48px; padding: 20px 27px 0 18px; margin-left: 330px; overflow: hidden; }
#random-news p { font-size: 130%; font-family: Calibri, Tahoma, Geneva, sans-serif; color: #FFF; line-height: 1.1; }
#random-news #rn-date { width: 93px; float: left; }
#random-news #rn-text { width: 214px; float: right; }
#random-news #rn-text a { color: #FFF; text-decoration: none; }

#top-links { color: #FFF; position: absolute; right: 15px; top: 7px; }
#top-links a { font-size: 110%; font-family: Calibri, Tahoma, Geneva, sans-serif; color: #FFF; text-decoration: none; }

#logged-user { color: #AAA; position: absolute; right: 15px; top: 25px; }

#search { width: 241px; position: absolute; right: 10px; bottom: 25px; overflow: hidden; }
#search #search-input { background: #FFF url(../images/bg-input.png) repeat-x left bottom; width: 173px; border: 1px solid #7F7F7F; float: left; }
#search #search-input input { background: transparent; width: 169px; padding: 3px 2px 2px; border: 0; }
#search #search-submit { width: 64px; float: right; }
#search #search-submit input { padding: 0; border: none; }

#header-banner { width: 500px; height: 100px; position: absolute; left: 208px; top: 10px; overflow: hidden; }

/* main */
#main { background: url(../images/top-shadow.png) no-repeat left top; padding-top: 8px; position: relative; }

#wrapper { width: 100%; overflow: hidden; }

/* left-col */
#left-col { width: 172px; padding: 0 5px; margin-top: 367px; float: left; }

/* menu */
#menu { width: 172px; border-top: 1px solid #D6D6D6; border-bottom: 1px solid #D6D6D6; position: absolute; left: 5px; top: 8px; }
#menu ul { list-style: none; }
#menu ul li { position: relative; }
#menu ul li a { background-repeat: no-repeat; background-position: 0 0; font-weight: bold; font-size: 120%; font-family: Calibri, Tahoma, Geneva, sans-serif; color: #5F5F5F; text-decoration: none; width: 152px; height: 23px; padding: 7px 0 0 20px; display: block; }
#menu ul li a:hover,
#menu ul li a.active { background-position: -172px 0; }
#menu ul li#home a { background-image: url(../images/m01.jpg); }
#menu ul li#about-us a { background-image: url(../images/m09.jpg); }
#menu ul li#mag a { background-image: url(../images/m02.jpg); }
#menu ul li#organisations a { background-image: url(../images/m03.jpg); }
#menu ul li#management a { background-image: url(../images/m04.jpg); }
#menu ul li#top-50 a { background-image: url(../images/m08.jpg); }
#menu ul li#membership a { background-image: url(../images/m05.jpg); }
#menu ul li#job a { background-image: url(../images/m06.jpg); }
#menu ul li#photogallery a { background-image: url(../images/m11.jpg); }
#menu ul li#submit-article a { background-image: url(../images/m12.jpg); }
#menu ul li#advertise a { background-image: url(../images/m10.jpg); }
#menu ul li#contact a { background-image: url(../images/m07.jpg); }
#menu ul li ul { background-color: #FFF; width: 172px; border-top: 1px solid #D6D6D6; border-bottom: 1px solid #D6D6D6; display: none; position: absolute; left: 172px; top: -1px; }
#menu ul li:hover ul,
#menu ul li.over ul { display: block; }

#newsletter { padding: 4px 7px 7px; border: 1px solid #D6D6D6; }
#newsletter #h-newsletter { font-size: 130%; font-family: Calibri, Tahoma, Geneva, sans-serif; color: #363636; text-transform: uppercase; display: block; }
#newsletter #email-field { background: #FFF url(../images/bg-input.png) repeat-x left bottom; width: 153px; border: 1px solid #9E9E9E; margin: 2px 0 5px; }
#newsletter #email-field input { background: transparent; width: 149px; padding: 3px 2px 2px; border: 0; }
#newsletter #subscribe { margin: 3px 0 0 89px; }
#newsletter #subscribe input { padding: 0; border: none; }

#adverts1 { min-height: 780px; padding: 4px 7px 7px; border: 1px solid #D6D6D6; margin-top: 5px; }
#adverts1 .adverts1 { text-align: center; margin-bottom: 7px; }

/* content */
#content { width: 584px; float: left; }

#content p { margin: 10px 0; } 

#content ul,
#content ol { margin: 10px 0; }
#content ul li { margin-left: 15px; }
#content ol li { margin-left: 25px; }

#content table { width: 100%; border-collapse: collapse; margin: 10px 0; }
#content table th,
#content table td { padding: 2px 5px; border: 0px }
#content table th { text-align: center; }

#content form table { width: auto; }
#content form table th,
#content form table td { vertical-align: middle; border: none; }
#content form table th { text-align: right; }
#content form .submit { background-color: #EF7E32; font-weight: bold; color: #FFF; width: auto; cursor: pointer; }

#content input, 
#content textarea { background-color: #FFF; padding: 2px 5px; border: 1px solid #AAA; } 

#content select { border: 1px solid #8080B2; }

#content h1 { background: url(../images/thin-blue-line.png) repeat-x left bottom; font-size: 160%; font-family: Calibri, Tahoma, Geneva, sans-serif; color: #252558; text-transform: uppercase; padding: 0 5px 2px; }

#issues-menu { width: 100%; margin-bottom: 7px; overflow: hidden; }
#issues-menu ul { margin: 0; list-style: none; }
#issues-menu ul li { margin: 0 10px 0 0; float: left; }
#issues-menu ul li a { font-weight: bold; font-size: 125%; font-family: Calibri, Tahoma, Geneva, sans-serif; color: #5F5F5F; text-transform: uppercase; text-decoration: none; padding: 0 8px; display: block; }
#issues-menu ul li a:hover,
#issues-menu ul li a.active { background: url(../images/bg-center-menu.png) repeat-x left top; }

#latest-articles { background-color: #E95B2A; }
#latest-articles #la-wrapper1 { background: url(../images/orange-box-top.png) no-repeat left top; }
#latest-articles #la-wrapper1 #la-wrapper2 { background: url(../images/orange-box-end.png) no-repeat left bottom; width: 574px; min-height: 261px; padding: 10px 0 10px 10px; overflow: hidden; }

#la-wrapper2 #la-image { width: 348px; position: relative; float: left; }
#la-wrapper2 #la-image img { display: block; position: absolute; left: 0; top: 0; }

#la-wrapper2 #la-text { width: 226px; float: right; }
#la-wrapper2 #la-text .la-news { padding: 5px 10px; border-bottom: 2px solid #F4AD94; }
#la-wrapper2 #la-text .la-news strong { color: #FFF; }
#la-wrapper2 #la-text .la-news p { color: #FFF; margin: 0; }
#la-wrapper2 #la-text .la-news p.link-more { text-align: right; }
#la-wrapper2 #la-text .la-news p.link-more a { font-weight: bold; color: #FFF; text-decoration: none; }
#la-wrapper2 #la-text .active { background-color: #666; }

#content-two-cols { width: 100%; margin-top: 8px; overflow: hidden; }

#articles { width: 283px; padding-left: 10px; margin-right: 10px; float: left; }
#articles h1 { margin-bottom: 0; }
#articles .article-home { background: url(../images/thin-blue-line.png) repeat-x left bottom; width: 100%; padding-bottom: 10px; overflow: hidden; }
#articles .article-home h2 { font-size: 120%; margin: 3px 5px 5px; }
#articles .article-home img { margin-right: 5px; display: block; float: left; }
#articles .article-home p { margin: 0 5px; }
#articles .article-home p.link-more { text-align: right; }
#articles .article-home p.link-more a { color: #E95B2A; }

#media { width: 281px; float: right; }

#media #media-window #tabs { width: 100%; overflow: hidden; }
#media #media-window #tabs .tab { width: 140px; margin: 0 1px 0 0; float: left; }
#media #media-window #tabs .tab a { background: url(../images/blue-box-passive-panel.png) no-repeat left top; color: #FFF; text-decoration: none; text-align: center; width: 140px; height: 16px; padding-top: 4px; display: block; }
#media #media-window #tabs .tab a:hover,
#media #media-window #tabs .tab a.active { background-image: url(../images/blue-box-active-panel.png); font-weight: bold; }

#media #media-content { background: #33368A url(../images/blue-box-body.png) repeat-y left top; width: 100%; height: 221px; overflow: auto; }
#media #media-content #video { padding: 10px 10px 0; }
#media #media-content #video object { width: 261px; height: 211px; }
#media #media-content #videos-list { width: 247px; padding: 10px 0 0 17px; }
#media #media-content #videos-list .video { width: 247px; margin-bottom: 10px; overflow: hidden; }
#media #media-content #videos-list .video .video-preview { width: 72px; float: left; }
#media #media-content #videos-list .video .video-title { background-color: #51549B; width: 165px; padding: 5px; float: right; }
#media #media-content #videos-list .video .video-title p { color: #FFF; min-height: 31px; margin: 0; }
#media #media-content #videos-list .video .video-title p.link-more { text-align: right; min-height: 0; }
#media #media-content #videos-list .video .video-title p.link-more a { font-weight: bold; color: #FFF; text-decoration: none; }
#media #media-content #image { padding: 10px 10px 0; } 
#media #media-content #image a img { display: block; }

#media #media-links { background: #33368A url(../images/blue-box-body.png) repeat-y left top; width: 261px; padding: 5px 10px; overflow: hidden; }
#media #media-links p { margin: 0; }
#media #media-links a { font-size: 110%; font-family: Calibri, Tahoma, Geneva, sans-serif; color: #FFF; text-decoration: none; }
#media #media-links p.link-left { width: 50%; float: left; }
#media #media-links p.link-right { text-align: right; width: 50%; float: right; }

#media #adverts2 { background: url(../images/lightblue-box-body.png) repeat-y left top; margin-top: 5px; }
#media #adverts2 #adverts2-wrapper1 { background: url(../images/lightblue-box-top.png) no-repeat left top; }
#media #adverts2 #adverts2-wrapper1 #adverts2-wrapper2 { background: url(../images/lightblue-box-end.png) no-repeat left bottom; padding: 7px 8px 15px; }
#media #adverts2 #adverts2-wrapper1 #adverts2-wrapper2 .adverts2 { width: 250px; margin: 0 auto; }
#media #adverts2 #adverts2-wrapper1 #adverts2-wrapper2 .adverts2 img { display: block; }

#media #gallery { background: url(../images/thin-blue-line.png) repeat-x left bottom; margin: 7px 0 2px 0; position: relative; }
#media #gallery #h-gallery { background: url(../images/thin-blue-line.png) repeat-x left bottom; font-size: 160%; font-family: Calibri, Tahoma, Geneva, sans-serif; color: #252558; text-transform: uppercase; padding: 0 5px 2px; display: block; }
#media #gallery #gallery-scroller { width: 224px; height: 81px; padding: 10px 0; margin: 0 28px 0 29px; overflow: hidden; }
#media #gallery #gallery-scroller #left { position: absolute; left: 10px; top: 65px; }
#media #gallery #gallery-scroller #right { position: absolute; right: 9px; top: 65px; }
#media #gallery #gallery-scroller #gallery-images { width: 10000px; height: 81px; overflow: hidden; }
#media #gallery #gallery-scroller #gallery-images .gallery-image { width: 108px; margin-right: 8px; display: block; float: left; }
#media #gallery #gallery-scroller #gallery-images .gallery-image img { margin: 0 auto; display: block; }

#media #adverts3 .adverts3 { width: 234px; margin: 0 auto; }
#media #adverts3 .adverts3 img { display: block; }

#content .article-annot { width: 100%; padding-bottom: 15px; border-bottom: 1px dotted #D6D6D6; margin-bottom: 15px; overflow: hidden; }
#content .article-annot .img { width: 120px; margin-right: 10px; float: left; }
#content .article-annot .img img { display: block; }
#content .article-annot .text { width: 454px; float: right; }
#content .article-annot .text p { margin: 0; }
#content .article-annot .text p.link-more { text-align: right; margin-top: 10px; }
#content .article-annot .text p.link-more a { color: #E95B2A; }

#content #author { font-weight: bold; color: #252558; text-align: right; margin: -28px 0 23px; }

#article-detail { font-size: 120%; line-height: 1.3; margin: 0 auto; }
#article-detail .img { width: 257px; margin-right: 10px; float: left; }
#article-detail .text p { margin: 0; }
#article-detail .link-back { margin: 10px 0 0 5px; }

#article-detail #article-footer { width: 574px; padding-top: 10px; margin: 0 auto; clear: left; overflow: hidden; }
#article-detail #article-footer p { margin: 0; }
#article-detail #article-footer p#article-footer-links { width: 509px; float: left; } 
#article-detail #article-footer #rating { width: 65px; float: right; }
#article-detail #article-footer #rating a { background: url(../images/star04.jpg) no-repeat left top; width: 13px; height: 13px; float: left; }
#article-detail #article-footer #rating img { display: block; float: left; }

#email-friend,
#send-comment { background-color: #D6D6D6; width: 554px; padding: 10px; margin: 10px auto 20px; }
#send-comment { margin: 10px auto; }
#email-friend table,
#send-comment table { margin: 0; }
#email-friend table th,
#send-comment table th { width: 108px; }
#email-friend th.th-spec,
#send-comment th.th-spec { vertical-align: top; padding-top: 5px; }
#email-friend td.td-spec,
#send-comment td.td-spec { text-align: center; padding-top: 10px; }
#email-friend textarea,
#send-comment textarea { width: 410px; height: 90px; }

#content .comments strong#h-comments { padding: 5px; border-bottom: 1px solid #D6D6D6; margin-bottom: 5px; display: block; }
#content .comment { padding-top: 2px; margin-bottom: 15px; }
#content .comment p.comment-head { padding-bottom: 2px; border-bottom: 1px dotted #D6D6D6; margin: 0; }

#admin-images { width: 100%; overflow: hidden; }
#admin-images .image { width: 136px; margin: 0 8px 15px 0; float: left; }
#admin-images .image .img { height: 102px; }
#admin-images .image .img img { margin: 0 auto; display: block; }

#search-results { margin: 10px 0; }
#search-results .search-result { margin-bottom: 20px; }
#search-results .search-result h3 { margin-bottom: 0; }

#subscribers th.th-spec,
#emails th.th-spec { width: 10%; } 

#subscribers .even { background: #EEE; }

#newsletter .message { font-weight: bold; text-align: center; margin: 10px 0; }

#content .paging { text-align: center; margin-top: 20px; }
#content .paging a { color: #666; text-decoration: none; }

#content .pagination { text-align: center; margin-top: 20px; }
#content .pagination a { color: #666; text-decoration: none; }

#covers { width: 550px; padding-left: 34px; overflow: hidden; }
#covers .cover { width: 240px; margin: 0 34px 20px 0; float: left; }
#covers .cover img { display: block; }
#covers .cover p.link-more { text-align: center; margin: 5px 0 0; }

#form input { width: 140px; }
#form .th-spec1 { vertical-align: top; padding-top: 5px; }
#form .td-spec1 { text-align: center; padding-top: 15px; }
#form #address { width: 140px; height: 70px; }
#form #message { width: 480px; height: 70px; }
#form #job-description { width: 450px; height: 70px; }
#form #cv { width: auto; }

#membership-form table td { padding: 2px 3px; }
#membership-form table td.td-spec1 { text-align: right; }  
#membership-form table td.td-spec2 { padding-bottom: 10px; }
#membership-form table td.td-spec3 { padding-top: 20px; } 
#membership-form input { width: 110px; }
#membership-form hr.hr-spec { height: 1px; border-top: none; border-right: none; border-bottom: 1px solid #CCC; border-left: none; margin: 10px 0; display: block; }
#membership-form #membership-data { margin-bottom: 0; }
#membership-form #membership-login { margin-top: 0; }
#membership-form #membership-login #newsletter-check { width: auto; padding: 2px; margin-left: 10px; }

#content #membership-form-note { margin-bottom: 25px; }

#content #member th { text-align: left; width: 15%; }

#login-form { width: 40%; margin: 0 auto; }
#login-form table td.td-spec1 { text-align: right; }
#login-form table td.td-spec2 { text-align: center; padding-top: 15px; }

#content .job { width: 80%; margin: 0 auto 25px; }
#content .job table { margin: 0; }
#content .job table th { text-align: left; vertical-align: top; width: 22%; } 
#content .job table td p { margin: 0; }

#pages-preview { width: 100%; overflow: hidden; }
#pages-preview .page { width: 120px; margin-right: 10px; float: left; }

#photogallery { width: 100%; overflow: hidden; }
#photogallery .image { width: 136px;  margin: 0 8px 15px 0; float: left; }
#photogallery .image .img { height: 102px; }
#photogallery .image .img img { margin: 0 auto; display: block; }

#submit-article-form #headline,
#submit-article-form #text { width: 457px; }
#submit-article-form .td-spec1 { width: 100px; }
#submit-article-form .td-spec2 { vertical-align: top; padding-top: 5px; }
#submit-article-form .td-spec3 { padding-top: 15px; }
#submit-article-form .td-spec3 input { padding: 2px; margin-left: 10px; }
#submit-article-form .td-spec4 { text-align: center; padding-top: 15px; }

#newsletter-form-page { margin-top: 30px; }

/* right-col */
#right-col { width: 195px; padding: 0 5px; float: left; }

#adverts4 { min-height: 1079px; padding: 4px 7px 7px; border: 1px solid #D6D6D6; }
#adverts4 .adverts4 { text-align: center; margin-bottom: 7px; }

/* advert 4 */
#advert5 { width: 468px; height: 60px; margin: 20px auto 0; }

/* footer */
#footer { background: #070707 url(../images/bg-footer.png) repeat-x left top; min-height: 37px; margin-top: 10px; }
#footer p { color: #FFF; text-align: center; padding-top: 15px; }
#footer p #webmail { cursor: pointer; }
#footer a { color: #FFF; }
#footer a.noline { text-decoration: none; }
#footer a.noline:hover { text-decoration: underline; }

/* intro */
#intro { background: url(../images/enter-page.jpg) no-repeat left top; width: 900px; height: 700px; margin: 0 auto; position: relative; }
#intro #intro-info { font-family: Calibri, Tahoma, Geneva, sans-serif; font-size: 150%; color: #FFF; position: absolute; left: 127px; top: 380px; }
#intro #enter-link { position: absolute; left: 220px; top: 414px; }
#intro #enter-link a { width: 140px; height: 53px; display: block; position: relative; }
#intro #enter-link a span { background: url(../images/enter.jpg) no-repeat left top; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

/* other */
.h-adverts { font-size: 130%; font-family: Calibri, Tahoma, Geneva, sans-serif; color: #363636; text-transform: uppercase; margin-bottom: 8px; display: block; }

.article { margin-bottom: 20px; }

.hide { display: none; }

.align-c { text-align: center; }
.align-r { text-align: right; }

.clear-l { clear: left; }

.margin-b { margin-bottom: 10px; }

.nobrd { border: none !important; }

.nobg { background: none !important; }

.nomrg { margin: 0 !important; }

.message { font-weight: bold; text-align: center; }

.ok { color: #008000; }

.err { color: #FF0000; }