/* COMMON STYLE
--------------------------------------------------------- */
body {
    background: #fff;
    color: #000;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    line-height: 1.5;
}

body#bd {
    background: #214a52 url(../images/background.png) 50% 0;
    /*background: #fff; color: #333; */
}

body.fs1 { font-size: 10px; }
body.fs2 { font-size: 11px; }
body.fs3 { font-size: 12px; }
body.fs4 { font-size: 13px; }
body.fs5 { font-size: 14px; }
body.fs6 { font-size: 15px; }

/* Normal links ---*/
a { color: #069; text-decoration: underline; }

a:hover, a:active, a:focus { color: #333; text-decoration: underline; }

/* Readon links ---*/
a.readon {
    background: url(../images/arrow.png) no-repeat 5px 48%;
    border: 1px solid #F6F6F6;
    font-weight: bold;
    padding: 1px 5px 1px 14px;
    text-decoration: none;
    text-transform: uppercase;
}

a.readon:hover, a.readon:active, a.readon:focus { background-color: #fff; border: 1px solid #ccc; }

/* Content spacing ---*/
.column p, .column pre, .column blockquote,
.column h1, .column h2, .column h3, .column h4, .column h5, .column h6,
.column ol, .column ul { margin: 15px 0; padding: 0; }

/* Headings & Titles ---*/
h1 { font-size: 180%; }
h2 { font-size: 150%; }
h3 { font-size: 125%; }
h4 { font-size: 100%; text-transform: UPPERCASE; }
h5 { font-size: 100%; }

.contentheading, .componentheading, h1, h2, h3, h4, h5 {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 1.2;
}

h1.componentheading, .componentheading { margin: 0; padding: 0 0 7px; }

.componentheading {
    border-bottom: 1px solid #ccc;
    font-size: 180%;
}

h2.contentheading, .contentheading { margin: 0; padding: 0 0 7px; }

.contentheading { font-size: 200%; }

.blog .contentheading { font-size: 125%; }

a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus { font-weight: bold; }

.category { font-size: 110%; font-weight: bold; }

/* Small text ---*/
small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption, .contenttoc,
p.site-slogan, a.readon, .lw-navhelper, #lw-footer { font-size: 92%; }

small, .small { color: #999; }

.smalldark { text-align: left; }

/* List ---*/
.column ul li {
    background: url(../images/bullet.gif) no-repeat 20px 7px;
    line-height: 160%;
    margin-bottom: 5px;
    overflow: hidden;
    padding-left: 30px;
}

.column ol li { line-height: 180%; margin-left: 30px; }

/* Others ---*/
th { font-weight: bold; padding: 5px; text-align: left; }

td { font-size: 100%; padding: 5px; }

fieldset { border: none; padding: 10px 5px; }

fieldset a { font-weight: bold; }

fieldset.input { padding: 0; }

hr {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-top: 1px solid #ccc;
    height: 1px;
}

/* FORM
--------------------------------------------------------- */
form label { cursor: pointer; }

input, select, textarea, .inputbox {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 100%;
    padding: 3px 5px;
}

.inputbox { background: #fff; border: 1px solid #ccc; }

.inputbox:hover, .inputbox:focus { background: #FFFFCC; }

.button {
    background: url(../images/grad1.gif) repeat-x top #333;
    border: 1px solid #333;
    color: #ccc;
    font-size: 85%;
    padding: 3px 5px;
    text-transform: uppercase;
}

.button:hover, .button:focus {
    background: #333;
    border: 1px solid #999;
    color: #fff;
}

.checkbox { }

.radio { margin: 0 5px; }

/* Login ---*/
.login_form fieldset { padding: 15px 0 0; }
.login_form fieldset p { margin: 0 0 5px; }

.login_form label {
    font-weight: bold;
    text-align: right;
    display: block;
    float: left;
    width: 130px;
}

.login_form .inputbox { margin-left: 10px; width: 150px; }

.login_form .remember .inputbox {
    width: 20px;
}

.login_form .button { margin-left: 140px; }

/* Register ---*/
.form-register fieldset { padding: 0 0 10px; }

.form-register p { margin: 0 0 5px; }

.form-register p.form-des { margin: 15px 0; }

.form-register label {
    font-weight: bold;
    text-align: right;
    display: block;
    float: left;
    width: 130px;
}

.form-register .inputbox { margin-left: 10px; width: 200px; }

.form-register .button { margin-left: 140px; }

/* User ---*/
.user-details { padding: 10px 0; }

.user-details p { margin: 0 0 5px; }

.user-details label {
    font-weight: bold;
    text-align: right;
    display: block;
    float: left;
    width: 130px;
}

.user-details .inputbox { margin-left: 10px; width: 200px; }

.user-details .button { margin-left: 140px; }

.user-details .paramlist .paramlist_key {
    width: 130px !important;
    padding: 0 0 5px !important;
}

.user-details .paramlist .paramlist_value {
    padding: 0 0 5px !important;
}

.user-details .user_name span {
    padding-left: 10px;
    font-weight: bold;
}

/* Search ---*/
form#searchForm {
    border-top: 1px solid #ccc;
    padding: 15px 0;
}

.searchintro {
    border-bottom: 1px solid #ccc;
}

.results h4 {
    text-transform: none;
    font-size: 110%;
    margin: 15px 0 0;
}

.results p { margin: 0 0 10px; }

/* Contact ---*/
#component-contact address { font-style: normal; }

#component-contact #emailForm { border-top: 1px solid #ddd; padding-top: 15px; }

.contact_email { margin: 0 0 10px; }

.contact_email label { font-weight: bold; display: block; }

.contact_email_checkbox { margin: 15px 0; }

/* JOOMLA STYLE
--------------------------------------------------------- */
/* Layout Deco ---*/
.blog { }

.article_separator,
.leading_separator,
.row_separator,
.column_separator { display: none; }

.leading {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    padding-top: 10px;
}

.article_row { padding-bottom: 10px; padding-top: 10px; }

.article_column { }

.column_separator { padding: 0 25px; }

/* Meta ---*/
.article-tools {
    background: #f6f6f6;
    border: 1px solid #ddd;
    clear: both;
    color: #999;
    display: block;
    line-height: normal;
    margin: 0 0 10px;
    padding: 5px;
    position: relative;
}

.article-meta { float: left; padding: 0; width: 70%; }

.article-section, .article-category { color: #999; }

.createby {
    background: url(../images/icon-user.gif) no-repeat 0 2px;
    padding: 3px 3px 3px 20px;
}

.createdate {
    background: url(../images/icon-date.gif) no-repeat 0 2px;
    padding: 3px 3px 3px 20px;
}

.modifydate { color: #999; display: block; margin: 10px 0; }

.contentdescription {
    border-bottom: 1px solid #ccc;
    display: block;
    margin: 0 -15px;
    padding: 10px 15px;
}

.contentdescription p { margin: 0; }

.buttonheading { float: right; }

.buttonheading img { border: 0; float: right; margin: 0 5px 0 0; }

/*Inline images ---*/
img.caption { margin-top: 5px; }

.img_caption { color: #999; margin-bottom: 10px; }

.article-content img { margin: 5px; }

.img_caption img { margin: 5px 0 0; }

.img_caption p {
    background: red;
    border-top: 1px solid #fff;
    color: #ccc;
    margin: 0;
    padding: 1px 0;
    text-align: center;
    z-index: -1;

}

/* Tables ---*/
.sectiontableheader {
    background: #333;
    border: 1px solid #ccc;
    color: #fff;
    padding: 5px;
}

.sectiontableheader a,
.sectiontableheader a:hover,
.sectiontableheader a:focus,
.sectiontableheader a:active { color: #fff; }

.sectiontableentry,
.sectiontableentry0,
.sectiontableentry1,
.sectiontableentry2 {
    background: url(../images/dot2.gif) repeat-x bottom;
    padding: 5px 5px 6px;
}

.sectiontableentry:hover,
.sectiontableentry0:hover,
.sectiontableentry1:hover,
.sectiontableentry2:hover { background-color: #fffff0; }

.sectiontableentry2 { background-color: #f6f6f6; }

table.contentpane, table.tablelist { width: 100%; }

table.contentpaneopen {
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
}

/* Content Toc */
table.contenttoc {
    border: 1px solid #ddd;
    float: right;
    margin: 0 0 10px 12px;
    padding: 0;
    width: 30%;
}

table.contenttoc a { color: #333; }

table.contenttoc td { border-bottom: 1px dotted #ccc; padding: 5px 10px; }

table.contenttoc th {
    background: #f6f6f6;
    border-bottom: 1px solid #ddd;
    padding: 5px 10px;
    text-transform: uppercase;
}

/* Poll */
div.poll { padding: 15px 0; }

form#poll {
    border-bottom: 1px dotted #ccc;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

dl.poll {
    border-bottom: 1px dotted #ccc;
    font-size: 92%;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

dl.poll dt, dl.poll dd { float: left; }

dl.poll dt { clear: left; width: 100px; }

dl.poll dd { clear: right; }

table.pollstableborder {
    border: none;
    padding: 0;
    text-align: left;
    width: 100%;
}

table.pollstableborder img { vertical-align: baseline; }

table.pollstableborder td {
    background: #f6f6f6;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    padding: 5px !important;
}

table.pollstableborder tr.sectiontableentry0 td,
table.pollstableborder tr.sectiontableentry1 td { background: #fff; font-weight: normal; }

/* Search */
table.searchintro { padding: 10px 0; width: 100%; }

table.searchintro td { padding: 5px !important; }

/* Misc. */
table.contentpaneopen, table.contentpane, table.blog { width: 100%; }

/* Pagination ---*/
ul.pagination { float: left; margin: 10px 0; width: 75%; }

ul.pagination li {
    background: none;
    display: inline;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

ul.pagination li span { padding: 0 5px; line-height: 20px; }

ul.pagination a {
    background: #f6f6f6;
    border: 1px solid #ccc;
    color: #000;
    line-height: 20px;
    padding: 0 5px;
    text-decoration: none;
}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
    background: #069;
    border: 1px solid #069;
    color: #fff;
    text-decoration: none;
}

.sortby { font-size: 92%; margin: 10px 0 5px; }

.sortby .filter, .sortby .display { float: left; width: 40%; }

.sortby .display { float: right; text-align: right; }

.pagenavbar { font-weight: bold; }

.pagenavcounter { margin: 15px 0 !important; text-align: center; }

.counter {
    float: right;
    line-height: 1;
    margin: 15px 0 !important;
    text-align: right;
    width: 24%;
}

.counter span {
    background: #069;
    border: 1px solid #069;
    color: #fff;
    padding: 1px 5px;
}

.blog_more {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 15px 0 5px;
}

.blog_more h2 {
    font-size: 115%;
    margin: 0 0 5px;
    text-transform: uppercase;
}

.blog_more ul li {
    background: url(../images/bullet.gif) no-repeat 5px 6px;
    padding-left: 15px;
}

div.back_button a,
div.back_button a:hover,
div.back_button a:active { display: block; margin: 10px 0; }

/* Messages ---*/
#system-message { margin: 0 -15px 10px; }

#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul { margin: 0; padding: 0; }

#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {
    background: none;
    color: #fff;
    margin: 0;
    padding: 5px;
}

/* System Standard Messages */
#system-message dd.message ul { background: #069; border: 0; }

/* System Error Messages */
#system-message dd.error ul { background: #bf0000; border: 0; }

/* System Notice Messages */
#system-message dd.notice ul { background: #333; border: 0; }

/* Tooltips --- */
.tool-tip {
    background: #ffffcc;
    border: 1px solid #D4D5AA;
    float: left;
    max-width: 300px;
    padding: 5px;
    z-index: 1000;
}

.tool-title {
    background: url(../../system/images/selector-arrow.png) no-repeat;
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    margin-top: -15px;
    padding: 0;
    padding-bottom: 5px;
    padding-top: 15px;
}

.tool-text { font-size: 100%; margin: 0; }

.hasTip img { border: none; margin: 0 5px 0 0; }

.contentpaneopen_edit img { vertical-align: middle; }

/* MODULE STYLES
--------------------------------------------------------- */
div.lw-moduletable h3, div.moduletable h3 {
    background: url(../images/dot2.gif) repeat-x bottom;
    color: #333;
    font-size: 115%;
    margin: 0 0 8px;
    padding: 1px 0 8px;
    text-transform: uppercase;
    overflow: hidden;
}

div.moduletable_menu h3 { margin-bottom: 0; }

div.lw-moduletable, div.moduletable {
    border-bottom: 1px solid #ccc;
    margin-top: 8px;
    margin-bottom: 15px;
    padding: 0 0 20px;
    position: relative;
}

/* Badge Module ---*/
.badge {
    height: 46px;
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
    background-image: url(../images/icon-badge.png);
    background-repeat: no-repeat;
}

.badge-hot .badge { background-position: 0 0; }
.badge-new .badge { background-position: 0 -46px; }
.badge-pick .badge { background-position: 0 -92px; }
.badge-top .badge { background-position: 0 -138px; }

/* Search Module ---*/
#lw-search {
    padding-left: 20px;
    background: url(../images/icon-search.gif) no-repeat center left;
    position: absolute;
    bottom: 15px;
    right: 15px;
}

#lw-search label { display: none; }

#lw-search .inputbox {
    width: 200px;
    border: 1px solid #333;
    padding: 3px 5px;
    color: #ccc;
    background: #444;
    font-size: 100%;
    font-weight: bold;
}

#lw-search .inputbox:hover, #lw-search .inputbox:focus { }

#lw-search .button {
    font-size: 100%;
    font-weight: bold;
    margin-left: 5px;
    text-transform: none;
}

/* Login Module ---*/
#form-login-username .inputbox,
#form-login-password .inputbox {
    background-position: 5px center;
    background-repeat: no-repeat;
    font-weight: bold;
}

#form-login-username .inputbox, #form-login-password .inputbox { width: 90%; }

#form-login ul { margin: 0 !important; padding: 0; }

#form-login p { margin: 0 0 5px; }

#form-login .button { margin: 10px 0; }

/* Poll Module ---*/
h4.poll-title { margin: 0; padding: 0; }

a.poll-result { font-size: 92%; text-transform: uppercase; }

form.poll .button { margin-right: 5px; }

/* Advertisement ---*/
div.bannergroup_text div.banneritem_text { border-bottom: 1px dotted #ccc; padding: 5px 0; }

div.bannergroup_text div.banneritem_text a { font-weight: bold; }

div.bannergroup_text div.bannerheader,
div.bannergroup_text div.bannerfooter_text a { color: #999; font-size: 92%; }

div.bannergroup_text div.bannerfooter_text { padding: 5px 0 0; text-align: right; }

div.bannergroup { margin-bottom: 10px; }

/* Rounded Module --- */
div.lw-module h3, div.module h3 {
    border-bottom: 1px solid #ccc;
    color: #7ba566;
    font-size: 115%;
    font-weight: bold;
    margin: 0 -15px 10px;
    padding: 8px 15px;
    text-transform: uppercase;
}

div.lw-module, div.module { margin-bottom: 20px; position: relative; overflow: hidden; }

.lw-box-br {
    background: url(../images/b-br.gif) no-repeat bottom right #fff;
}

.lw-box-bl {
    background: url(../images/b-bl.gif) no-repeat bottom left;
}

.lw-box-tr {
    background: url(../images/b-tr.gif) no-repeat top right;
}

.lw-box-tl {
    background: url(../images/b-tl.gif) no-repeat top left;
    padding: 0 15px 10px;
}

/* text */
div.module_text h3 {
    clear: both;
    display: block;
    margin: 0 0 10px;
    padding: 0;
    overflow: hidden;
    width: 100%;
    border-bottom: 0;
}

div.module_text span {
    clear: both;
    display: block;
    float: left;
    font-weight: bold;
    padding: 0 3px;
    background: #fff;
}

div.module_text {
    background: url(../images/bt-br.gif) no-repeat bottom right #f6f6f6;
}

div.module_text .lw-box-bl {
    background: url(../images/bt-bl.gif) no-repeat bottom left;
}

div.module_text .lw-box-tr {
    background: url(../images/bt-tr.gif) no-repeat top right;
}

div.module_text .lw-box-tl {
    background: url(../images/bt-tl.gif) no-repeat top left;
}

/* Blank */
div.module_noborder,
div.module_noborder .lw-box-bl,
div.module_noborder .lw-box-tr,
div.module_noborder .lw-box-tl {
    background: none;
    padding: 0;
}

/* red */
div.module_red {
    background: url(../images/br-br.gif) no-repeat bottom right #bf0000;
}

div.module_red .lw-box-bl {
    background: url(../images/br-bl.gif) no-repeat bottom left;
}

div.module_red .lw-box-tr {
    background: url(../images/br-tr.gif) no-repeat top right;
}

div.module_red .lw-box-tl {
    background: url(../images/br-tl.gif) no-repeat top left;
}

/* blue */
div.module_blue {
    background: url(../images/bb-br.gif) no-repeat bottom right #069;
}

div.module_blue .lw-box-bl {
    background: url(../images/bb-bl.gif) no-repeat bottom left;
}

div.module_blue .lw-box-tr {
    background: url(../images/bb-tr.gif) no-repeat top right;
}

div.module_blue .lw-box-tl {
    background: url(../images/bb-tl.gif) no-repeat top left;
}

/* green */
div.module_green {
    background: url(../images/bg-br.gif) no-repeat bottom right #7ba566;
}

div.module_green .lw-box-bl {
    background: url(../images/bg-bl.gif) no-repeat bottom left;
}

div.module_green .lw-box-tr {
    background: url(../images/bg-tr.gif) no-repeat top right;
}

div.module_green .lw-box-tl {
    background: url(../images/bg-tl.gif) no-repeat top left;
}

/* black */
div.module_black {
    background: url(../images/bl-br.gif) no-repeat bottom right #333;
}

div.module_black .lw-box-bl {
    background: url(../images/bl-bl.gif) no-repeat bottom left;
}

div.module_black .lw-box-tr {
    background: url(../images/bl-tr.gif) no-repeat top right;
}

div.module_black .lw-box-tl {
    background: url(../images/bl-tl.gif) no-repeat top left;
}

/* text color for high contrast module */
div.module_black *, div.module_green *, div.module_blue *, div.module_red * { color: #fff !important; }

/* Module list ---*/
div.lw-moduletable ul, div.lw-module ul {
    margin: 15px 0 0;
}

div.lw-moduletable ul li, div.lw-module ul li {
    padding-left: 12px;
    background-position: 2px 8px;
}

/* Collapsible h3 ---*/
h3.show {
    background: url(../images/icon-show.png) no-repeat 100% 60%;
    cursor: pointer;
}

h3.hide {
    background: url(../images/icon-hide.png) no-repeat 100% 60%;
    cursor: pointer;
}

/* Uncomment the following lines if you want collapsible modules with badges still show arrows */
/* 
.badge-hot h3.show,.badge-new h3.show,.badge-pick h3.show,.badge-top h3.show,
.badge-hot h3.hide,.badge-new h3.hide,.badge-pick h3.hide,.badge-top h3.hide {
	background-position: 15px 60%;
	text-indent: 15px;
}
*/

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.wrap { }
.main { }
.lw-box { padding-bottom: 10px; padding-top: 10px; }

#wrapper { }

#lw-container {
    background: url(../images/container-bg.gif) repeat-x top #fff;
    position: relative;
    /* z-index: 5; */
    border-bottom: 5px solid #ccc;
}

#lw-container .main { padding: 20px 0; min-height: 300px; }

/* 3 Columns - Classic Layout ---*/
#lw-container.lw-l1r1  {}

/* Full */
#lw-container {}

/* Full left */
#lw-container.lw-r1 {}

/* Full right */
#lw-container.lw-l1 {}

/* Mass ---*/
.lw-mass-top {}
.lw-mass-top .lw-moduletable, .lw-mass-top .lw-module { margin-left: 0; margin-right: 0; }

.lw-mass-bottom {}
.lw-mass-bottom .lw-moduletable, .lw-mass-bottom .lw-module { margin-left: 0; margin-right: 0; }

/* MAIN COLUMN
--------------------------------------------------------- */
#lw-mainbody {}

#lw-main .inner {  }

#lw-contentwrap { }

/* Content Top ---*/
.lw-content-top { }
.lw-content-top .lw-moduletable, .lw-content-top .lw-module { margin-left: 0; margin-right: 0;  }

/* Content Main ---*/
.lw-content-main { }

/* Content Bottom ---*/
.lw-content-bottom { }
.lw-content-bottom .lw-moduletable, .lw-content-bottom .lw-module { margin-left: 0; margin-right: 0;  }

/* @end */

/* SIDE COLUMNS
--------------------------------------------------------- */
.lw-colswrap { }

.lw-col { }

/* Left Columns ---*/
#lw-left .lw-l2 { }

/* Right Columns ---*/
#lw-right .lw-r2 { }

/* HEADER
--------------------------------------------------------- */
#lw-header { 
    background: #333;
    position: relative;
    /* z-index: 10; */
}

#lw-header .main {
    background-color: #38717d;
    background-position: top right;
    background-repeat: no-repeat;
    height: 147px;
}

h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1;}

h1.logo, div.logo-text { 
    float: left;
    /* z-index: 1; */
    position: relative;
}

/* Logo Image ---*/
h1.logo {
    height: 79px;
    width: 207px;
}

h1.logo a {
    background: url(../images/logo.gif) no-repeat left;
    display: block;
    height: 79px;
    width: 207px;
}

h1.logo a span {
    position: absolute;
    top: -1000px;
}

/* Logo Text ---*/
div.logo-text { margin-top: 8px; }

div.logo-text h1 a {
    color: #ccc;
    font-weight: bold;
    letter-spacing: 1px;
    text-decoration: none;
}

p.site-slogan {
    background: #444;
    color: #999;
    display: block;
    font-size: 85%;
    letter-spacing: 1px;
    margin: 8px 0 0;
    padding: 0 5px;
    text-align: center;
    text-transform: uppercase;
}

/* Header mask ---*/
.lw-headermask {
    background: url(../images/header-mask.png) no-repeat top right;
    display: block;
    height: 80px;
    position: absolute;
    right: -1px;
    top: 0;
    width: 602px;
   /* z-index: 0; */
}

/* NAVIGATION
--------------------------------------------------------- */
/* Main Nav ---*/
#lw-mainnav {
    background: url(../images/grad1-mask.png) repeat-x top #163e47; /* dark green */
    border-top: 1px solid #666;
    line-height: 1;
    position: relative;
    /*z-index: 999;*/
}

#lw-mainnav .main { font-size: 12px; }

span.has-image {
    padding-left: 25px;
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: left 2px;
}

span.menu-title { display: block; }

span.menu-desc {
    display: block;
    font-weight: normal;
    font-size: 92%;
    color: #999;
}

/* Sub Nav ---*/
#lw-subnav {
    border-top: 1px solid #666;
    background: #333;
    position: relative;
    /* z-index: 9;  */
}

#lw-subnav .main {
    line-height: 1;
    /*z-index: 10;*/
}

/** subnav over */
#lw-subnav ul {
    background: #345e66;
    overflow: hidden;
    padding: 10px 0;
}

/* subnav active */
#lw-subnav ul.active { background: #b28a04; }

#lw-subnav li {
    background: none;
    border-left: 1px dotted #999;
    display: block;
    float: left;
    padding: 0 10px 0 11px;
}

#lw-subnav li.first-item { border-left: 0; }

#lw-subnav ul li a { color: #ccc; display: block; text-decoration: none; }

#lw-subnav ul li a:hover { color: #fff; }

#lw-subnav ul li.active a,
#lw-subnav ul li.active a:hover,
#lw-subnav ul li.active a:active,
#lw-subnav ul li.active a:focus {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
}

#lw-subnav ul.active li a { color: #ccc; }

#lw-subnav ul.active li a:hover { color: #fff; }

#lw-subnav ul li.empty { visibility: hidden }

/* Sub Nav (lv2) ---*/
#lw-subnav ul li ul {
    background: #ddd;
    border: 1px solid #ccc;
    display: block;
    height: auto;
    left: -999em;
    padding: 0;
    position: absolute;
}

#lw-subnav ul li.hover ul {
    display: block;
    height: auto;
    left: auto;
    position: absolute;
    margin-top: 3px;
    margin-left: 5px;
}

#lw-subnav ul li.haschild a {
    background: url(../images/arrow.png) no-repeat right center;
    padding-right: 12px;
}

