/* Reset CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1.2em;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* Tools */
.f-left {
    float: left;
}

.f-right {
    float: right;
}

.clear_b {
    clear: both;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.justify {
    text-align: justify;
}

.bold {
    font-weight: bold;
}

.v-top {
    vertical-align: top;
}

.v-middle {
    vertical-align: middle;
}

.v-bottom {
    vertical-align: bottom;
}

.no-display {
    display: none !important;
}

.H5 {
    height: 5px;
}

.H10 {
    height: 10px;
}

.H15 {
    height: 15px;
}

.H20 {
    height: 20px;
}

.H25 {
    height: 25px;
}

.H30 {
    height: 30px;
}

.M5 {
    margin: 5px;
}

.M10 {
    margin: 10px;
}

.M15 {
    margin: 15px;
}

.M20 {
    margin: 20px;
}

.M30 {
    margin: 30px;
}

.MR5 {
    margin-right: 5px;
}

.MR10 {
    margin-right: 10px;
}

.MR15 {
    margin-right: 15px;
}

.MR20 {
    margin-right: 20px;
}

.MR30 {
    margin-right: 30px;
}

.ML5 {
    margin-left: 5px;
}

.ML10 {
    margin-left: 10px;
}

.ML10 {
    margin-left: 15px;
}

.ML20 {
    margin-left: 20px;
}

.ML30 {
    margin-left: 30px;
}

.MB5 {
    margin-bottom: 5px;
}

.MB10 {
    margin-bottom: 10px;
}

.MB15 {
    margin-bottom: 15px;
}

.MB20 {
    margin-bottom: 20px;
}

.MB30 {
    margin-bottom: 30px;
}

.MT5 {
    margin-top: 5px;
}

.MT10 {
    margin-top: 10px;
}

.MT15 {
    margin-top: 15px;
}

.MT20 {
    margin-top: 20px;
}

.MT30 {
    margin-top: 30px;
}

.P5 {
    padding: 5px
}

.P10 {
    padding: 10px;
}

.P15 {
    padding: 15px;
}

.P20 {
    padding: 20px;
}

.P25 {
    padding: 20px;
}

.P30 {
    padding: 30px;
}

.PL5 {
    padding-left: 5px;
}

.PL10 {
    padding-left: 10px;
}

.PL15 {
    padding-left: 15px;
}

.PL20 {
    padding-left: 20px;
}

.PL30 {
    padding-left: 30px;
}

.PR5 {
    padding-right: 5px;
}

.PR10 {
    padding-right: 10px;
}

.PR15 {
    padding-right: 15px;
}

.PR20 {
    padding-right: 20px;
}

.PR30 {
    padding-right: 30px;
}

.PB5 {
    padding-bottom: 5px;
}

.PB10 {
    padding-bottom: 10px;
}

.PB15 {
    padding-bottom: 15px;
}

.PB20 {
    padding-bottom: 20px;
}

.PB30 {
    padding-bottom: 30px;
}

.PT5 {
    padding-top: 5px;
}

.PT10 {
    padding-top: 10px;
}

.PT15 {
    padding-top: 15px;
}

.PT20 {
    padding-top: 20px;
}

.PT30 {
    padding-top: 30px;
}

.debug {
    background-color: #930
}

/* CSS HEADINGS */
h1 {
    font: normal 36px/1.2em Arial, Helvetica, sans-serif;
    margin: 0px;
}

h2 {
    font: normal 28px/1.3em Arial, Helvetica, sans-serif;
    margin: 0px;
}

h3 {
    font: normal 24px/1.4em Arial, Helvetica, sans-serif;
    margin: 0px;
}

h4 {
    font: normal 18px/1.4em Arial, Helvetica, sans-serif;
    margin: 0px;
}

h5 {
    font: normal 16px/1.4em Arial, Helvetica, sans-serif;
    margin: 0px;
}

h6 {
    font: normal 14px/1.4em Arial, Helvetica, sans-serif;
    margin: 0px;
}

h1.Liana {
    font: normal 50px/1.2em Liana, Arial, Helvetica, sans-serif;
    margin: 0px;
}

h2.Liana {
    font: normal 40px/1.3em Liana, Arial, Helvetica, sans-serif;
    margin: 0px;
}

h3.Liana {
    font: normal 24px/1.4em Liana, Arial, Helvetica, sans-serif;
    margin: 0px;
}

h4.Liana {
    font: normal 24px/1.4em Liana, Arial, Helvetica, sans-serif;
    margin: 0px;
}

h5.Liana {
    font: normal 24px/1.4em Liana, Arial, Helvetica, sans-serif;
    margin: 0px;
}

h6.Liana {
    font: normal 24px/1.4em Liana, Arial, Helvetica, sans-serif;
    margin: 0px;
}

p {
    margin: 0;
    padding: 0
}

.box {
}

.box-content {
}

.box-title {
}

.box-text {
}

.TC {
    width: 100%;
    background: none 0 0 repeat-x;
}

.TL {
    width: 100%;
    background: none 0 0 no-repeat;
}

.TR {
    width: 100%;
    background: none 100% 0 no-repeat;
}

.BC {
    width: 100%;
    background: none 0 100% repeat-x;
}

.BL {
    width: 100%;
    background: none 0 100% no-repeat;
}

.BR {
    width: 100%;
    background: none 100% 100% no-repeat;
}

.ML {
    width: 100%;
    background: none 0 0 repeat-y;
}

.MR {
    width: 100%;
    background: none 100% 0 repeat-y;
}

.MM {
    width: 100%;
}

.MTC {
    width: 100%;
    background: none 0 0 repeat-x;
}

.MBC {
    width: 100%;
    background: none 0 100% repeat-x;
}

::selection {
    background: #FF7F00;
    color: #FFFFFF;
}

/*##############################################################################################################################*//* CSS PAGE */
body {
    background-color: #D2E8A3;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.5em;
    color: #333333;
}

body:lang(ar) {
    background-color: #D2E8A3;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.5em;
    color: #333333;
}

a, a:link, a:visited {
    color: #996633;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
}

a:hover {
    color: #699626;
    text-decoration: none;
}

.header-container {
    height: 142px;
    background: url(images/header.png) repeat-x 0 0;
}

.header-shine {
    height: 142px;
    background: url(images/header-shine.png) no-repeat 50% 0;
}

.header-top {
    height: 103px;
    position: relative;
    z-index: 11;
}

.language-links {
    width: 293px;
    height: 32px;
    background: url(images/lang-bg.png) no-repeat 0 0;
    text-align: center;
    position: absolute;
    z-index: 10;
    top: 1px;
    left: 333px;
}

/*li.langlinks-drop					{ width:140px; padding:0px 76px 0px 76px; line-height:24px; color:#FF7F00; cursor:pointer; text-align:center;}li.langlinks-drop span				{ padding:0px 20px 0px 5px; }li.langlinks-drop span:hover		{ padding:0px 20px 0px 5px; color:#663300; }ul#lang-dropdown					{ width:600px; list-style:none; background-color:#F9F7CA; display:block; position:relative; z-index:999; left:-204px; -webkit-box-shadow:0px 2px 10px -2px #FF7F00; -moz-box-shadow:0px 2px 10px -2px #FF7F00; box-shadow:0px 2px 10px -2px #FF7F00; }ul#lang-dropdown li					{ width:200px; height:26px line-height:26px;; float:left; background-color:#F9F7CA; vertical-align:middle; text-align:left; padding:0px 0px; display:block; }ul#lang-dropdown li	a				{ vertical-align:middle; padding:0px 10px; line-height:26px; display:block; color:#FF7F00; text-decoration:none; }ul#lang-dropdown li	a:hover			{ color:#663300; }a.languagelink_active				{ color:#000000; text-decoration:none; }a.languagelink						{ color:#FFFFFF; text-decoration:none; }a.languagelink:hover				{ color:#FFFFFF; text-decoration:underline; }*/
#language-container {
    position: relative;
    z-index: 20;
}

