*, html, body { margin:0; padding:0; border:0; }
body { font:14px tahoma, "trebuchet ms", arial, sans-serif; line-height:154%; background:#1c1c1c; color:#000; z-index:0; }
h1, h2, h3, h4, h5, h6, a { padding:0; margin:0 }
a { color:#FF6434; text-decoration:none; outline:none; }
a:hover { color:red; }
input { border:2px solid #f2f2f2; padding:0; width:150px; margin-right:20px; }
ul { list-style-type:none; padding:0; margin:0; }
ul li.last { border:0; }
h4 { font:16px arial, sans-serif; }
/* container */
#containerWrapper { width:100%; background:#fff; }
* html #containerWrapper { width:99.9%; }
/* header */
#headerWrapper { width:100%; }
#header { width:1000px; margin:0 auto; padding-top:0; }
#header h2 a { height:70px; display:block; position:relative; top:50px; left:25px; background:url(/resources/images/layout/logo-default.jpg) no-repeat 0 0; /* border:1px solid red; */ }
#header h2.default a { background:url(/resources/images/layout/logo-default.jpg) no-repeat 0 0; }
#header h2.english a { background:url(/resources/images/layout/logo-english.jpg) no-repeat 0 0; }
.homeLink { position:relative; left:-10000px; overflow:hidden; }
#headerBox { position:relative; top:45px; width:1000px; margin:0 auto; background:#fefefe; border-bottom:1px solid #eee; text-align:right; }
/* language box */
#languageBox { display:inline; float:right; margin:3px 20px 0 0 }
/* search box */
#searchBox { border:0; }
#searchBox input { margin:0 0 -1px 0; padding:0 2px 0 22px; font-size:20px; background:url(/resources/images/layout/search.gif) no-repeat bottom left; border:0; border-bottom:1px dotted #999; color:#333; height:24px; }
/* header mini */
#headerMini { width:1000px; margin:0 auto; padding-top:0; }
#headerMini h2 a { width:700px; height:50px; display:block; position:relative; top:5px; left:5px; /* border:1px solid red; */ }
#headerMini h2.default a { background:url(/resources/images/layout/logo-default-mini.jpg) no-repeat 0 0; }
#headerMini h2.english a { background:url(/resources/images/layout/logo-english-mini.jpg) no-repeat 0 0; }
#headerMini #headerBox { background:none; border-bottom:1px solid #eee; }
/* navigation */
#navigationWrapper { z-index:1000; position:absolute; top:100px; text-transform:uppercase; border:1px black solid; border-width:1px 0; text-align:left; background:#fff url(/resources/images/layout/navigation.jpg) repeat-x 0 120px; font:17px "trebuchet ms", arial, sans-serif; }
#home #navigationWrapper { top:160px; }
#navigation, #navigation * { padding: 0; margin: 0; }
#navigation li.primary { width:120px; float:left; background:none; margin:0; text-align:center; }
#navigation li.primary.narrow { width:80px; }
#navigation li.primary a { display:block; padding:10px 0; }
#navigation li.primary ul { display:none; }
#navigation li.primary:hover ul { display:block; }
#navigation li.primary ul li { border-top:1px black solid; text-align:left; width:300px; }
#navigation li.primary ul li.last { border-bottom:0; padding-bottom:0; margin-bottom:0; }
#navigation li.primary ul li a { padding:5px; height:auto; }
#navigation li.primary ul li a:hover { background:#FBFAF5; color:#000; }
#navigation a { }
#navigation ul li a:hover { }
#navigation li.primary ul { padding-bottom:0; }
/* content */
#contentWrapper { width:100%; padding:20px 0; margin:40px 0 40px 0; }
#home #contentWrapper { margin-top:120px; }
#content { width:1000px; margin:10px auto 0 auto; text-align:left; overflow:hidden; font:12px arial, sans-serif; }
#content h1 { text-transform:uppercase; font:24px "trebuchet ms", georgia, arial, sans-serif; margin-bottom:10px; }
#content h2 { text-transform:uppercase; font:20px "trebuchet ms", georgia, arial, sans-serif; margin:0; padding:0; }
#content p { }
#imgCaption { display:none; border:2px solid #555; position:relative; bottom:76px; height:50px; margin-bottom:-74px; width:616px; padding:10px; }
.halfBox { width:500px; margin:0; padding:0; float:left; }
.thirdBox { width:30%; margin:1%; padding:0.5%; float:left; }
.quarterBox { width:22%; margin:0; margin-left:10px; padding:1% 0.5% 1% 1%; float:left; }
* html .quarterBox { margin-left:0; }
.quarterBox h2 { text-transform:uppercase; margin:0; padding:0; font-size:22px !important; float:right; }
.quarterBox h2 a { font:22px "trebuchet ms", georgia, arial, sans-serif; }
.quarterBox ul { }
.quarterBox ul li { border-bottom:1px solid #eee; display:block; }
.quarterBox #newsBox ul li { height:87px; }
.quarterBox #eventsBox ul li { height:87px; }
.quarterBox ul li.last { border-bottom:0; margin-bottom:10px; }
.quarterBox h4 { font-size:12px; text-align:left; border-bottom:1px solid #eee; text-transform:uppercase; }
.date { float:left; display:block; text-align:center; padding:1px; text-transform:uppercase; margin-right:4px; margin-top:-1px; border:1px solid #ddd; background:url(/resources/images/layout/dateBox.jpg) repeat-x 0 0; width:30px; }
.month { padding:1px 0 3px 0; font:10px arial; color:#666; }
.day { font-size:16px; font-weight:bolder; text-align:center; }
.brief { display:block; claer:left; }
.brief h4 { margin-left:30px; }
#newsBox .date { background:url(/resources/images/layout/dateBox.jpg) repeat-x 0 0; }
#eventsBox .date { background:url(/resources/images/layout/dateBoxBlue.jpg) repeat-x 0 0; }
.inlineDate { }
.inlineDate .day { margin-top:0; margin-left:3px; letter-spacing:-1px;}
.inlineDate .month { position:relative; top:-1; left:-3px; color:#000; font-size:15px; color:#aaa; }
.inlineDate .year { font-size:16px; font-weight:bolder; color:#444; margin-left:-7px; }
.title a { border-bottom:1px dotted #333; margin-left:4px; text-align:left; }
.title a:hover { border-bottom:1px dotted #000; color:#90BCE1; }
.box { margin:4px 0; }
.excerpt img { position:relative; top:1px; }
#submenu { margin-bottom:20px; font:14px tahoma; text-align:right; border-top:1px solid #eee; border-bottom:1px solid #eee; background:#fefefe; }
#submenu ul li { padding:4px 4px 4px 0; }
#parent { border-bottom:1px solid #eee !important; background:#f9f9f9; }
#submenu .current { background:#fff; border-bottom:1px solid #eee; background:#fcfcfc; }
#submenu .last { border-bottom:0; margin-bottom:0; }
.homeBox { border-bottom:1px solid #eee; border-top:1px solid #eee; height:370px; background:#fefefe; margin-bottom:20px; }
#feedsBox img { margin:0 4px 4px 0; cursor:pointer; }
#feedsBox h4 { border-bottom:0; margin-bottom:4px; }
/* the grid */
.container { width:100%; margin-bottom:0px; }
* html .container { width:99.9%; }
.content { width:1000px; margin:0 auto; } /* change this later */
.dp5, .dp10, .dp15, .dp20, .dp25, .dp30, .dp33, .dp40, .dp45, .dp50, .dp60, .dp65, .dp75, .dp95, .dp100{float:left; display: inline; *margin-left:-0.04em; } /* IE margin hack */
.dp5 { width:5%; }
.dp10 { width:10%; }
.dp15 { width:15%; }
.dp20 { width:20%; }
.dp25 { width:25%; }
.dp30 { width:30%; }
.dp33 { width:33.33%; }
.dp40 { width:40%; }
.dp45 { width:45%; }
.dp50 { width:50%; }
.dp60 { width:60%; }
.dp65 { width:65%; }
.dp75 { width:75%; }
.dp95 { width:95%; }
.dp100 { width:100%; }
#subContent { }
/* footer */
#footerWrapper { width:100%; background:#1c1c1c url(/resources/images/layout/footer-logo-bg.jpg) repeat-x center 0; text-align:left; }
#footer { width:1000px; margin:0 auto; overflow:hidden; font:12px arial, sans-serif; background:url(/resources/images/layout/footer-logo.jpg) no-repeat center 0; padding-top:100px; }
#footer .bigBox { border-right:0; width:60%; }
#footer .smallBox { width:38%; margin-right:0; padding:0 1.9% 0 0; color:#777; }
#footer ul li { }
#sitemap ul { margin-bottom:10px; width:180px; text-transform:lowercase; padding:0; float:left; }
#sitemap ul li { border-bottom:1px dotted #555; margin:0 7px 0 5px; }
#sitemap ul li.last { border-bottom:0; }
#sitemap ul li a { color:#4F7B9F; display:block; padding-left:2px; }
#sitemap ul li a:hover { background:#3e3e3e; color:#ccc; }
* html #sitemap ul li { border-bottom:1px solid #444; }
* html #sitemap ul li a { position:absolute; width:168px; }
#signature { width:1000px; text-align:center; margin:0 auto; padding-top:10px; color:#aaa; }
#signature span { color:#ccc; }
#signature a { color:#666; }
#signature a:hover { color:#fff; }
/* homepage */
#homepageBox { margin:0 0 20px 0; }
#leftBox { width:65%; margin-right:2%; padding-right:2%; float:left; border-right:1px solid #eee; }
#rightBox { width:30%; float:left; }
/* utils */
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.clearLeft { clear:left; }
.clearRight { clear:right; }
.inliner { display:inline; }
.last { border:0; }
.onHover { background:#f3f3f3; }
.hilite { background:#fcffcd; border:2px solid #ccc; }
.hidden { display:none; }
.content { width:1000px; margin:0 auto; }
#error, #message { padding:12px 12px 12px 22px; font:90% "trebuchet ms", arial, serif; text-transform:uppercase; color:#fff; cursor:pointer; position:absolute; top:10px; left:10px; z-index:1000; }
#error { border:4px solid #fff; background:red; }
#message { border:4px solid #fff; background:green; }
/* search */
#searchResults { min-height:300px; }
* html #searchResults { height:300px; }
#searchResults ul li { margin:10px; padding:2px 0; }
#searchResults ul li a { }
#searchResults ul li h2.title { font:18px "trebuchet ms", georgia, serif; }
#searchResults ul li .content { padding:2px 0; border-top:1px solid #333; border-bottom:1px solid #333; }
#searchResults ul li .url a:hover { background:#90BCE1; color:#fff; }
/* - contact */
#contact { min-height:300px; font-size:20px; color:#fff; }
* html #contact { height:300px; }
#contact h2 { height:40px; margin-top:20px; font-size:20px; }
#contact form { width:700px; background:#fff; padding:10px; font-size:14px; color:#000; }
#contactLeft, #contactRight { width:48%; float:left; }
#contactLeft { padding-right:10px; }
#contactRight { border-left:2px solid #eee; padding-left:10px; }
#contactFormMessage { width:300px; border:2px solid #eee; height:360px; font-size:12px; }
#contactFormRecipient { border:2px solid #eee; width:305px; }
#contactSubmit { border:2px solid #eee; font-size:20px; }
.contact { width:300px; font-size:20px; margin:0 10px; }
.controlRow { border:2px solid #fff; margin-bottom:20px; padding:2px; }
.fieldError { border-bottom:2px solid #eee; background:#ffffcf; }
/* login box */
#login { margin:10px 30px; }
#login h1 { margin:10px 0; padding:0 0 4px 0; border-bottom:1px dotted #eee; }
#login label { width:100px; font-size:20px; float:left; margin-top:10px;}
#login input { width:215px; font-size:20px; float:left; margin:4px 0;}
input#loginSubmit { width:100px; font-size:20px; float:right; margin:10px 0; }
/* lists */
.list ul li { margin:10px; padding:10px; width:45%; float:left; display:block; min-height:150px; border-bottom:1px solid #333; }
* html .list ul li { height:150px; }
.list ul li h2 { font:20px arial, sans-serif; margin-bottom:4px; }
.list ul li h2 a { color:#ff6434; margin-left:10px; }
.list ul li h2 a:hover { color:#A3FF06; border-bottom:1px dotted #a3ff06; }
.list ul li .thumb { float:left; margin:2px 10px 2px 0; }
.list ul li .thumb img { padding:4px; border:1px solid #000; background:#999; }
/* videos */
#videoContainer { text-align:center; border:10px solid red; display:block; }
#videoObject { width:480px; height:350px; margin:10px 0; }
#videoCaption { width:425px; margin:0 auto; padding:4px; border-top:1px solid #ddd; }
/* tooltip */
#tooltip { position:absolute; border:1px solid #ccc; border-width:1px 0; background:#fff; padding:4px 10px; color:#999; display:none; font:12px arial, sans-serif; width:auto; }
/* articles */
#articles .thumb img { border:5px solid #eeefff; padding:0; margin:0 0 4px 4px; }
#article h2 { margin-bottom:10px; border-bottom:1px dotted #eee; }
.smallDate { font-size:10px; margin-top:8px; }
.back { padding:3px 0 0 17px; background:url(/resources/images/layout/backTo.jpg) no-repeat 0 3px; margin-top:20px; text-transform:uppercase; font:11px arial; height:30px; border-top:2px solid #f3f3f3; }
.back a { color:#333; }
.back a:hover { background:#90BCE1; color:#fff; }
.page { margin-top:20px; }
.page h2 { margin-bottom:20px; }
.page p { padding:5px 0; }
#page { margin:20px 0; }
#page h2 { font:20px "trebuchet ms", arial, sans-serif; margin-bottom:10px; }
#page p { padding:5px 0; }
#pageImage { float:right; display:block; margin:0 0 10px 10px; }
#pageImage img { border:2px solid #999; padding:4px; }
h3#breadcrumbs { font-weight:normal; text-transform:uppercase; border-bottom:1px solid #eee; }
/* thumbs and images */
.imageWrapper { float:left; border-bottom:1px solid #eee; display:block; margin:0 0 20px 0; padding:0; }
.imageWrapper img { padding:0; border:2px solid #ccc; }
#thumbs { border-top:1px solid #ddd; border-bottom:1px solid #ddd; display:block; background:#feffef; margin:10px 0; padding:10px 0; }
#thumbs ul { margin-left:5px; }
#thumbs ul li { float:left; display:block; padding:0; margin:0 2px 0 0; }
#thumbs ul li a img { margin:5px 5px 0 5px; padding:4px; border:1px solid #bebebe; background:#fefefe; }
#thumbs ul li a:hover img { border:1px solid #666; background:#fff; }
#videoThumbs { border-top:1px solid #ddd; border-bottom:1px solid #ddd; display:block; background:#feffef; margin:10px 0; padding:10px 0; }
#videoThumbs ul { margin-left:25px; }
#videoThumbs ul li { float:left; display:block; padding:0; margin:0 4px 4px 0; }
#videoThumbs ul li a img { margin:5px; padding:4px; border:1px solid #bebebe; background:#eeefff; }
#videoThumbs ul li a:hover img { border:1px solid #666; background:#fff; }
/* files */
#files { margin:10px 0; }
#files h3 { padding:0 0 4px 4px; text-transform:uppercase; font-weight:normal; font-size:1.6em; background:url(/resources/images/layout/files.jpg) repeat-x 0 7px; }
#files ul { margin:0; padding:0; }
#files ul li { border-bottom:1px solid #ddd; padding:0 0 10px 0; }
#files ul li.first { border-top:1px solid #ddd; }
#files ul li .type { width:50px; height:50px; float:left; margin-top:4px; }
#files ul li .info { margin-left:55px; }
#files ul li .info p { border-bottom:1px solid #ddd; background:#f9f9f9; padding:4px; font:bolder 95% verdana, arial, sans-serif; text-transform:uppercase; }
#files a.download { padding:2px 2px 2px 20px; background:url(/resources/images/layout/download.jpg) no-repeat 0 0; font:normal 100% arial, sans-serif; text-transform:none; }
/* misc forms */
.inputRow { margin:4px 0; padding:2px 0; }
.label { float:left; width:160px; border-bottom:1px solid #eee; }
.normal { width:300px; border:2px solid #eef; float:left; font-size:1.35em; padding:2px; }
textarea.normal { height:40px; font:1em arial, sans-serif; }
#contact .label { border:0; width:180px; }
/* events */
ul#eventInfo { margin:10px 0; border:1px solid #eee; padding:5px; font:1.2em "trebuchet ms", arial, sans-serif; background:#fefefe; }
ul#eventInfo li { border-bottom:1px solid #eee; padding:10px; }
ul#eventInfo li.last { border-bottom:0; }
ul#eventInfo li span.eKey { color:#aaa; float:left; display:block; width:160px; }
ul#eventInfo li span.eValue { color:#000; display:block; margin-left:160px; }
/* pagination */
.pagination { margin:15px 0; }
.pagination a { border:1px solid #eee; margin:2px 4px; padding:1px 7px; }
.pagination a:hover { border:1px solid #ccc; background:#def; color:#000; }
.pagination .current { border:2px solid #ccc; margin:2px 4px; background:#f3f3f3; padding:0 6px; }
ul.itemsList li { margin-bottom:20px; }
.iFlash { padding:10px; margin-left:2px; }
.iFlash h2 { font-size:12px; float:right; }
.iFlash ul li { margin-bottom:10px; border:1px solid #f3f3f3; padding:5px; background:url(/resources/images/layout/active2.jpg) repeat-y 0 0; }
.iFlash h4 a { font-size:12px; background:#EEEFFF; color:orange; padding:2px; }
.iFlash .iDate { font-size:10px; background:#feffff; display:inline; }
/* banners */
#banners { margin:30px 0 0 0; }
ul.banners { display:block; }
ul.banners li { float:left; display:block; background:url(/resources/images/layout/ibanner.jpg) no-repeat 10px center; width:300px; height:128px; border:1px solid #f6f6f6; margin:5px 4px; padding:10px; }
ul.banners li .inside { padding:10px; font-size:1.3em; }
ul.banners li .inside h4 { font:1.5em "trebuchet ms", arial, sans-serif; }
ul.banners li a.external { font:0.8em "trebuchet ms", arial, sans-serif; color:#90BCE1; display:block; clear:both; padding-right:20px; }
ul.banners li a:hover.external { text-decoration:underline; }
img.customImage { float:left; border:1px solid #eee; background:#fff; padding:4px; margin:0 5px 5px 0; }