#lw-subnav ul li.haschild a:hover {
    background: url(../images/arrow3.png) no-repeat right center;
}

#lw-subnav ul li.haschild li a, #lw-subnav ul li.hover li a { background: none; padding-right: 0; }

#lw-subnav ul li ul li {
    border-bottom: 1px solid #ccc;
    border-left: 0;
    display: block;
    float: none;
    overflow: hidden;
    padding: 5px;
    text-align: left;
}

#lw-subnav ul li ul li a {
    background-image: none !important;
    border: 0 !important;
    color: #333 !important;
    font-weight: normal !important;
    text-decoration: none !important;
}

#lw-subnav ul li ul li a span.menu-title { padding-top: 3px; padding-bottom: 3px; }

#lw-subnav ul li ul li a:hover {
    background-image: none !important;
    color: #069 !important;
    text-decoration: underline !important;
}

#lw-subnav ul li ul li a.active {
    color: #069; !important;
    font-weight: bold !important;
}

/* Breadcrumbs ---*/
.lw-navhelper { background: #f6f6f6; text-transform: uppercase; border-bottom: 1px solid #ccc; }
.lw-navhelper .main { padding: 5px 0; }

.lw-navhelper a { padding: 0 2px; color: #069; text-decoration: none; }
.lw-navhelper a:hover, .lw-navhelper a:active, .lw-navhelper a:focus { color: #fff; text-decoration: none; background-color: #069;}

.lw-breadcrums {
    float: left;
    margin-left: 10px;
    margin-top: 2px;
    width: 80%;
}

.lw-breadcrums strong { margin-right: 5px; }

.lw-breadcrums img { margin: 1px 5px; }

.lw-inner-runtext {
    float: left;
    margin-left: 10px;
    margin-top: 2px;
    width: 80%;
}
/* Extras ---*/
.lw-links { float: right; margin-top: 2px; }

.lw-links li { background: none; padding: 0; display: inline; }

.lw-links li.top a {
    background: url(../images/arrow2.png) no-repeat 5px center;
    padding-left: 17px;
    padding-right: 5px;
}

.lw-links li.top a:hover { background-color: #069; }

.lw-links li.layout-switcher a {
    background: #069;
    color: #fff;
    text-decoration: none;
}

.lw-links li.layout-switcher a:hover { background: #666; color: #fff; text-decoration: none; }

.lw-links li.user-reset a {
    background: #bf0000;
    color: #fff;
    text-decoration: none;
}

.lw-links li.user-reset a:hover { background: #666; color: #fff; text-decoration: none; }

/* Default Joomla! Menu ---*/
#lw-container ul.menu { margin: 0; padding: 0; }

#lw-container ul.menu li {
    background: none;
    border-bottom: 1px dotted #ccc;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

#lw-container ul.menu li a {
    color: #333;
    display: block;
    outline: none;
    padding: 6px 0;
    text-decoration: none;
    text-indent: 5px;
}

#lw-container ul.menu li a:hover,
#lw-container ul.menu li a:active,
#lw-container ul.menu li a:focus { color: #069; background: #f6f6f6; }

#lw-container ul.menu li.active a { color: #069; font-weight: bold; }

#lw-container ul.menu li ul { margin: 0 0 0 10px; }

#lw-container ul.menu li li {
    background: url(../images/arrow.png) no-repeat left 11px;
    border-bottom: 0;
    border-top: 1px dotted #ccc;
}

#lw-container ul.menu li li a {
    color: #333 !important;
    font-weight: normal !important;
    text-indent: 10px;
}

#lw-container ul.menu li li a:hover,
#lw-container ul.menu li li a:active,
#lw-container ul.menu li li a:focus { color: #069 !important; background: none; }

#lw-container ul.menu li.active > a { color: #069 !important; font-weight: bold !important; }

#lw-container ul.menu span.separator { display: none; }

/* SPOTLIGHT
--------------------------------------------------------- */
/* #lw-topsl .lw-box {
    padding: 0;
    background: url(../images/dot3.gif) repeat-y right;
}
*/

#lw-botsl .lw-box {
    background: none;
    padding: 0;
    background: url(../images/dot3.gif) repeat-y right;
}

/*
#lw-botsl .lw-box-left {
    margin-right: 6px;
    padding: 0;
    border-right: 1px solid #000;
}
*/

/* #lw-topsl .lw-box-right,
#lw-topsl .lw-box-full, */
#lw-botsl .lw-box-right,
#lw-botsl .lw-box-full { 
    background: none;
}

/* #lw-topsl .lw-moduletable, */
#lw-botsl .lw-moduletable  {
    border-bottom: 0;
    margin-bottom: 8px;
    padding-bottom: 0;
}