.language-active {
    color: #ff7f00;
    line-height: 24px;
    cursor: pointer;
    display: block;
    padding-top: 3px;
}

.language-active span {
    padding-left: 5px;
}

.language-active img.language-arrow {
    vertical-align: middle;
    margin-left: 5px;
}

.langlinks {
    width: 400px;
    position: absolute;
    z-index: 150;
    top: 1px;
    left: -53px;
    background-color: #F9F7CA;
    -webkit-box-shadow: 0px 2px 10px -2px #699626;
    -moz-box-shadow: 0px 2px 10px -2px #699626;
    box-shadow: 0px 2px 10px -2px #699626;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.langlinks-items {
    padding: 10px 10px;
    text-align: left;
    position: relative;
    z-index: 1;
}

.language-inactive {
    width: 33%;
    float: left;
    display: block;
}

.language-inactive a {
    display: block;
    line-height: 26px;
    padding: 0px 3px;
}

.language-inactive a:hover {
    background-color: #FFFFFF;
}

a.lng-close {
    width: 16px;
    height: 16px;
    position: absolute;
    z-index: 2;
    top: 3px;
    right: 3px;
    display: block;
}

.header-top-left {
}

.header-top-left.grid_15 {
    width: 590px !important;
    margin-left: 0px;
}

.header-top-left.grid_15:lang(ar) {
    text-align: left;
}

h1.header-logo {
    font: inherit;
}
.header-logo {
    height: 95px;
    padding-top: 8px;
    overflow: hidden;
    position: relative;
    left: -35px;
}

