/* Design by http://NewJoomlaTemplates.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,h8,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {background: transparent;border: 0;font-style: inherit;font-weight: inherit;margin: 0;padding: 0;outline: 0;vertical-align: baseline;} table {border-collapse: collapse;border-spacing: 0;}

/* Main Layout */
html {height: 100%;}
body { font:normal 13px/1.8em Arial, Helvetica, sans-serif; color:#000; background:#eee url(../images/bg.jpg) top left repeat}
body.contentpane {}
.background {position: absolute;width: 100%;}
h1,h2,h3,h4,h5,h6,h8 {margin:0; padding:10px 0; font-weight:normal; color:#000;font-family:'Leckerli One',Arial, Helvetica, sans-serif;}
.componentheading {font-size:25px; line-height:30px; margin:0; padding:0 0 10px 0; color:#000}
h1{font-size:30px;}
h2 {font-size:25px;}
h3 {font-size:20px;}
h4 {font-size:18px;} h5 {font-size:18px;} h6 {font-size:18px;} h8 {font-size:28px;align="MIDDLE"}
a,a.visited  {color: #5aa4c5;text-decoration: underline;}
a:hover{color:#000;text-decoration: none;}
ul {margin:0 0 0 15px;}
p {margin-top: 0;margin-bottom: 10px;}
blockquote {margin:5px; padding:5px; font-size:18px; font-family: "Times New Roman", Times, serif; font-style:italic}
element.style { height:auto;}
hr { width:100%; clear:both; border:none; height:2px; background:#eee; margin:0; padding:0;}
.clr {clear: both;}
.highlight { background:#e9ef48}
/* Header */
#header {position:relative;margin:10px auto;padding:0; }
.logo { width:50px; float:left; margin:-30px 0 0 0;}
.logo1 { width:130px; float:right; margin:-30px 0 0 0;}
.logo, .logo a { color:#9ed9f4; line-height:100px; font-size:50px; font-family:'Leckerli One',Arial, Helvetica, sans-serif; text-align:left; text-decoration:none; text-shadow:1px 1px #fff}
/* Nivo Slider Style */
#slide-w { width:930px; margin:0 0 10px 0; padding:10px; background:#fff; overflow:hidden;border-bottom:1px solid #c4c4c4}
#slide-w #slider-wrapper {margin: 0; padding:0;}
#slide-w .nivo-directionNav a {background:url(../images/nivo-arrows.png) 0 50% no-repeat;display:block;width:62px;height:100%;text-indent:-9999px;border:0;}
#slide-w a.nivo-nextNav {background-position:-62px 50%;right:0px;}
#slide-w a.nivo-prevNav {left:0px;}
#slide-w .nivo-directionNav a {position:absolute;top:0;z-index:9;cursor:pointer;}
#slide-w .nivo-prevNav {left:0px;}
#slide-w .nivo-nextNav {right:0px;}
#slide-w .nivo-controlNav {position:absolute; left:47%;bottom:10px; left:10px; margin:0}
#slide-w .nivo-controlNav a {display:block;width:16px;height:16px;background:url(../images/nivo-bullets.png) 0 0 no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;}
#slide-w .nivo-controlNav a.active {background-position:0 -16px;}
/* Login Module */
#login-form .login_label {}
#login_input { width:150px; float:right}
#login-form .login_remember { float:right;}
#login-form a { display:block; text-align:right}
/* Menu*/
#navr {width:950px;height:216px; margin:0 auto; background:url(../images/nav.png);}
#navl {width:930px;height:64px; margin:0 auto}
#nav {z-index:10;}
#nav ul {margin-left: 25%; height:44px; float:right;}
#nav ul li {list-style:none;float:left;position:relative; padding:0; margin:0; height:44px; line-height:44px; font-family:'Leckerli One',Arial, Helvetica, sans-serif;}
#nav ul li a { display:block;padding:0 10px; margin:0;line-height:44px;text-decoration:none;font-size:14px;color:#999;text-shadow:1px 1px #fff;}
#nav ul li.active a { color:#000; background:url(../images/nav-a.png) 50% 0 no-repeat}
#nav ul li:hover{}
#nav ul li:hover a, #nav ul li a:hover{color:#000;background:url(../images/nav-a.png) 50% 0 no-repeat;text-decoration:none;}
/* SubMenu */
#nav ul li.active ul li span.li-l,#nav ul li.active ul li span.li-r { background:none}
#nav ul li ul {position:absolute;width:200px;left:-999em; margin:0; padding:10px 0 0 0;}
#nav ul li:hover ul, #menu ul li.sfHover ul {left:-2px;}
#nav ul li ul li:hover ul {left:200px; top:0}
#nav ul li ul li {padding:0;height:auto;width:200px; margin:0; border:none;}
#nav ul li:hover ul li a {text-shadow:none;margin:0; padding:5px 0 5px 10px;line-height:18px;height:18px;border-left:1px solid #c5c5c5;border-bottom:1px solid #c5c5c5;border-right:1px solid #c5c5c5;font-size:12px;font-weight:100;text-shadow:none;text-align:left;}
#nav ul li:hover ul li { background:none;}
#nav ul li:hover ul li a,
#nav ul li ul li a,
#nav ul li li ul li a,
#nav ul li.active ul li a,
#nav ul li ul li.active ul li a,
#nav ul li.active ul li a,
#nav ul li ul li.active ul li a { background:#eee;color:#999; }
#nav ul li ul li a:hover,
#nav ul li ul li.active a,
#nav ul li.active ul li a:hover,
#nav ul li li ul li a:hover,
#nav ul li ul li.active ul li.active a,
#nav ul li ul li.active a, #nav ul li.active ul li a:hover{background:#fff;color:#332e2e;}
#nav ul li ul ul, #nav ul li:hover ul ul,#nav ul li:hover ul ul ul, #nav ul li:hover ul ul ul ul, #nav ul li.sfHover ul ul, #nav ul li.sfHover ul ul ul, #nav ul li.sfHover ul ul ul ul {left:-999em; padding:0; margin:-1px 0 0 0;border-top:1px solid #c5c5c5;}
/* Search Module */
#search { position:absolute; top:2px; right:10px;}
#search .inputbox { background:#dceefb; width:228px; height:25px; border:none; color:#000; padding:0 0 0 10px}
#search .search_button {background:url(../images/search-button.png) 0 0 no-repeat; width:16px; height:16px; border:none; text-indent:-9999em; margin:10px 0 0 -30px; cursor:pointer}
/* Content */
#main { margin:0 auto; position: relative;}

#wrapper { margin:0 auto; width:960px;position: relative;padding:0}
#main-content { clear:both;margin:0 auto;padding:0; }
#comp_80 { width:620px; float:left; position:relative;margin:0; padding:10px; background:#fff;border-bottom:1px solid #c4c4c4 }
#comp_100 { width:930px; position:relative;margin:0;  padding:10px; background:#fff;border-bottom:1px solid #c4c4c4 }
#comp-i {padding:10px;background:url(../images/box.png) 0 0 repeat }
.full { padding:0;}
/* Content styles */
#archive {padding:0; margin:0;}
.archive {padding:0;}
.archive .article-count {color:#999;}
.blog-featured {}
.items-leading {position: relative; clear:both; margin:0 0 20px 0;  padding:0;}
.leading,.item { margin:0 0 20px 0; position:relative;}
.items-row {position: relative;clear:both;}
.item-separator {}
.item-page { position:relative}
.item-page-title {padding:0 70px 5px 0;}
.item-page-title, .item-page-title a {text-decoration:none;font-size:35px; line-height:35px;} 
.item-page-title a:hover {}
.buttonheading { position:absolute; top:5px; right:5px;}
.buttonheading .edit {float:right;margin:0 5px;}
.buttonheading .print { float:right; margin:0 5px;}
.buttonheading .email {float:right;margin:0 5px;}
.iteminfo {font-size: 12px;display:block;width: 100%; color:#888; margin:0;}
.iteminfo a {} .iteminfo a:hover {}
.iteminfo .category { padding:0 5px 0 0}
.iteminfo .sub-category {}
.iteminfo .create {}
.iteminfo .modified {}
.iteminfo .published {}
.iteminfo .createdby {font-weight:bold;}
.items-more {clear:both;} h3.items-more { font-size:14px; padding:0; margin:0;}
.items-more ol { margin:0 0 0 30px; padding:0}
table.category { width:100%}
/* Article Columns */
.cols-1 {width:100%; clear:both;}
.cols-2 .column-1{width:49%;float:left}
.cols-2 .column-2{width:49%;float:right;}
.cols-3 .column-1{width:32%;float:left}
.cols-3 .column-2{width:32%;margin-left:1%;float:left;}
.cols-3 .column-3{width:32%;float:right;}
.cols-4 .column-1{width:23%;float:left}
.cols-4 .column-2{width:23%;margin-left:1%;float:left;}
.cols-4 .column-3{width:23%;margin-left:1%;float:left}
.cols-4 .column-4{width:23%;margin-left:0;float:right}
.column-1, .column-2, .column-3, .column-4 { position:relative;margin:0 0 20px 0}
/* Contact styles */
th.item-title,th.list-title {padding:5px 2px; font-size:15px;text-align:left; font-weight:bold}
th.item-title a,th.list-title a{}
td.item-title,td.list-title {text-align:left; padding:3px 2px}
.contact label { width:100px;font-weight:bold; float:left}
.contact input { float:left;}
.contact .jicons-icons { float:left; padding:5px 10px 10px 0;}
.contact h3 { font-size:14px; padding:5px;}
.contact label { width:200px;}
.contact input { width:300px;}
.contact .checkbox input { width:10px;}
.contact textarea { width:300px;}
.contact .pane-toggler {display:block; cursor:pointer}
.contact .pane-toggler-down {display:block;cursor:pointer}
/* Module Spacing */
.spacer .module {float: left;}
.spacer.w99 .module {width: 930px;}
.spacer.w49 .module {width: 450px;}
.spacer.w33 .module {width: 290px;}
.spacer.w24 .module {width: 24.5%;}
/* Page NaLeckerli Onetion */
.readmore { padding:0; margin:0; line-height:16px;}
.readmore a { text-decoration:none; }
.readmore a:hover {}
ul.pagenav { display:block;} ul.pagenav li { list-style:none;}
.pagenav-prev { float:left;}
.pagenav-next { float:right}
#pagination {clear:both; text-align:center;  padding:0;}
.pagination { clear:both; text-align:center; padding:0;}
.pagination span,.pagination a{ background:none; padding:5px;}
.inputbox, input, textarea, select {background:#fff; border:1px solid #d4d4d4;}
/* Breadcrumbs */
.breadcrumbs { padding:0; margin:0 0 10px 0;}
.breadcrumbs a {}
.breadcrumbs .sep{ background:url(../images/arrow.png) 50% 50% no-repeat; padding:5px}
/* Sidebar */
#rightbar-w {width:290px; float:left;  margin:0 0 0 10px; padding:10px 10px 0 10px; background:#fff;border-bottom:1px solid #c4c4c4}
#sidebar {padding:0}
#sidebar .module { margin:0 0 10px 0;padding:10px;background:url(../images/box.png) 0 0 repeat}
#sidebar .module-title {font-size:25px; line-height:30px; color:#000; text-shadow:1px 1px #fff; padding:0; margin:0 0 10px 0;}
#sidebar h3 {}
#rightbar-w  .module-title {}
#sidebar .module-body {margin:0;}
#sidebar .module-body p{padding:0; margin:0;}
#sidebar  ul li { margin:0 5px; padding:0;}
/* Sidebar Menu*/
#sidebar .module ul.menu{margin:0; padding:0;list-style:none; padding:0; list-style-type:none;}
#sidebar .module ul.menu li{ list-style:none; list-style-type:none;margin:0; padding:0;}
#sidebar .module ul.menu li a { display:block;margin:0; padding:5px 0 5px 10px; text-decoration:none; color:#000;  font-family:'Leckerli One',Arial, Helvetica, sans-serif; font-size:15px; line-height:20px;background: url(../images/li1.png) 0 50% no-repeat;text-shadow:1px 1px #fff}
#sidebar .module ul.menu li a:hover {background: url(../images/li2.png) 0 50% no-repeat;  color:#fff;text-decoration:none; text-shadow:1px 1px #333}
#sidebar .module ul.menu li.active {}
#sidebar .module ul.menu li.active a{background: url(../images/li2.png) 0 50% no-repeat;color:#fff; text-shadow:1px 1px #333}
/* Sidebar SubMenu*/
#sidebar .module ul.menu li ul {margin:0;}
#sidebar .module ul.menu li ul li {background:none; border:none; margin: 0 0 0 15px;   }
#sidebar .module ul.menu li ul li a{ }
#sidebar .module ul.menu li ul li a:hover{ border: 0; background: none;  color:#5aa4c5;text-shadow:1px 1px #fff}
#sidebar .module ul.menu li.active ul li a{background: none; color:#000;text-shadow:1px 1px #fff}
#sidebar .module ul.menu li ul li.active, #sidebar .module ul.menu li.active ul li { background:none}
#sidebar .module ul.menu li ul li.active a, #sidebar .module ul.menu li.active ul li a:hover{background: none;  color:#5aa4c5;text-shadow:1px 1px #fff}
#sidebar .module ul.menu li ul li.active ul li a {background: none;color:#000;text-shadow:1px 1px #fff  }
#sidebar .module ul.menu li ul li.active ul li.active a {background:none;  color:#5aa4c5; text-shadow:1px 1px #fff}
/* Modules 1 */
#mods1{padding:0; margin:0 auto 10px auto;clear:both;}
#mods1 .module { margin:0 10px 0 0;padding:10px; background:#fff; border-bottom:1px solid #c4c4c4}
#mods1 .inner { padding:10px; background:url(../images/box.png) 0 0 repeat}
#mods1 p { padding:0; margin:0;}
#mods1 .module-title {margin:0 0 10px 0;padding:0;display: block; font-size: 20px; line-height: 15px; text-shadow:1px 1px #fff;}
#mods1 .module-body {padding:0; margin:0;}
#mods1 a {}#mods1 a:hover {}
#mods1 ul {margin:0; padding:0;}
#mods1 ul li {list-style:inside; border-bottom:1px solid #fff ; list-style:none;}
#mods1 ul li:hover {}
#mods1 ul li a { display:block; padding:0 0 0 20px; background:url(../images/dot.png) 0 50% no-repeat;text-decoration:none;}
/* Modules 2 */
#mods2{padding:0; margin:10px auto 0 auto;clear:both;}
#mods2 .module { margin:0 10px 0 0;padding:10px; background:#fff; border-bottom:1px solid #c4c4c4}
#mods2 .inner { padding:10px; background:url(../images/box.png) 0 0 repeat}
#mods2 p { padding:0; margin:0;}
#mods2 .module-title {margin:0 0 10px 0;padding:0;display: block;font-size: 20px; line-height: 15px; text-shadow:1px 1px #fff;}
#mods2 .module-body {padding:0; margin:0;}
#mods2 a {}#mods2 a:hover {}
#mods2 ul {margin:0; padding:0;}
#mods2 ul li {list-style:inside; border-bottom:1px solid #fff ; list-style:none;}
#mods2 ul li:hover {}
#mods2 ul li a { display:block; padding:0 0 0 20px; background:url(../images/dot.png) 0 50% no-repeat; text-decoration:none;}

/* Footer */
#bottom {width:960px; margin:0 auto; padding:5px 0 0 0;}
.copy { margin:0; padding:0 0 0 10px;font-size:12px; float:left;}
.copy a {font-size:12px;}
.plusdesign {margin:0; padding:0 20px 0 0; font-size:11px; color:#c4c4c4; text-align:right; float:right}
.plusdesign a { text-decoration:none; font-size:11px;color:#c4c4c4}

/* System Messages */
#system-message    { margin: 0; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #0055BB; margin: 0; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}
/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }
/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}
/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}
/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}
#error {padding:20px;}
#error  .error { color:#FF0000; background:#fff; display:block; padding:10px;}
/* Tooltips */
.apls{margin: -23px 0 0; padding:0;text-indent: -9999em;}
.tip { float: left; background: #ffc; border: 1px solid #D4D5AA; padding: 5px; max-width: 200px;}
.tip-title {padding: 0; margin: 0; font-size: 100%; font-weight: bold; margin-top: -15px; padding-top: 15px; padding-bottom: 5px;}
.tip-text {font-size: 100%; margin: 0;}

/* begin Button */
.art-button-wrapper .art-button{font-family: Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal; font-size: 12px; display: inline-block; vertical-align: middle; white-space: nowrap; text-align: left;  text-decoration: none !important; color: #5aa4c5 !important; width: auto; outline: none; border: none; background: none;line-height: 30px; height: 30px; margin: 0 !important;padding: 0 14px !important; overflow: visible; cursor: pointer; z-index: 0;}
.art-button img, .art-button-wrapper img{ margin: 0; vertical-align: middle;}
.art-button-wrapper{  vertical-align: middle; display: inline-block; position: relative; height: 30px; overflow: hidden;white-space: nowrap;width: auto; margin: 0;padding: 0; z-index: 0;}
.firefox2 .art-button-wrapper{ display: block; float: left;}
.art-button-wrapper.hover .art-button, .art-button:hover{ color: #000 !important;text-decoration: none !important;}
.art-button-wrapper.active .art-button{color: #000 !important;}
.art-button-wrapper .l, .art-button-wrapper .r{ display: block; position: absolute; z-index: -1; height: 90px; margin: 0; padding: 0; background-image: url('../images/button.png');}
.art-button-wrapper .l{ left: 0; right: 8px;}
.art-button-wrapper .r{width: 409px; right: 0; clip: rect(auto, auto, auto, 401px);}
.art-button-wrapper.hover .l, .art-button-wrapper.hover .r{top: -30px;}
.art-button-wrapper.active .l, .art-button-wrapper.active .r{top: -30px;}
.art-button-wrapper input{float: none !important;}
/* end Button */