/* #lw-topsl li, */
#lw-botsl li {
    background-image: url(../images/bullet2.gif);
    background-position: 1px 8px;
    padding-left: 10px;
}

/* #lw-topsl ol li, */
#lw-botsl ol li {
    margin-left: 25px;
    padding: 0 !important;
}

/* #lw-topsl ul,
#lw-topsl p,
#lw-topsl ol, */
#lw-botsl ul,
#lw-botsl p,
#lw-botsl ol { 
    padding: 0;
    margin: 0 !important; }

/* #lw-topsl a, */
#lw-botsl a {
    color: #ccc;
    text-decoration: none;
    border-bottom: 1px dotted #ccc;
}

/* #lw-topsl a:hover,
#lw-topsl a:active,
#lw-topsl a:focus, */
#lw-botsl a:hover,
#lw-botsl a:active,
#lw-botsl a:focus {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #fff;
}

/* Top spotlight ---*/
#lw-topsl, #lw-xtopsl {
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    background: #38717d;
    color: #ccc;
}

#lw-topsl .main { padding: 3px 0; }

#lw-topsl h3 {
    margin: 0 0 8px;
    padding: 0;
    color: #fff;
    background: none;
}

/* Bot spotlight ---*/
#lw-botsl {
    background: #38717d;
    color: #999;
}