/*.site-tag							{ font-family:Liana, Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#996633; position:absolute; z-index:10; bottom:13px; left:190px; padding-bottom:2px }*/
.site-tag {
    font-family: Liana, Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #996633;
    padding-left: 170px;
    position: relative;
    bottom: 60px;
}

.green {
    color: #699626;
}

.orange {
    color: #FF7F00;
}

.header-top-right {
}

.header-top-right.grid_9 {
    width: 350px !important;
    margin-right: 0px;
}

.header-top-right a.header-donate {
    width: 316px;
    height: 102px;
    font-family: Liana, Arial, Helvetica, sans-serif;
    font-size: 46px;
    color: #FFFFFF;
    display: block;
    float: right;
    background: url(images/header-donate.png) no-repeat 100% 0;
    position: relative;
    right: -15px;
}

.header-top-right a.header-donate:lang(ar) {
    text-align: left;
}

span.please {
    display: block;
    text-shadow: 1px 1px 1px #CCCCCC;
    padding-top: 40px;
    padding-left: 68px;
}

span.headerdonate {
    display: block;
    text-shadow: 1px 1px 1px #CCCCCC;
    padding-top: 10px;
    padding-left: 157px;
}

.navigation-container {
    background: url(images/logo-cut.png) no-repeat -14px 0;
    padding-top: 5px;
}

.slider-bg {
    background: #F6E9B2 url(images/slider-bg.png) repeat-x 0 100%;
    direction: ltr !important;
}

.slider-flbg {
    background: url(images/donate-fltop.png) no-repeat 50% 100%;
}

.pagetop-border {
    height: 5px;
    background-color: #DAD372;
}

.donate-bar {
    height: 98px;
    background: #F5EF81 url(images/donate-bar.png) repeat-x 0 0;
}

.donate-topbar {
    height: 98px;
    position: relative;
    z-index: 1;
}

.donate-fl {
    background: url(images/donate-fl.png) no-repeat 50% 0;
}

.donate-toplogo {
    padding-top: 20px;
}

.page-donate {
    padding-left: 10px;
}

.page-donate-top {
    color: #663300;
    font-size: 18px;
    font-family: Verdana, Geneva, sans-serif;
    padding: 20px 0px 10px 32px;
    text-shadow: 1px 1px 1px #FFFFFF;
}

.page-donate-top span.colored {
    color: #FF7F00;
    font-size: 26px;
}

.page-donate-bottom {
    color: #699626;
    font-size: 16px;
    font-family: Verdana, Geneva, sans-serif;
}

input.donate-input-text {
    width: 90px;
    background-color: #FFFFFF;
    padding: 5px;
    border: 1px #FFFFFF solid;
    font-size: 16px;
    color: #000000;
    text-align: right;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

input.donate-submit {
    border: 1px #A3C85D solid;
    background-color: #A3C85D;
    color: #000000;
    font-size: 16px;
    text-shadow: 1px 1px 1px #FFFFFF;
    padding: 4px 8px 4px 8px;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

input.donate-submit:hover {
    color: #FFFFFF;
    text-shadow: 0px 0px 0px #000000;
    background-color: #FF7F00;
    border: 1px #FF7F00 solid;
}

.home-page {
    background-color: #CEE69C;
    border-top: 6px #B5CA89 solid;
    border-bottom: 6px #B5CA89 solid;
    padding: 10px 0px 20px 0px;
}

.hometop-box {
}

.hometop-box-title {
}

.hometop-box-title h2, .hometop-box-title h2 a {
}

.hometop-box-title h2 a:hover {
}

.hometop-box-content {
}

.hometop-box-content table {
}

/*.content-page							{ background:#CEE69C url(images/home-page-top.png) no-repeat 50% 510px; border-top:6px #B5CA89 solid; border-bottom:6px #B5CA89 solid; padding:10px 0px 20px 0px; }*/
.content-page {
    background: #CEE69C;
    border-top: 6px #B5CA89 solid;
    border-bottom: 6px #B5CA89 solid;
    padding: 10px 0px 20px 0px;
}

/*.home-page-top						{ background:url(images/home-page-top.png) no-repeat 50% 111px; }*/
.home-page-top {
    background: #CEE69C;
}

.page-left.grid_16 {
    width: 640px !important;
    margin-left: 0px;
}

.page-right.grid_8 {
    margin-left: 10px;
    margin-right: 0px;
}

.footer-logo.grid_8, .home-page-bottom-left.grid_8, .home-page-top-left.grid_8 {
    margin-left: 0px;
    margin-right: 20px;
}

.footer-follow.grid_8, .home-page-bottom-right.grid_8, .home-page-top-right.grid_8 {
    margin-right: 0px;
    margin-left: 20px;
}

.breakingnews-title {
    position: absolute;
    z-index: 10;
    top: 0px;
    left: 0px;
}

.breakingnews-title h2 {
    width: 156px;
    height: 108px;
    padding-top: 20px;
    padding-left: 10px;
    font-size: 50px;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #000000;
    background: url(images/latest-news.png) no-repeat 0 0;
}

.home-page-donatemenu .breakingnews-title h2 {
    background: none;
}

#breakingnews-scroller {
    width: 300px;
    height: 349px;
    overflow: hidden;
    background-color: #FFFFFF;
    padding: 0px;
    margin: 0px auto;
    position: relative;
    z-index: 1;
    direction: ltr !important
}

.breakingnews-scroller {
    background-color: #FFFFFF;
}

#breakingnews-navigation {
    height: 19px;
    position: absolute;
    right: -48px;
    top: 0;
}

