/******************* main elements *********************/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, div, img, input {margin: 0; padding: 0; border: 0;}
html {background: #f5fafd no-repeat top center; font-family: "Lato", Arial, Verdana, Helvetica, sans-serif; font-size: 100.0%;}
body {font-size: 1.0em; color: #ffffff;}

.clear {clear: both;}
.left {float: left;}
.right {float: right;}

.button {font-size: 2.0em; color: #02142c; width: 300px; height: 50px; background: #dad737}

.top {
	font-family: Muli,sans-serif;
    color: #888;
    margin-bottom: 1.25rem;
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.14;
    letter-spacing: .9px;
	text-align: center;
	margin-top: 30px;
}

p {line-height: 1.6; padding: 10px 20px;}
a {color: #ff9900; text-decoration: none; font-weight: bold;}
a:hover {text-decoration: underline;}
ul, ol {line-height: 1.6; padding: 10px 20px 10px 40px;}
h1, h2, h3, h4, h5, h6 {font-size: 2.0em; font-family: "Atma", Arial, Verdana, Helvetica, sans-serif; font-weight: normal; padding: 20px 20px 10px 20px; line-height: 0.8;}
.side ul h3 {font-size: 1.0em; padding: 0; font-family: "Lato", Arial, Verdana, Helvetica, sans-serif; line-height: 1.6;}

/*** grid containers ***/
.container_12 {width: 1200px; margin: 0 auto;}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {display: inline; float: left; position: relative; margin-left: 10px; margin-right: 10px;}
.container_12 .grid_1 {width: 80px;}
.container_12 .grid_2 {width: 180px;}
.container_12 .grid_3 {width: 280px;}
.container_12 .grid_4 {width: 380px;}
.container_12 .grid_5 {width: 480px;}
.container_12 .grid_6 {width: 580px;}
.container_12 .grid_7 {width: 680px;}
.container_12 .grid_8 {width: 780px;}
.container_12 .grid_9 {width: 880px;}
.container_12 .grid_10 {width: 980px;}
.container_12 .grid_11 {width: 1080px;}
.container_12 .grid_12 {width: 1180px;}

/***************** joomla ********************/
.actions {clear: both; height: 20px;}
.actions ul {display: inline;}
.actions li {list-style: none;}
.print-icon, .email-icon {float: right; margin: 10px 5px; padding: 0;}

.pagination {float: right; clear: both;}
.counter {text-align: left; font-style: italic; padding: 5px; font-size: 0.9em;}
.pagination li {display: inline; list-style: none; padding: 0 5px; font-style: italic; font-size: 0.9em; text-align: right;}

.article-info {background: url(../images/content_back.png) repeat top left; margin: 10px 0 20px 0; padding: 5px 20px; clear: both; font-style: italic; text-align: right; font-size: 0.8em;}
.article-info-term, .parent-category-name, .category-name, .create, .modified, .published, .createdby {display: inline; margin: 0; padding: 5px;}

.readmore {float: right; margin: 3px 10px 3px 0; padding: 1px 5px; font-size: 0.9em; clear: both;}

.lof-inner, .lof-row, .lof-main-wapper {}
.lof-description {width: 50%; padding: 2px;}
.lof-description h4 {font-size: 1.0em; line-height: 1.1; padding: 0; color: #ffffff;}
h4 {font-size: 1.0em; padding: 0; font-family: "Lato", Arial, Verdana, Helvetica, sans-serif; line-height: 1.1;}
.lof-description p {line-height: 1.1; padding: 0 0 2px 0;}
.lof-description a {color: #ff9900;}
.lof-description a.hover {color: #ffffff;}
.lof-articlessroller .lof-inner {background: url(../images/content_back.png) repeat top left; margin: 0 10px; position: relative; padding: 10px 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.lof-articlessroller .lof-inner:hover {background: url(../images/content_back.png) repeat top left;}
.lof-ass .lof-navigator li img {margin: 5px 5px 10px 0px; padding: 5px 10px 0 0; float: left; border: 0;}

.leading-0, .leading-1 {float: left; width: 340px;}
.leading-0 {margin: 10px;}
.leading-1 {margin: 10px 0 10px 10px;}

/***************** main containers ********************/
#container {margin: 0 auto; width: 1200px; background: url(../images/container_back.png) no-repeat top left;}
#content {background: url(images/content_back.png) repeat top left;}
#top {height: 80px;}
#top .logo img {margin: 15px 0;}
#content {clear: both; overflow: hidden; margin: 20px 0 0 0;}
#content img {max-width: 96%; margin: 2% 0 2% 2%;}
.leading-0, .leading-1 {width: 740px;}
#breadcrumbs {background: url(../images/content_back.png) repeat top left; height: 20px; font-style: italic; padding: 10px 20px 5px 20px; margin: 10px 0; font-size: 0.9em; clear: both; overflow: hidden;}
.side {background: url(../images/content_back.png) repeat top left; margin-top: 370px;}
.main {background: url(../images/content_back.png) repeat top left;}
.main img {margin: 0px;}
#feature {background: url(../images/content_back.png) repeat top left; float: left; clear: both; margin: 10px 0 10px 10px;}
#copyright {height: 45px; float: left; width: 300px;}

.bfQuickMode input, .bfQuickMode textarea {border: 1px solid #cccccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.bfQuickMode .ff_listItem {padding: 3px;}
.bfQuickMode .submit {float: right; background: #cccccc; border: 1px solid #999999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

/*** partner nav ***/
.organizatornav ul {list-style: none; margin: 10px 8px 30px 8px;}
.organizatornav li {float: left; padding: 0;}
.organizatornav li a {display: inline; padding: 0;}
.organizatornav li a:hover {text-decoration: none;}

/*** main nav ***/
#mainnavback {height: 70px; background: url(../images/mainnav_back.png) repeat top left; clear: both;}
.mainnav {z-index: 100;}
.mainnav ul {margin: 0; padding: 0;}
.mainnav ul ul {display: none;}
.mainnav ul li:hover > ul {display: block;}
.mainnav ul {list-style: none; position: relative; display: inline-table;}
.mainnav ul:after {content: ""; clear: both; display: block;}
.mainnav ul li {float: left;}
.mainnav ul li:hover {}
.mainnav ul li:hover a {color: #ffcc00;}
.mainnav ul li a {display: block; font-size: 1.8em; color: #ffffff; margin: 0; padding: 15px 15px 10px 15px; text-decoration: none; font-family: "Atma", Arial, Verdana, Helvetica, sans-serif; font-weight: normal;}

.mainnav ul ul {background: url(../images/content_back.png) repeat top left; margin: 0; padding: 0; position: absolute; top: 65px; z-index: 100;}
.mainnav ul ul li {float: none; position: relative; border-bottom: 1px solid #666666;}
.mainnav ul ul li a {padding: 2px 20px; text-align: left; font-size: 1.8em;}
.mainnav ul ul li a:hover {color: #ffffff;}

/***************** bottom nav ********************/
#footernav {background: url(../images/mainnav_back.png) repeat top left; height: auto; overflow: hidden; clear: both; margin: 20px 0 10px 0;}
#footernav ul {list-style: none;}
#footernav li {float: left;}
#footernav li a {display: inline; font-size: 1.2em; color: #ffffff; margin: 0; padding: 15px 21px; text-decoration: none; font-family: "Atma", Arial, Verdana, Helvetica, sans-serif; font-weight: normal;}
#footernav li a:hover {text-decoration: none; color: #ffcc00;}

/***************** priv nav ********************/
#privnav {height: 40px; float: right;}
#privnav ul {list-style: none; padding: 10px 0 0 0;}
#privnav li {float: left;}
#privnav li a {display: inline; font-size: 1.2em; color: #ffffff; margin: 0; padding: 10px 20px; text-decoration: none; font-family: "Atma", Arial, Verdana, Helvetica, sans-serif; font-weight: normal;}
#privnav li a:hover {text-decoration: none; color: #ffcc00;}