#lw-botsl .main { padding: 10px 0; }

#lw-botsl .lw-moduletable, #lw-botsl .moduletable {
    border-bottom: 0;
    margin-bottom: 0;
}

#lw-botsl h3 {
    margin: 0 0 8px;
    padding: 0;
    color: #fff;
    background: none;
}

.lw-box-right .lw-moduletable, .lw-box-right .moduletable,
.lw-box-full .lw-moduletable, .lw-box-full .moduletable { border: 0 !important; background: 0 !important; }

/* FOOTER
--------------------------------------------------------- */
#lw-footer {
    background: url(../images/grad3.gif) repeat-x bottom #F6F6F6;
    border-top: 1px solid #fff;
    clear: both;
    padding: 20px 0;
}

#lw-footer .main {
    background: url(../images/dot1.gif) repeat-y 22% 0;
    color: #666666;
    padding: 0;
    position: relative;
}

#lw-footer .inner { float: right; padding: 0; width: 75%; }

#lw-footer small { color: #666; font-size: 100%; }

/* Foot Links ---*/
#lw-footer .lw-footnav {
    float: right;
    font-size: 100%;
    margin: 0 0 10px;
    overflow: hidden;
    position: relative;
    width: 75%;
}

.lw-footnav ul { float: left; line-height: normal; }