#breakingnews-navigation .breakingnews-prev, #breakingnews-navigation .breakingnews-next {
    width: 16px;
    height: 19px;
    display: block;
    float: left;
}

#breakingnews-scroller .slider {
    width: 300px;
    margin: auto auto;
    overflow: hidden;
}

#breakingnews-scroller .scroller {
    width: 999em;
}

#breakingnews-scroller .slide {
    width: 300px;
    float: left;
}

.latest-news-image {
    width: 300px;
    height: 150px;
    overflow: hidden;
}

.latest-news-image img {
    width: 300px;
    display: block;
}

.latest-news-title {
    font-size: 20px;
    padding: 10px 10px 5px 10px;
    color: #699626;
    line-height: 1.2em;
}

.latest-news-body {
    padding: 0px 10px 20px 10px;
}

span.latest-news-date {
    color: #666666;
}

.newslider-jumpers {
    position: absolute;
    z-index: 10;
    bottom: 10px;
    right: 10px;
}

.newslider-jumpers a.breakingnews-jumper {
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url(images/jumper.png) no-repeat 50% 50%;
}

.newslider-jumpers a.breakingnews-jumper.selected {
    background: url(images/jumper-active.png) no-repeat 50% 50%;
}

.all-news {
    position: absolute;
    z-index: 10;
    bottom: 10px;
    left: 10px;
}

.home-page-donatemenu {
    height: 349px;
    position: relative;
}

.home-page-donatemenu {
    background: url(images/donate-menuimg.png) no-repeat 0 0;
}

.home-page-donatemenu-margin {
    height: 187px;
}

.home-page-donatemenu-t1 {
    padding: 0px 10px 10px 10px;
    font-size: 30px;
    font-family: Verdana, Geneva, sans-serif;
    line-height: 1.2em;
}

.home-page-donatemenu-t1 a {
    text-shadow: 2px 1px 0px #FFFFFF;
    color: #663300;
}

.home-page-donatemenu-t2 {
    padding: 10px 10px 0px 10px;
    font-size: 14px;
    text-shadow: 3px 0px 1px #FFFFFF;
}

.home-page-shopmenu {
    width: 370px;
    height: 349px;
    position: relative;
    z-index: 10;
    top: 0;
    left: 0px;
}

.home-page-shopmenu {
    background: url(images/shopimg.png) no-repeat 0 0;
}

.home-page-shopmenu-link {
    width: 104px;
    height: 86px;
    position: absolute;
    z-index: 20;
    bottom: 0px;
    right: 70px;
    text-align: center;
}

.home-page-shopmenu-link a {
    display: block;
    font-size: 14px;
    text-align: center;
    text-shadow: 2px 1px 0px #FFFFFF;
    text-transform: uppercase;
    padding-top: 45px;
}

.home-page-shopmenu:lang(fa), .home-page-shopmenu:lang(ar) {
    width: 370px;
    height: 349px;
    position: relative;
    z-index: 10;
    top: 0;
    left: 70px !important;
}

img.clabyoutubeimg {
    width: 294px;
    border: 3px #A6C479 solid;
    display: block;
}

.ytvideo-container {
    background-color: #CEE69C;
    position: absolute;
    z-index: 50;
    top: 0;
    left: 0;
}

.welcome-box {
    padding-bottom: 50px;
    position: relative;
    z-index: 1;
}

.welcome-box-title {
    margin-bottom: 18px;
}

.welcome-box-image {
    border: 3px #A6C479 solid;
    text-align: center;
    display: block;
    margin-bottom: 20px;
}

.welcome-box-image img {
    width: 294px;
    display: block;
}

.home-bottom-box {
    padding-bottom: 50px;
    position: relative;
    z-index: 1;
}

.home-bottom-box-title {
    margin-bottom: 20px;
}

.home-bottom-box-title h2, .home-bottom-box-title h2 a {
    font-size: 44px;
    line-height: 1em;
    padding-top: 3px;
    color: #699626;
}

