/* ==== style.css (Grunge by JooMagic 1.0, 2011) ==== */
/*reset*/
*{margin:0; padding:0; border:0; outline:0;}
ul {
	padding:8px 0 0 0;
	list-style-image: url(../images/star.png)
}

li{
	padding:2px 0px 8px 0px;
	margin: 0px 0px 0px 16px;
	text-align:justify;
}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}


/* GENERAL LINKS AND COLOUR*/
a:link, a:visited{color:#cc0000; text-decoration:none;}
a:hover, .copyright a:hover, .blog_more a:hover{text-decoration: underline;}
.more, a.readon{font-weight:bold; color:#cc0000; margin-top:0px; margin-bottom:5px; float:right; display:block; background:url(../images/arrow.gif) 100% 5.5px no-repeat; padding-right:10px; cursor:pointer;}
#bottommodule .moduletable h3, .moduletable h3{color:#cc0000;}
.blog_more ul li a, .block ul li a{color:#fff;}
.blog_more ul li a:hover, .block ul li a:hover, #rightcolumn ul li a:hover{color:#cc0000; font-weight:bold; }
.inputbox{color:#333;}

/* TEXT DAN TITTLE*/
.moduletable h3, .moduletable_menu h3, .moduletable_text h3 {font:bold 18px Myriad Pro;background:url(../images/h3-black.gif) 0 6px no-repeat; padding:0 0 10px 13px; color:#cc0000; display:block;}
#bottommodule .moduletable h3{font:bold 18px Myriad Pro; background:url(../images/h3-white.gif) 0 6px no-repeat; padding:0 0 10px 13px; color:#cc0000; display:block;}
h3{padding:10px 0; margin:0; color:#37393c; font-size:20px;}
h4{padding:10px 0; margin:0; color:#37393c; font-size:18px;}
h5{padding:10px 0; margin:0; color:#37393c; font-size:16px;}
.newsitem_text p{
	padding:12px 0 0 0;
	text-align:justify;
}

p{
	padding:0 0 12px 0;
}
#bottommodule .moduletable p{padding:0 0 0 5px;}

/* MAIN LAYOUT */
body{background:#010100 url(../images/bg.jpg) 50% 0 repeat-x; font-size: 84%; line-height:1.3em; font-weight:normal; color:#333; letter-spacing:0px;}
#container1{background:url(../images/top-bg.jpg) 50% 0 no-repeat; width:100%; margin:0;}
#container2{background:url(../images/bg-bottom.png) 50% 100% no-repeat; width:100%; margin-bottom:0;}
#wrapper{width:935px; margin:0 auto; padding-bottom:10px;}
#header{background:none; width:935px; height:90px; padding-top:2px;}
#logo{float:left;  padding:8px 0 0 10px; position:relative; z-index:99999; width:40%;}
h1.logo-module{padding-left:16px; font: bold 260%; color:#fff;}
h1.logo-module a{color:#fff;}
h1.logo-module a:hover{color:#cc0000; text-decoration:none;}
span.site_slogan{font-size:11px; padding-left:16px; line-height:8px; color:#fff;}
#banner{margin-top:32px; float:right;}
#bottommodule{width:935px; margin:0 auto; padding:0 10px 20px 10px; position:relative; background:none; color:#fff;}
.pad{width:97%; margin:0 auto;}
#row1-top{background:url(../images/row1-top.png) 50% 0 no-repeat; width:935px; height:15px; margin:0 auto; padding:0; position:relative; z-index:2;}
#row1-middle{background:url(../images/row1-middle.gif) 50% 0 repeat-y; width:935px; height:auto; padding:5px 0 0 0;}
#row1-bottom{width:935px; height:20px; background:url(../images/row1-bottom.png) 50% 0 no-repeat; margin-bottom:10px;}
#row1-rightcol{float:right; width:280px;}
#row2{width:935px; margin:0 auto;}
#leftcolumn{width:638px; float:left;}
#rightcolumn{width:285px; float:right;}
#rightcolumn .moduletable, #rightcolumn .moduletable_menu{padding-bottom:15px;}
.box1-top{background:url(../images/box1-top.png) 0 0 no-repeat; width:638px; height:13px;}
.box1-middle{background:url(../images/box1-middle.gif) 0 0 repeat-y; width:608px; padding:0 20px 0 10px;}
.box1-bottom{background:url(../images/box1-bottom.png) 0 0 no-repeat; width:638px; height:55px;}
.box2-top{background:url(../images/box2-top.png) 0 0 no-repeat; width:280px; height:20px;}
.box2-middle{background:url(../images/box2-middle.gif) 0 0 repeat-y; width:255px; padding:0 15px 0 10px;}
.box2-bottom{background:url(../images/box2-bottom.png) 0 0 no-repeat; width:280px; height:19px; margin-bottom:20px;}
.slideshow{float:left; width:610px;}
#rss{position:absolute; margin: 93px 0 0 160px;}


/* BLOCK */
.block {float: left; position:relative; padding:0 11px;}
.spacer.w99 .block {width: 97.3%;}
.spacer.w49 .block {width: 47%;}
.spacer.w33 .block {width: 30.5%;}

/* PATHWAY */
.pathway {line-height:40px; color:#6b6b6b;  font-size:12px; width:600px;}
.pathway-text strong {margin-right: 5px; color:#6b6b6b;}
.pathway a {color: #6b6b6b;text-decoration: none; font-size:12px;}
.pathway a:hover,.pathway a:active,.pathway a:focus {color: #6b6b6b;text-decoration: underline;}
.pathway img {margin: 1px 5px;}
.pathway .pathway-text {overflow: hidden;}

/*NAVIGATION */
#navigation_box{margin-bottom:5px; float:right;}
#main-menu-left{background:url(../images/navigation-left.png) 0 0 no-repeat; width:11px; height:36px; float:left;}
#main-menu{padding-left:10px; background:url(../images/navigation-main.png) 100% 0 no-repeat; height:36px; margin-left:11px;}
#main-menu ul{list-style:none;margin:0; padding:1px 10px 0 0;}
#main-menu li{display: block; float: left; margin:0; padding: 0; }
#main-menu a, #main-menu a:link, #main-menu a:visited {display: block;float: left;line-height:30px; padding:0px 10px 0 11px;text-transform: uppercase; font-weight:bold;text-decoration:none; font-size:0.9em;}
#main-menu a, #main-menu a:link, #main-menu a:visited{color:#000;}
#main-menu a:hover, #main-menu #current a{text-decoration:none;color:#cc0000; }
#main-menu li#current a{background: url(../images/star-mainmenu.gif) no-repeat 0 10px;}
#main-menu li li#current a{background:#fff url(../images/h3-black.gif) 0 8px no-repeat;}
#main-menu li li, #main-menu li li a:link, #main-menu li li a:visited{background:#fff url(../images/h3-black.gif) 0 8px no-repeat; border-right:none; color:#000; text-transform:capitalize; padding:0 7px 0 12px;}
#main-menu li li a:hover{color:#cc0000;}

/*footer-navigation*/
#bottom-navigation{ float:left; width:46%;}
#bottom-navigation ul{margin-left:0px;}
#bottom-navigation a{color:#fff;text-transform: uppercase; font-weight:bold; font-size:0.85em;}
#bottom-navigation li{float:left;list-style:none; background:url(../images/divider-botnav.gif) 100% 50% no-repeat; text-decoration:none;padding:0 8px 0 6px;}
#bottom-navigation li a:hover, #user-nav li a:hover{color:#cc0000; text-decoration:none;}
#bottom-navigation ul ul {display:none;}
#current a{color:#fff;}
#mainlevel-nav{padding:0px; margin:0px;}
/* navigation and footer navigation end */

/* LOG IN */
#toptools {position:absolute; margin: 85px 0 1px 5px;text-align: right; z-index:9999; padding:7px 10px;  font-size:11px;}
#toptools ul {margin: 0;padding: 0; white-space: nowrap;}
#toptools li {margin: 0; padding: 0 0 0 6px; float:left; list-style:none;}
#register, #login {background:#010100 url(../images/bg.jpg) 0 0 repeat-x; border: 1px solid #000; display: none; height:auto; overflow: hidden; padding: 5px 15px; position: absolute; left:0; text-align: left; top: 35px; z-index:99999; color:#fff;}
a.register-switch:hover, a.login-switch:hover, #toptools li a:hover{text-decoration:underline;}
#login{width:340px;}
.login-links{margin:0;}

/*FORMS*/
.inputbox, input#mod_search_searchword.inputbox{background:url(../images/inputbox.gif) 0 0 no-repeat; width:275px; height:25px; border:none; padding:3px 0 0 5px;}
input#mod_search_searchword.inputbox{background:url(../images/inputbox-search.gif) 0 0 no-repeat; width:235px; height:22px; border:none; color:#000; padding:3px 0 0 10px;}
html:first-child #search .button{text-indent:-999em; letter-spacing:-9000em;}/*opera browser fix*/
#searchForm{margin-top:-3px;}
#searchForm input{padding:5px 0;}
#limit .inputbox{width:100%;}

/* BUTTON */
#search input.button, #searchForm .button{border:none; background:url(../images/search-button.png) 0 0 no-repeat; text-indent:-999em;  color:#fff; font-size:10px; width:64px; height:25px; cursor:pointer; margin-left:2px;}
a.register-switch, a.login-switch{color:#fff; text-decoration:none; font-size:11px; background:url(../images/login.gif) 0 0 no-repeat; display:block; width:63px; padding-top:5px; height:25px; text-align:center;}
#login input.button, #register .button, .button{color:#fff; text-decoration:none; font-size:11px; background:#cc0000; padding:2px 10px 4px 10px; text-align:center; margin:10px 0; cursor:pointer; }

/* FOOTER */
#footer{background:url(../images/bg-bot-nav.gif) 0 0 no-repeat; width:909px; height:30px; padding:10px 0px 0 0px; margin:2px;}
.copyright{float:right; width:48%; color:#fff; padding: 0 0 0 20px;}
.copyright a{color:#cc0000;}

/* LIST STYLE */
.block ul li, #rightcolumn ul li{margin-left: 16px; padding: 0 0 0 0px; no-repeat 0 3px;}

* html{ height:1%; }
.clr{clear:both;}

/* JOOMLA STYLE */
.blog {width:100%; text-align:justify;}
.blog_more, .contentpane{ padding-bottom:20px;}
.blog_more ul li{margin-left:5px;padding: 0 0 0 15px; background: url(../images/star.png) no-repeat 0 3px; font-weight:bold;}
.blog_more ul li a{color:#333;}
table.contentpaneopen, table.contentpane {margin: 0;padding: 0;	width: 100%;}
.contentpaneopen p{padding-bottom:8px;}
.componentheading{color:#333; font-weight:bold; font-size:20px; padding-bottom:20px; padding-top:10px;}
.contentheading{background:url(../images/contenthead.gif) 0 100% no-repeat; padding:0 0 5px 0; color:#cc0000; font:bold 18px Myriad Pro;}
.article_separator {clear: both;display: block;margin-top:10px;}
.column_separator {padding-left: 20px;}
.article_column {padding-right: 5px;}
.modifydate{font-size:10px;font-style:italic; margin:0; padding:0;}
.createdate, .small{font-size:10px; line-height:5px;}
.createdate{padding-bottom:10px;}
.pagenav {padding:3px 6px; color:#666; font-size:11px;}
a.pagenav {}
.sectiontableheader {color: #333;font-weight: bold;	padding: 8px 5px;	}
.sectiontableheader a {color: #FFFFFF;}
tr.sectiontableentry1 td {padding: 8px 5px;}
tr.sectiontableentry2 td {padding: 8px 5px;}
tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td {}
.pollstableborder tr.sectiontableentry1 td,.pollstableborder tr.sectiontableentry2 td {background: none;}
.smalldark {text-align: left;}
div.syndicate div {text-align: center;}
fieldset div{margin-bottom:10px;}
fieldset{padding-bottom:10px;}
.highlight{padding:0 5px; font-weight:bold; color:#fff;}
td.buttonheading img {border:none;}


/* thumbnails */
.contentpaneopen img{border:2px solid #666;}
.img_caption.right, .right {float: right; margin-left: 1em;}
.img_caption.left, .left {float: left;	margin-right: 0.5em; vertical-align:text-top;}
.img_caption.left p {clear: left; text-align: center; font-size:10px; color:#999;}
.img_caption.right p {clear: right;	text-align: center;}
#row1-rightcol .moduletable img{border:1px solid red;}
#leftcolumn .moduletable img{background:url(../images/bg-image.gif) 0 0 no-repeat; width:272px; height:112px; padding:8px; margin-bottom:10px;}

/*specific styles for specific modul*/
.captionDescription{width:100%;}
.captionDiv{padding:10px 0 0 10px; display:block; width:100%;}

/*independently to style minifrontpage modul*/
.minifp td { padding-right:5px; border-bottom:1px dotted #333; padding-top:10px;}
.minifp td p {margin-top:-6px; font-size:80%; text-align:justify;}
.minifp td img {margin-left: 0;	margin-right: 0.5em; margin-top:0.1em;}
.minifp-anotherlinks{font-weight:bold; font-size:100%; border-bottom:1px solid #ccc; display:block; padding-bottom:5px; margin-bottom:5px; background:url(../images/application_add.gif) no-repeat top left; padding-left:20px;}
.minifp ul li {font-size:94%;padding-left:0;}
.minifp ul li a {}
.minifp-introtitle, .minifp-introtitle a {font-size:90%; font-weight:bold;	color: #333; line-height:12px;}
.minifp-introtitle a:hover {border-bottom:1px dotted #333;}
.minifp-date {color:#666; font-size:9px; font-weight:normal; height:10px;}
a.minifp-full-link {font-weight:bold; color:#cc0000; margin-top:0px; margin-bottom:5px; float:right; display:block; background:url(../images/arrow.gif) 100% 5.5px no-repeat; padding-right:10px;}
a:hover.minifp-full-link {text-decoration:underline;}
#leftcolumn span.minifp-introtitle, #leftcolumn .minifp-introtitle a {background:url(../images/h3-black.gif) 0 6px no-repeat; padding:0 0 15px 13px; color:#cc0000; display:block; width:100%; font:bold 18px Myriad Pro;}
#leftcolumn .minifp-introtitle a {background:none; padding-left:0; padding-bottom:0px;}
#leftcolumn .minifp-introtitle a:hover {border-bottom:none;}
#leftcolumn .minifp td{border-bottom:none;}

.newsimg{
	float:left;
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;
	margin: 0px 6px 0px 0px;
	padding: 6px;
}



/* ==== arial.css ==== */
/* CSS Document */

body, h1.logo-module, .date, .contentheading{
	font-family:Arial, Helvetica, sans-serif; 
}
/* ==== Joomla 6 markup (grunge port, 2026) ==== */
body { font-family: Arial, Helvetica, sans-serif; }
img { max-width: 100%; height: auto; }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
#header { position: relative; }
#logo img { display: block; }

/* search box (banner) */
#search form { display: flex; align-items: center; }
#search .inputbox { background: url(../images/inputbox-search.gif) 0 0 no-repeat; width: 235px; height: 25px; border: 0; color: #000; padding: 3px 0 0 10px; box-sizing: border-box; font-size: 13px; }
#search .search-go { width: 1px; height: 1px; border: 0; padding: 0; background: none; overflow: hidden; }
#rss { position: absolute; left: 160px; top: 93px; margin: 0; }
#rss p { padding: 0; }

/* main menu (mod_menu) */
#main-menu ul.mod-menu { list-style: none; margin: 0; padding: 1px 10px 0 0; display: flex; flex-wrap: wrap; }
#main-menu ul.mod-menu li { margin: 0; padding: 0; float: none; }
#main-menu ul.mod-menu li.current > a, #main-menu ul.mod-menu li.active > a { color: #cc0000; background: url(../images/star-mainmenu.gif) no-repeat 0 10px; }

/* bottom menu */
#bottom-navigation ul.mod-menu { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; }
#bottom-navigation ul.mod-menu li { float: none; margin: 0; }
#footer { box-sizing: border-box; height: auto; min-height: 30px; padding: 8px 10px 0; color: #fff; }
.copyright { padding: 0; text-align: right; }
.copyright .footer2 { display: none; }
.copyright .footer1 { font-size: 11px; }

/* slideshow (mod_custom + template.js) */
.slideshow-col { float: left; width: 610px; }
.slideshow { position: relative; width: 610px; max-width: 100%; aspect-ratio: 610 / 231; overflow: hidden; background: #000; }
.slideshow .slide { position: absolute; inset: 0; margin: 0; opacity: 0; transition: opacity 1.5s; }
.slideshow .slide.on { opacity: 1; z-index: 1; }
.slideshow .slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.slideshow figcaption { position: absolute; left: 0; right: 0; bottom: 0; min-height: 50px; padding: 8px 12px; background: rgba(0, 0, 0, .65); color: #ccc; font-size: 14px; line-height: 1.3; }
.slideshow .slide-title { display: block; font-size: 20px; font-weight: bold; color: #ff0000; margin-bottom: 4px; }
.slideshow .slide-title a { color: #ff0000; }

/* articles modules (top, left): title + intro */
.mod-mod_articles ul { list-style: none; padding: 0; margin: 0; }
.mod-mod_articles li { margin: 0; padding: 0 0 8px; text-align: left; }
.mod-mod_articles h4, .mod-mod_articles .mod-articles-title { font-size: 13px; font-weight: bold; padding: 6px 0 2px; margin: 0; }
.mod-mod_articles p { padding: 0 0 4px; font-size: 12px; text-align: justify; }
.mod-mod_articles .mod-articles-readmore, .mod-mod_articles .readmore { clear: both; text-align: right; padding: 0; margin: 0; }
.mod-mod_articles .mod-articles-readmore a, .mod-mod_articles .readmore a { font-weight: bold; color: #cc0000; background: url(../images/arrow.gif) 100% 5.5px no-repeat; padding-right: 10px; font-size: 12px; }
.mod-mod_articles .btn { border: 0; background: none; padding: 0; }
.mod-mod_articles .mod-articles-item { display: block; margin: 0; padding: 0 0 8px; }
#row1-rightcol .mod-articles-item { border-bottom: 1px dotted #333; margin-bottom: 4px; }
#bottommodule .mod-mod_articles .mod-articles-item { padding: 0 0 4px 16px; background: url(../images/star.png) 0 8px no-repeat; }
#bottommodule .mod-mod_articles h4, #bottommodule .mod-mod_articles .mod-articles-title { font-size: 12px; padding: 2px 0; }
#bottommodule .mod-mod_articles a { color: #fff; }
#bottommodule .mod-mod_articles a:hover { color: #cc0000; }
#bottommodule .block ul { padding-top: 0; }
#bottommodule .block ul li a { color: #fff; }
#bottommodule .moduletable p { padding: 0 0 8px; }

/* random image */
.mod-mod_random_image .random-image { text-align: center; }
.moduletable h3, #bottommodule .moduletable h3 { font-family: "Myriad Pro", Arial, Helvetica, sans-serif; }
#rightcolumn .mod-mod_random_image img { border: 2px solid #666; }

/* poll results (static) */
.poll-question { font-weight: bold; }
ul.poll-results { list-style: none; padding: 0; margin: 0 0 8px; }
ul.poll-results li { margin: 0 0 8px; padding: 0; text-align: left; }
.poll-answer { display: block; }
.poll-bar { display: inline-block; height: 8px; background: #cc0000; vertical-align: middle; margin-right: 6px; max-width: 70%; }
.poll-value { font-size: 11px; color: #555; }
.poll-total { font-size: 11px; color: #555; }

/* content */
.page-header h1, .page-header h2, h1.componentheading, .com-content-category-blog > h1, .item-page > h1 { background: url(../images/contenthead.gif) 0 100% no-repeat; padding: 0 0 5px; margin: 0 0 6px; color: #cc0000; font: bold 18px Arial, Helvetica, sans-serif; }
.page-header h2 a, .page-header h1 a { color: #cc0000; }
.blog-item, .blog-items > div { clear: both; margin-bottom: 20px; }
.blog-item::after, .item-page::after { content: ""; display: block; clear: both; }
dl.article-info { margin: 0 0 8px; font-size: 10px; color: #333; }
dl.article-info dt { display: none; }
dl.article-info dd { margin: 0; }
p.readmore { clear: both; text-align: right; padding: 0; }
p.readmore a, p.readmore .btn { font-weight: bold; color: #cc0000; background: url(../images/arrow.gif) 100% 5.5px no-repeat; padding: 0 10px 0 0; border: 0; }
.item-page, .blog { text-align: justify; }
.item-page .newsimg, .blog .newsimg { margin: 0 10px 6px 0; }
/* lists (home, category blogs) showed the article picture as a 60px thumbnail, the article page in full */
.blog-item img.newsimg { width: 60px; height: 60px; object-fit: cover; }
.video { clear: both; position: relative; max-width: 560px; aspect-ratio: 16 / 9; margin: 10px 0; }
.video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.icon-calendar, [class^="icon-"] { display: none; }

/* pagination */
.pagination__wrapper, .com-content-category-blog__navigation { clear: both; text-align: center; padding: 10px 0; }
ul.pagination { list-style: none; padding: 0; margin: 0; display: inline-flex; flex-wrap: wrap; gap: 3px; }
ul.pagination li { margin: 0; padding: 0; }
ul.pagination .page-link { display: block; padding: 3px 7px; border: 1px solid #888; color: #333; font-size: 12px; }
ul.pagination .active .page-link { background: #cc0000; border-color: #cc0000; color: #fff; }
ul.pagination .disabled .page-link { color: #999; border-color: #bbb; }
.counter { font-size: 11px; color: #555; padding-top: 5px; }

/* forms: contact, smart search */
.com-contact input[type=text], .com-contact input[type=email], .com-contact textarea, .com-finder input[type=text], .com-finder input[type=search] { width: 100%; box-sizing: border-box; border: 1px solid #888; padding: 4px; background: #fff; }
.btn, button.btn, .com-finder button { color: #fff; background: #cc0000; border: 0; padding: 4px 12px; cursor: pointer; font-size: 12px; }
.com-finder .result__item { margin-bottom: 14px; }
.com-finder .result__title-text { font-weight: bold; }
.form-control-feedback, .invalid { color: #cc0000; }
.alert { padding: 8px 12px; margin-bottom: 12px; background: #fff; border: 1px solid #cc0000; }
.error-code { font-size: 60px; font-weight: bold; color: #cc0000; line-height: 1; padding: 10px 0; }

/* OSMap HTML site map */
.osmap-items ul { padding-top: 4px; }

/* narrow screens: one column, plain boxes */
@media (max-width: 960px) {
  #wrapper, #header, #row2, #bottommodule, #footer, #row1-middle { width: auto; max-width: 935px; box-sizing: border-box; }
  #wrapper { padding: 0 8px 10px; }
  #header { height: auto; min-height: 90px; }
  #logo { width: auto; float: none; padding: 8px 0 0; }
  #banner { float: none; margin: 8px 0; }
  #rss { position: static; margin: 0 0 6px; }
  #navigation_box { float: none; }
  #main-menu-left { display: none; }
  #main-menu { height: auto; margin: 0; background: #fff; border-radius: 4px; }
  #main-menu ul.mod-menu { padding: 0 6px; }
  #row1-top, #row1-bottom, .box1-top, .box1-bottom, .box2-top, .box2-bottom { display: none; }
  #row1-middle, .box1-middle, .box2-middle { background: #b5b5b5; width: auto; padding: 10px; border-radius: 4px; margin-bottom: 10px; }
  .slideshow-col, #row1-rightcol, #leftcolumn, #rightcolumn { float: none; width: auto; }
  .slideshow { width: 100%; }
  .block, .spacer.w33 .block, .spacer.w49 .block { float: none; width: auto; padding: 0; }
  #bottom-navigation, .copyright { float: none; width: auto; text-align: left; }
  #footer { background: #222; }
}