.lw-footnav li {
    border-left: 1px solid #999;
    display: block;
    float: left;
    padding: 0 10px;
}

.lw-footnav li a {
    color: #666;
    display: block;
    font-weight: bold;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
}

.lw-footnav li a:hover, .lw-footnav li a:active, .lw-footnav li a:focus { color: #333; }

.lw-footnav .lw-firstitem { border-left: 0; padding-left: 0; }

/* Copyright Info. ---*/
.lw-copyright small { display: block; }

/* MISCELLANOUS
----------------------------------------------------------- */
/* User Tools ---*/
ul.lw-usertools-font {
    font-size: 11px;
    position: absolute;
    top: 15px;
    right: 20px;
}

ul.lw-usertools-font li, ul.lw-usertools-screen li {
    padding: 0;
    margin: 0;
    display: inline;
    background: none;
}

ul.lw-usertools-screen  {
    font-size: 11px;
    position: absolute;
    top: 15px;
    right: 90px;
}

/* Others ---*/
#lw-banner {
    border-top: 1px solid #ccc;
    margin: 0;
    overflow: hidden;
    padding-top: 15px;
    text-align: center;
    width: 100%;
}

div.lw-innerdiv {
    border-bottom: 1px dotted #ccc;
    clear: both;
    margin-bottom: 10px;
    padding-bottom: 12px;
}