.home-bottom-box-title h2 a:hover {
    color: #FF7F00;
}

.welcome-box-content-caption, .home-bottom-box-content-caption {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
}

.welcome-box-content, .home-bottom-box-content {
    height: 255px;
}

.welcome-box-content-text, .home-bottom-box-content-text {
    text-align: justify;
}

.welcome-box-content-text table, .home-bottom-box-content-text table {
    width: 90%;
    margin: 0px auto;
}

.home-bottom-box-button {
    width: 109px;
    height: 29px;
    background: url(images/menu-button.png) no-repeat 0 0;
    text-align: center;
    position: absolute;
    z-index: 2;
    bottom: 0px;
    right: 0px;
}

.home-bottom-box-button a {
    display: block;
    text-transform: uppercase;
    line-height: 27px;
    color: #699626;
}

.home-bottom-box-button a:hover {
    color: #FF7F00
}

.content-box {
    padding: 10px;
    margin-bottom: 10px;
    border: 1px #FAFEE9 solid;
    background-color: #FAFEE9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.content-box-title {
    margin-bottom: 20px;
}

.content-box-title h3, .content-box-title h3, .content-box-title h1, .content-box-title h1 {
    color: #699626;
    font-size: 24px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.1em;
    padding-top: 3px;
}

.content-box-title h3 a:hover {
    color: #FF7F00;
}

.content-box-content-caption {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
}

.content-box-content table {
}

.menu-box {
    margin-bottom: 20px;
}

.menu-box-title {
    margin-bottom: 20px;
}

.menu-box-title h3, .menu-box-title h3 {
    font-size: 24px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.1em;
    padding-top: 3px;
}

.menu-box-title h3 a:hover {
    color: #FFFFFF;
}

.menu-box-content {
    padding: 10px;
    background-color: #FFFFFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.menu-box-content table {
}

.title-color-change {
    color: #FF7F00;
}

.h3title0 {
    color: #699626;
}

.footer-container {
    min-height: 245px;
    background: url(images/footer.png) repeat-x 0 0;
}

.footer {
    padding: 20px 0px;
    position: relative;
    z-index: 1;
}

.site-top {
    width: 30px;
    height: 16px;
    display: block;
    position: absolute;
    z-index: 10;
    top: -16px;
    right: -30px;
}

.site-top a {
    width: 30px;
    height: 16px;
    display: block;
}

.footer-nav {
    text-align: center;
    color: #666666;
}

.footer-nav ul.bottomlinks {
    list-style: none;
}

.footer-nav ul.bottomlinks li {
    display: inline-block;
}

.footer-nav ul.bottomlinks li a {
    color: #666666;
}

.footer-nav ul.bottomlinks li.hilite a.active, .footer-nav ul.bottomlinks li a:hover {
    color: #996633;
}

.footer-logo {
}

.footer-logo img {
    display: block;
}

.footer-sitename {
    padding-top: 10px;
    font-size: 12px;
}

.footer-menu {
}

.footer-follow {
}

.follow-title {
    font-size: 16px;
    text-transform: uppercase;
    color: #663300;
    padding-bottom: 20px;
}

.follow-images {
}

.follow img {
    float: left;
    display: block;
    margin-right: 3px;
}