div.lw-innerdiv h4 {
    font-family: Arial, sans-serif;
    font-size: 92%;
    font-weight: normal;
    margin: 5px 0;
    padding: 0;
    text-transform: uppercase;
}

.cufon-canvas { padding: 1px 0 3px; }



/* slideshow Menu ---*/
#sl-menu ul.menu { margin: 0; padding: 0; }

#sl-menu ul.menu li {
    background: none;
    xborder-bottom: 1px solid #ccc;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

#sl-menu ul.menu li a {
    color: #eee;
    display: block;
    outline: none;
    padding: 6px 0;
    text-decoration: none;
    text-indent: 5px;
    border-top: 1px solid #b9f0fc;
    border-left: 1px solid #b9f0fc;
    border-bottom: 1px solid #093b46;
    border-right: 1px solid #093b46;

}

#sl-menu ul.menu li a:hover,
#sl-menu ul.menu li a:active,
#sl-menu ul.menu li a:focus { 
    color: #006090;
    background: #518691;
    border-top: 1px solid #093b46;
    border-left: 1px solid #093b46;
    border-bottom: 1px solid #b9f0fc;
    border-right: 1px solid #b9f0fc;
}

#sl-menu ul.menu li.active a { color: #069; font-weight: bold; }

#sl-menu ul.menu li ul { margin: 0 0 0 10px; }

#sl-menu ul.menu li li {
    background: url(../images/arrow.png) no-repeat left 11px;
    border-bottom: 0;
    border-top: 1px solid #ccc;
}

#sl-menu ul.menu li li a {
    color: #333 !important;
    font-weight: normal !important;
    text-indent: 10px;
}

#sl-menu ul.menu li li a:hover,
#sl-menu ul.menu li li a:active,
#sl-menu ul.menu li li a:focus { 
    color: #069 !important;
    background: none; }

#sl-menu ul.menu li.active > a { 
    color: #069 !important;
    font-weight: bold !important; }

#sl-menu ul.menu span.separator { display: none; }

#lw-runtext { background: #b28a04; }