.footer-donate-item-l1 {
    width: 100px;
    text-align: right;
    background-color: #A3C85D;
    font-weight: bold;
    font-size: 16px;
    color: #FFFFFF;
    padding: 3px 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.footer-donate-item-l2 {
    padding: 10px 0px;
}

.footer-donate-item-l3 {
    width: 100px;
    text-align: right;
    background-color: #F6EF81;
    font-weight: bold;
    font-size: 16px;
    color: #663300;
    padding: 3px 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/* NEWS */
.news-item {
    padding: 10px;
    margin-bottom: 10px;
    border: 1px #FAFEE9 solid;
    background-color: #FAFEE9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.news-title {
    margin: 0px 0px;
    padding-bottom: 20px;
}

.news-title h2, .news-title h1 {
    font-size: 24px;
    color: #699626;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.1em;
}

.news-title h2 a, .news-title h1 a {
    color: #699626;
    text-decoration: none;
}

.news-title h2 a:hover, .news-title h1 a:hover {
    color: #FF7F00;
}

.news-box-date {
    color: #699626;
    margin-bottom: 10px;
    font-size: 11px;
}

.news-box-date a {
    color: #FF7F00;
    text-decoration: none;
}

.news-box-date a:hover {
    color: #699626;
    text-decoration: none;
}

.news-body {
    text-align: justify;
}

.news-body a {
    color: #FF7F00;
}

.news-body a:hover {
    color: #699626;
}

.news-image {
    max-width: 220px;
    float: left;
    margin-right: 20px;
    margin-left: 0px;
    margin-top: 5px;
    padding: 3px;
    border: 0px none;
    background-color: #699626;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.news-image img {
    max-width: 220px;
    text-align: center;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.news-extended {
    margin-top: 10px;
    display: block;
}

.news-info-bottom {
    margin-top: 5px;
}

.news-social {
    width: 530px;
}

.news-icons {
    width: 70px;
    margin-top: 10px;
}

.news-icons a img {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

.news-list-item {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px #D2E8A3 solid;
}

.news-list-item .news-image {
    max-width: 80px;
    float: left;
    margin-right: 10px;
    margin-top: 0px;
    padding: 0px;
    border: 0px none;
    background-color: transparent;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.news-list-item .news-image img {
    max-width: 80px;
    text-align: center;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.news-list-item h3 {
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.1em;
    margin: 0px;
}

.news-summary {
    padding: 5px 10px 0px 10px;
    font-size: 12px;
}

a.news-extended-category-link, a.news-extended-overview-link {
    line-height: 3em;
}

.news-category {
    font-weight: bold;
    margin-bottom: 10px;
}

.news-category-item {
    padding-bottom: 20px;
}

.news-category-item-link {
    margin-bottom: 10px;
}

.newsarchive-item {
    font-size: 11px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.comments-box {
    margin-bottom: 10px;
    padding: 10px;
    border: 1px #333333 solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.comments-box-top {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px #8A8A5C dashed;
}

/*##############################################################################################################################*//* E107 REALTED */
.tbox {
    background-color: #A3C85D;
    color: #FFFFFF;
    border: 1px solid #A3C85D;
    font-weight: normal;
    padding: 5px 5px;
    margin: 5px 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

input.input-text, textarea.tbox {
    width: 90% !important;
}

#submitnews_item {
    width: 90%;
}

.tbox.chatbox {
    width: 90%;
    margin: 10px auto;
}

.tbox.signature {
    width: 350px;
}

.npdropdown {
    width: auto;
    margin: 0px 0px;
    padding: 4px;
    height: auto;
    text-align: left;
}

.tbox.comment.subject {
    width: 98%;
    background-color: transparent;
    border: 0px none;
}

.comment.tbox.comment {
    width: 98%;
}

#contactForm textarea.tbox {
    width: 90%;
}

input#helpb.helpbox {
    margin-top: 2px;
    margin-bottom: 2px;
    background-color: transparent;
    border: 0px none;
    font-size: 10px;
    color: #000000;
    text-align: left;
}

#commentform .helpbox {
    width: 98%;
    border-collapse: collapse;
    padding: 1px;
}

.helpbox {
    width: 98%;
    background-color: transparent;
    border: 0px none;
    border-collapse: collapse;
    padding: 3px;
}

.indent {
    color: #FFFFFF;
    background-color: #A001C0;
    border: 1px solid #FFFF00;
    padding: 5px 15px;
    font-size: 90%;
    margin: 10px 10px 5px 15px;
    font-style: italic;
}

.tbox:focus {
    background-color: #FFFFFF;
    color: #333333;
    border: 1px #A3C85D solid;
}

.nextprev {
    color: #663300;
    border: 0px none;
    background-color: transparent;
    margin: 0px 0px 30px 0px;
    text-align: left;
    width: auto;
    font-size: 14px;
    font-weight: normal;
}

a.nextprev_link {
    background-color: #A3C85D;
    color: #FFFFFF;
    border: 1px solid #A3C85D;
    margin: 0px;
    padding: 2px 10px;
    text-decoration: none;
}

a.nextprev_link:hover {
    text-decoration: none;
    background-color: #FFFFFF;
    color: #333333;
    border: 1px #A3C85D solid;
}

.nextprev_current {
    color: #663300;
    margin: 0px;
    padding: 2px 10px;
    text-decoration: none;
}

.smalltext {
    font-size: 12px;
    font-weight: normal;
}

.smallblacktext {
    font-size: 12px;
    font-weight: bold;
}

.defaulttext, .caption, .bodytable, .mediumtext {
    font-size: 13px;
    font-weight: normal;
}

.button {
    cursor: pointer;
    cursor: hand;
    background-color: #A3C85D;
    color: #000000;
    border: 1px #A3C85D solid;
    padding: 3px 10px;
    margin: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.button:hover {
    background-color: #F6EF81;
    border: 1px #F6EF81 solid;
    color: #663300;
}

.fborder {
    background-color: transparent;
    border: 0px none;
    padding: 10px;
    text-align: left;
}

.nforumcaption, .forumheader, .fcaption {
    font-size: 16px;
    border: 1px #A3C85D solid;
    color: #663300;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
}

.fcaption a {
    text-decoration: underline;
}

.fcaption a:hover {
    text-decoration: none;
}

.forumheader2, .forumheader3, .forumheader4, .forumheader5, .forumheader6, .finfobar {
    border: 1px #A3C85D solid;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
}

.forumborder {
    background-color: transparent;
    vertical-align: top;
    text-align: left;
}

embed.youtube {
    border: 3px #A6C479 solid;
    margin: 0px 8px 8px 0px;
}

img.bbcode {
    float: left;
    border: 3px #A6C479 solid;
    margin: 0px 8px 8px 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

ul, ul.bbcode {
    list-style-position: outside;
    list-style-image: url(images/bullet.png);
    margin-left: 15px;
}

li, li.bbcode {
    font-style: italic;
    padding-bottom: 5px;
    text-align: left !important;
}

.cpage_body {
    text-align: justify;
}

/* FBOX */
.fbox-container {
    background: url(images/fbox-bg.png) no-repeat 50% 0;
}

.fbox-body {
}

#fbox-scroller {
    width: 960px;
    position: relative;
    z-index: 10;
    margin: 0px auto;
}

.fbox-scroller {
}

.fbox-jumper-navigation {
    width: 293px;
    height: 32px;
    padding: 0px 0px;
    text-align: center;
    position: absolute;
    bottom: -1px;
    left: 333px;
    z-index: 99;
    background: url(images/jumper-bg.png) no-repeat 0 0;
}

.jumpers {
    padding-top: 10px;
}

.fbox-jumper-navigation a.jumper {
    width: 15px;
    height: 15px;
    background: url(images/jumper.png) no-repeat 50% 50%;
    display: inline-block;
}

.fbox-jumper-navigation a.selected {
    background: url(images/jumper-active.png) no-repeat 50% 50%;
}

#fbox-navigation {
}

#fbox-navigation .thbeam-prev {
    position: absolute;
    top: 168px;
    left: -30px;
    z-index: 99;
}

#fbox-navigation .thbeam-next {
    position: absolute;
    top: 168px;
    right: -30px;
    z-index: 99;
}

#fbox-scroller .slider {
    width: 960px;
    margin: auto auto;
    overflow: hidden;
}

#fbox-scroller .scroller {
    width: 999em;
}

.slider-container {
}

#fbox-scroller .slide {
    width: 960px;
    float: left;
    position: relative;
    z-index: 20;
}

.fbox-slide-item {
    position: relative;
    z-index: 30;
    margin: 0px;
}

.fbox-slide-info-default {
    width: 960px;
}

.fbox-slide-title {
    width: 960px;
    text-align: center;
    position: absolute;
    z-index: 50;
    bottom: 40px;
    left: 0;
}

.fbox-slide-title h2, .fbox-slide-title h1 {
    font-size: 40px;
    opacity: 0.9;
    line-height: 1.1em;
    color: #FFFFFF;
    text-shadow: 5px 5px 4px #000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 40px;
}

.fbox-slide-content {
    padding: 0px;
    color: #FFFFFF;
    text-align: justify;
}

.fbox-slide-image {
    width: 960px;
    overflow: hidden;
    text-align: center;
}

.fbox-slide-image img {
    width: 960px;
    display: block;
    text-align: center;
}

.fbox-more {
    width: 109px;
    height: 29px;
    background: url(images/menu-button.png) no-repeat 0 0;
    text-align: center;
    position: absolute;
    z-index: 2;
    bottom: 10px;
    right: 10px;
}

.fbox-more a {
    display: block;
    text-transform: uppercase;
    line-height: 27px;
    color: #699626;
}

.fbox-more a:hover {
    color: #FF7F00;
}

.cpage_title {
    font-size: 26px;
    color: #183A91;
}

.nextprev_custom {
    clear: both;
    margin-top: 20px;
}

.faq_answer {
    padding: 10px;
    font-style: normal;
    text-align: justify
}

.cpage_title {
    text-align: right;
    font-size: 20px;
}

.donate-address {
    padding: 10px;
}

/* .home-page, .footer-container {display:none !important;} *//* .header-shine                      { background:url(); background-color: #fff;} */
#header-responsive, #headerResponsiveDesign {
    display: none;
}

@media ( max-width: 1080px ) {
    .container_24 {
        width: 100% !important
    }

    .header-top-right {
        display: none !important
    }

    .language-links {
        left: inherit;
        right: 0;
        background: none;
        width: auto;
        margin-right: 20px
    }

    #lng-container {
        position: inherit;
    }

    /**     * caroussel     */
    .slider {
        margin: 0 !important;
    }

    #fbox-scroller {
        width: auto;
    }

    .fbox-jumper-navigation {
        left: 50%;
        margin-left: -146px;
    }

    #fbox-scroller .fbox-slide-image, #fbox-scroller img {
        width: 100%;
        height: auto; /*         margin: 20px 10px 0px 20px; */
    }

    #fbox-scroller .fbox-slide-title {
        width: 100%; /*     word-wrap: break-word; *//*         padding: 0px 20px 20px 20px; *//*         font: 16px Tahoma, Geneva, sans-serif; */
    }

    #fbox-scroller .button {
        margin: 0 auto;
    }

    #fbox-navigation .thbeam-prev {
        top: 43%;
        left: 4px;
    }

    #fbox-navigation .thbeam-next {
        top: 43%;
        right: 4px;
    }

    #menu li ul li a {
        padding: 0px 24px;
    }

    #menu li ul li a:hover {
        transition: background-color .50s ease-in-out;
        background-color: #FF9900 !important;
        color: #fff !important;
        border-radius: 3px;
    }

    /**	 * Donate bar	 */
    .container_24 .grid_18 {
        width: 70% !important;
    }

    .news-body, .cpage_body, .faq-listall-loop {
        font-size: 17px;
        line-height: initial;
    }

    h2 {
        line-height: initial ! important;
    }

    #donate-bar {
        background-color: #F5EF81;
        display: table;
        width: 100%;
        padding-bottom: 10px;
    }

    .home-page {
        padding-left: 10px;
    }

    .home-page-top-right.grid_8 {
        margin-left: 0px !important;
    }

    .home-page-top-left.grid_8, .home-page-top-center.grid_8 {
        margin-bottom: 10px !important;
    }

    .home-page-top-center.grid_8 {
        margin-left: 0px !important;
        margin-right: 20px;
    }

    .container_24 .grid_24, .page-left.grid_16 {
        width: 100% !important;
        margin-left: 0px !important;
    }

    .footer-container {
        padding-left: 10px;
    }

    .site-top {
        right: 1%;
    }

    .footer .P10 {
        padding: 0px;
    }
}

@media ( max-width: 800px ) {
    .header-container {
        display: none !important
    }

    #headerResponsiveDesign {
        display: block;
        background-color: #fff;
    }

    #header-responsive {
        display: inline-block;
        width: 100%; /*         margin-bottom: 10px; */
    }

    #header-responsive h1 {
        padding: 15px 0 0 15px;
        float: left;
        color: #fff;
        font-size: 20px;
        font-weight: normal;
        margin-bottom: 0px;
    }

    #button_mobile {
        display: block;
        background-color: #fff;
        color: #DF904E;
        float: right;
        font-weight: bold;
        font-size: 250%;
        border-radius: 3px;
        text-decoration: none;
        padding: 10px;
        margin: 5px;
    }

    #button_mobile:hover {
        color: #000;
    }

    #zonevide {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        opacity: .6;
        filter: alpha(opacity=60);
        top: 60px;
        left: 0;
        background-color: #000;
        z-index: 666;
    }

    /* menu */
    .nav-wrapper {
        width: auto;
        padding: 0;
        margin: 0;
    }

    .navigation {
        width: 100%;
        height: auto;
        margin-bottom: 30px;
    }

    #menu {
        height: auto;
    }

    #menu li a {
        text-align: left;
        white-space: nowrap;
    }

    #menu li {
        display: inline;
    }

    #menu li ul li a {
        background-color: transparent !important;
        border: 0 !important;
        width: auto !important;
        font-size: 16px;
    }

    #menu ul {
        opacity: inherit;
        position: initial;
    }

    #menu ul li {
        width: auto;
    }

    #menu li ul {
        box-shadow: none !important;
        display: block;
        width: auto !important;
        margin: 0 10px;
    }

    /**     * Donate bar     */
    .container_24 .grid_6 {
        display: none;
    }

    .container_24 .grid_18 {
        width: 100% !important;
        margin-left: 0px;
    }

    .donate-bar, .donate-fl {
        background: #F5EF81 url();
    }

    .news-social {
        width: 100%;
    }
}

@media ( max-width: 500px) {
    .fbox-slide-title h2, .fbox-slide-title h1 {
        font-size: 20px;
    }

    #fbox-navigation .thbeam-prev, #fbox-navigation .thbeam-next {
        top: 20%;
    }

    #fbox-scroller .slide, #fbox-scroller .fbox-slide-item {
        z-index: initial;
    }

    #fbox-scroller .fbox-more {
        z-index: 200;
    }

    .home-page-bottom-center, .home-page-bottom-right {
        margin-left: 0px !important;
    }

    .home-page-top-right, .home-page-shopmenu {
        overflow: hidden;
        width: 300px;
    }

    .home-page-shopmenu-link {
        right: 0px;
    }

    .cpage_body img, .news-image, .news-image img {
        width: 100%;
        max-width: 100%;
    }

    embed.youtube {
        margin: 0px;
        width: 100%
    }
}