/******************************/
/******** Template CSS ********/
/******************************/
body { margin: 0px; font-size: 16px; line-height: 1.6; color: #363636; background-image: url('/images/CLOUDS.jpg') ; background-attachment: fixed; }
p { margin: 15px 0px; }
ul.menu, ul.menu ul, ul.menu ul ul, .pagination ul, .actions li, #login-form ul, ul.dropdown-menu, ul.breadcrumb, ul.pagenav, ul.category-module { list-style: none; padding: 0; margin: 0; }
img { border: none; padding: 0; margin: 0; }
.clr { clear: both; }
h1, h2, h3, h4, h5 { margin: 0px;}
h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
form input, form select, textarea { font-size: 17px; }
@media screen and (min-width:768px){
body { font-size: 14px; }
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
form input, form select, textarea { font-size: 15px; }
}
/******************************/
/******** Template CSS ********/
/******************************/
.ff1, .ff1 .inputbox, .ff1 input.button { font-family: Arial, Helvetica, sans-serif; }
.ff2, .ff2 .inputbox, .ff2 input.button { font-family: "Times New Roman", Times, serif; }
.ff3, .ff3 .inputbox, .ff3 input.button { font-family: "Courier New", Courier, monospace; }
.ff4, .ff4 .inputbox, .ff4 input.button { font-family: "Georgia", Times New Roman, Times, serif; }
.ff5, .ff5 .inputbox, .ff5 input.button { font-family: "Verdana", Arial, Helvetica, sans-serif; }
.ff6, .ff6 .inputbox, .ff6 input.button { font-family: "Geneva", Arial, Helvetica, sans-serif; }
.ff7, .ff7 .inputbox, .ff7 input.button { font-family: "Book Antiqua"; }
/******************************/
/******** Template CSS ********/
/******************************/
.tooltip { position: absolute; z-index: 1030; display: block; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); visibility: visible; }
.tooltip.in { opacity: .8; filter: alpha(opacity=80); }
.tooltip.top { padding: 5px 0; margin-top: -3px; }
.tooltip-inner { max-width: 200px; padding: 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }
.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #000; border-width: 5px 5px 0; }
/******************************/
/******** Template CSS ********/
/******************************/
#copy-line { padding: 10px 0px; border-top: 1px solid #c0c0c0; }
@media screen and (min-width:768px){
#header-line { height: 0px; min-width: 990px; padding: 0px 0px; }
#toolbar-line { min-width: 990px; XXXEVYXXXbackground: url(../images/toolbar_line.gif) center; background-image: url('/images/CLOUDS.jpg') ; background-attachment: fixed; }
#copy-line { height: 50px; min-width: 990px; }
}
/******************************/
/******** Template CSS ********/
/******************************/
#header-structure, #advert-structure, #content-structure, #footer-structure, #copy-structure { padding: 0px 15px; }
@media screen and (min-width:768px){
/* EVYNCKE this restricts the width of the overall structure to 970px even on large screens */
#header-structure, #toolbar-structure, #banner-structure, #advert-structure, #content-structure, #footer-structure, #copy-structure { width: 970px; padding: 0px 10px; margin: 0 auto; }
}
/* EVYNCKE attempt to use a wider portion of the screen */
/*PRE remove management of 1024px to see effect
@media screen and (min-width:1024px){
#header-structure, #toolbar-structure, #banner-structure, #advert-structure, #content-structure, #footer-structure, #copy-structure { width: 80%; padding: 0px 10px; margin: 0 auto; }
}
*/

/******************************/
/******** Template CSS ********/
/******************************/
#advert-bg, #content-bg { float: left; width: 100%; XXXEVYXXXbackground: #f0f0f0; background-image: url('/images/CLOUDS.jpg') ; background-attachment: fixed; }
#footer-bg { float: left; width: 100%; padding: 15px 0px 0px 0px; }
@media screen and (min-width:768px){
#toolbar-bg { height: 40px; XXXEVYXXXwidth: 970px; width: 100%; margin: 0 auto; }
#advert-bg, #content-bg, #footer-bg { min-width: 990px; width: 100%; }
#banner-bg { float: left; min-width: 990px; width: 100%; padding: 0px 0px 0px 0px; XXXEVYXXbackground: #f0f0f0; background-image: url('/images/CLOUDS.jpg') ; background-attachment: fixed; }
}
/******************************/
/******** Template CSS ********/
/******************************/
@media screen and (min-width:768px){
#content-right-col { float: left; width: 679px; }
#content-left-col { float: right; width: 679px; }
#content-left-right { float: left; width: 488px; margin-left: 41px; }
#right-right-col { float: right; width: 250px; }
#left-left-col { margin-left:8px; float: left; width: 250px;  }
#left-left-right { float: left; width: 200px; }
#right-left-right { float: right; width: 200px; }
}
/* EVYNCKE attempt to use a wider portion of the screen */
/*PRE remove extension to 1024 to see
@media screen and (min-width:1024px){
#content-right-col { float: left; width: 679px; }
*/
/*PRE #content-left-col { float: right; width: 80%; } */
/*PRE remove extension to 1024 to see
#content-left-col { float: right; width: 65%; margin-right: 10px;margin-left: 10px;}
#content-left-right { float: left; width: 488px; margin-left: 41px; }
#right-right-col { float: right; width: 250px; }
#left-left-col { float: left; min-width: 200px; }
#left-left-right { float: left; width: 200px; }
#right-left-right { float: right; width: 200px; }
}
/*
/******************************/
/******** Template CSS ********/
/******************************/
@media screen and (min-width:768px){
#content-right-col-bg { float: left; XXXEVYXXXwidth: 970px; width: 100%; background: url(../images/right.gif) right; }
#content-left-col-bg { float: left; XXXEVYXXXwidth: 970px; width: 100%; background: url(../images/left.gif) left; }
#content-left-right-bg { float: left; XXXEVYXXXwidth: 970px; width: 100%; background: url(../images/leftright.gif) left; }
#content-no-col-bg { background: url(../images/leftright.gif) left;}   
}
/******************************/
/******** Template CSS ********/
/******************************/
.logo { width: 100%; }
#logo { max-width: 300px; margin: 0 auto; }
#search { padding: 10px 15px; background: #999999; text-align: center; }
#header { margin: 0px 0px; z-index:10; position: absolute; }
#spacer { height: 20px; XXXEVYXXXbackground: #f0f0f0; background-image: url('/images/CLOUDS.jpg') ;background-attachment: fixed; }
#spacer2 { display: none; }
#copy, #powered { text-align: center; }
@media screen and (min-width:768px){
/***** .logo { width: auto ; height: 100px; } ***/
/*** .logo { height: 130px; width: 950px; } ***/
/*PRE.logo { height: 130px; XXXEVYXXXwidth: auto; width: 2000px; }*/
.logo { height: 100%; width: 100% }
#logo { max-width: none; float: left; margin-top: 0px; }
#toolbar { float: left; }
#search { float: right; clear: none; width: auto; z-index: auto; padding: 0px 10px 0px 0px; background: none; text-align: left; }
#header { float: right; max-width: 550px; height: 20px; margin: 0px 0px 0px 0px; overflow: hidden; }
#spacer { display: block; height: 25px; min-width: 990px; }
#spacer2 { display: block; float: left; min-width: 990px; width: 100%; height: 25px; XXXEVYXXXbackground: #f0f0f0; background-image: url('/images/CLOUDS.jpg') ; background-attachment: fixed; margin: -12px 0px 0px 0px; }
#copy { float: left; margin: 15px 0px 0px 0px; }
#powered { float: right; margin: 15px 0px 0px 0px; }
}
/******************************/
/******** Template CSS ********/
/******************************/
.advert .newsflash-title a, .user .newsflash-title a, .advert a.readmore, .user a.readmore, .blog-featured h2 a, .blog h2 a, .dropdown-menu li a, .category-name a, #login-form a, ul.pagenav .previous a, ul.pagenav .next a, #powered a { color: #363636; text-decoration: none; }
.advert .menu li a, .user .menu li a { color: #000000; text-decoration: none; padding: 4px 0px; border-bottom: 1px solid #c0c0c0; display: block; }
.footer .menu li a { text-decoration: none; padding: 4px 0px; display: block; }
#header .menu li a { color: #000000; text-decoration: none; display: block; text-align: center; }
#search .menu li a { color: #000000; text-decoration: none; font-weight: bold; }
#header .menu li li, #search .menu li li { display: none; }
.advert .menu, .user .menu, .footer .menu { margin: -4px 0px 0px 0px; }

@media screen and (min-width:768px){
#header .menu li { float: left; margin: 45px 0px 0px 25px; }
#search .menu li a { color: #FFFFFF; font-size: 15px; }
#search .menu li { float: left; padding: 0px 5px 0px 15px; line-height: 2.67; }
}
/******************************/
/******** Template CSS ********/
/******************************/
.page-header h1, .contact h1 { font-size: 20px; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #c0c0c0; }
.blog-featured h2, .blog h2, .item-page h2, .contact h2 { font-size: 18px; }
.dropdown-menu li { display: inline; margin-right: 10px; }
dl.article-info dd { padding: 0; margin: 0; }
.newsflash-title { margin-top: 15px; }
.pagination { text-align: center; float: left; width: 100%; margin-bottom: 15px; }
.pagination li { display: inline; }
li.pagination-num { display: none; }
.pagination .pagenav { padding: 5px 10px; text-decoration: none; margin: 0px 2px; border-radius: 5px; background: url(../images/button.gif); border: 1px solid #dedede; color: #000000; }
ul.pagenav .previous { float: left; margin-bottom: 15px; }
ul.pagenav .next { float: right; margin-bottom: 15px; }
p.counter { margin-top: -10px; }
p.readmore a { padding: 5px 10px; text-decoration: none; border-radius: 5px; background: url(../images/button.gif); border: 1px solid #dedede; color: #000000; }
.category-desc { border-bottom: 1px solid #c0c0c0; margin: 0px 0px 15px 0px; }
@media screen and (min-width:768px){
li.pagination-num { display: inline; }
p.readmore { text-align: right; }
.items-row { clear: both; }
}
/******************************/
/******* Joomla Config ********/
/******************************/
#system-message { padding: 5px 10px 10px 10px; background: #111111; color: #FFFFFF; }
.alert-message .close { float: right; display: block; }
.alert-warning .close { float: right; }
#system-message p { margin: 0px; }
/******************************/
/******* Joomla Config ********/
/******************************/
#adminForm .nav-tabs a { color: #000000; text-decoration: none; }
#adminForm ul.nav-tabs { padding: 0; margin: 0px 0px 10px 0px; }
#adminForm fieldset { padding: 0px; border: none; }
#adminForm .nav-tabs { margin-left: 0; margin-bottom: 18px; list-style: none; }
#adminForm .nav-tabs > li > a { display: block; }
#adminForm .nav-tabs:before, #adminForm .nav-tabs:after { display: table; content: ""; line-height: 0; }
#adminForm .nav-tabs:after { clear: both; }
#adminForm .nav-tabs > li { float: left; }
#adminForm .nav-tabs > li > a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px; }
#adminForm .nav-tabs { border-bottom: 1px solid #ddd; }
#adminForm .nav-tabs > li { margin-bottom: -1px; }
#adminForm .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 18px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
#adminForm .nav-tabs > li > a:hover, #adminForm .nav-tabs > li > a:focus { border-color: #eee #eee #ddd; }
#adminForm .nav-tabs > .active > a, #adminForm .nav-tabs > .active > a:hover, #adminForm .nav-tabs > .active > a:focus { color: #555; background-color: #f0f0f0; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; }
.tab-content > .tab-pane { display: none; }
.tab-content > .active { display: block; }
/******************************/
/******* Joomla Config ********/
/******************************/
.btn-toolbar button.btn { margin: 0px 2px 10px 2px; }
.btn-toolbar a.btn { border: 1px solid #c0c0c0; padding: 6px 10px; display: block; margin: 5px 0px; color: #000000; text-decoration: none; background: url(../images/button.gif) center; color: #363636; border-radius: 5px; }
@media screen and (min-width:480px){
.btn-toolbar a.btn { border: 1px solid #c0c0c0; padding: 6px 10px; margin: 0px 2px 10px 2px; display: inline; color: #000000; text-decoration: none; background: url(../images/button.gif) center; color: #363636; border-radius: 5px; }
#adminForm .pull-left { float: left; padding: 10px 0px 15px 0px; }
#adminForm .pull-right { float: right; padding: 10px 0px 15px 0px; }
}
@font-face { font-family: 'IcoMoon'; src: url('../../../media/jui/fonts/IcoMoon.eot'); src: url('../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg'); font-weight: normal; font-style: normal; }
[class^="icon-"]:before, [class*=" icon-"]:before { font-family: 'IcoMoon'; font-style: normal; speak: none; }
.tab-pane { float: left; width: 100%; }
.control-group .inputbox { border: 1px solid #c0c0c0; padding: 3px; width: 250px; }
.control-label { margin: 10px 0px 5px 0px; }
.icon-calendar:before { content: "\43"; }
.icon-calendar-2:before { content: "\44"; }
.icon-calendar-3:before { content: "\e273"; }
#adminForm .editor { margin: 10px 0px 0px 0px; }
#adminForm fieldset { margin: 0px 0px 15px 0px; }
/******************************/
/******** Template CSS ********/
/******************************/
#right-right-col .moduletable, #left-left-col .moduletable, #left-left-right .moduletable, #right-left-right .moduletable { padding-bottom: 15px; }
#right-right-col .menu li a, #left-left-col .menu li a, #left-left-right .menu li a, #right-left-right .menu li a { padding: 5px 10px; display: block; margin: 2px 0px; border: 1px solid #c0c0c0; background: url(../images/button.gif) center; color: #363636; text-decoration: none; }
.advert h3.heading, .user h3.heading, #right-right-col h3.heading, #left-left-col h3.heading, #left-left-right h3.heading, #right-left-right h3.heading { padding: 0px 0px 5px 0px; margin: 0px 0px 15px 0px; }
.footer h3.heading { padding: 0px 0px 5px 0px; margin: 0px 0px 15px 0px; }
/******************************/
/******** Template CSS ********/
/******************************/
#form-login-username, #form-login-password { margin-bottom: 10px; }
#login-form .inputbox { padding: 4px; width: 95%; border: 1px solid #c0c0c0; }
#jform_name, #jform_username, #jform_password1, #jform_password2, #jform_email1, #jform_email2, #jform_email { padding: 4px; width: 95%; border: 1px solid #c0c0c0; }
#member-registration, #user-registration { margin-bottom: 15px; }
#member-registration fieldset, #user-registration fieldset { margin-bottom: 10px; }
#login-form .button { margin: 10px 0px 0px 0px; }
#login-form ul { margin-top: 10px; }
@media screen and (min-width:768px){
#jform_name, #jform_username, #jform_password1, #jform_password2, #jform_email1, #jform_email2, #jform_email { width: 250px; }
}
/******************************/
/******** Template CSS ********/
/******************************/
#contact-form { margin: 15px 0px; }
#jform_contact_name, #jform_contact_email, #jform_contact_emailmsg { padding: 4px; width: 94%; border: 1px solid #c0c0c0; }
#jform_contact_message { padding: 4px; width: 94%; border: 1px solid #c0c0c0; }
.contact h2 { margin-bottom: 15px; }
.contact-emailto a, .contact a { color: #363636; text-decoration: none; }
@media screen and (min-width:768px){
#jform_contact_name, #jform_contact_email, #jform_contact_emailmsg { width: 250px; }
#jform_contact_message { height: 250px; }
}
/******************************/
/******** Template CSS ********/
/******************************/
.search .inputbox { padding: 3px; border: 1px solid #c0c0c0; }
.search .form-limit { text-align: center; margin-top: 10px; }
.result-created, .result-category, .result-text { padding: 0; margin: 0; }
.result-created { margin-bottom: 10px; }
#searchForm #ordering, #searchForm #limit { padding: 3px; }
.highlight { color: #000000; }
#searchForm { color: #000000; }
.result-title a { color: #000000; text-decoration: none; }
#header .search { text-align: center; }
@media screen and (min-width:768px){
#search .search form { margin: 7px 0px 0px 0px; }
#header .search { margin: 45px 0px 0px 0px; }
}
/******************************/
/******** Template CSS ********/
/******************************/
input.button, button.button, button.btn { padding: 4px 10px; border: 1px solid #c0c0c0; border-radius: 5px; XXXEVYXXXbackground: url(../images/button.gif) center; }
a.btn { color: #000000; text-decoration: none; }
/******************************/
/******** Template CSS ********/
/******************************/
#navigation { height: 34px; padding: 5px 0px; clear: both; }
.navigation { float: left; margin: 3px 0px 7px 15px; font-size: 18px; font-weight: bold; color: #FFFFFF; }
@media screen and (min-width:768px){
#navigation { float: left; height: auto; padding: 0px; clear: none; background: none; }
.navigation { display: none; }
}
/******************************/
/******** Template CSS ********/
/******************************/
#toolbar { clear: both; width: 100%; position: relative; z-index: 5; }
#toolbar .menu a { text-decoration: none; font-size: 16px; display: block; font-weight: normal; padding: 3px 15px; }
@media screen and (min-width:768px){
#toolbar { clear: none; width: auto; z-index: auto; margin: 0px; }
#toolbar .menu a { font-size: 15px; font-weight: bold; padding: 0px 15px; background: none; border-top: none; }
#toolbar .menu li { float: left; position:relative; padding: 0px; line-height: 2; margin-left: -10px; }
/******************************/
/******** Template CSS ********/
/******************************/
#toolbar .menu li li a { font-weight: normal; font-size: 14px; background: none; }
#toolbar .menu ul { float:none; left:-999em; position:absolute; z-index: 99; }
#toolbar .menu ul { width: 190px; padding: 5px 0px 10px 0px; border-radius: 0px 0px 7px 7px; }
#toolbar .menu ul li { width: 190px; padding: 2px 0px; position:relative;  margin-left: 0px; line-height: 1.8; }
#toolbar .menu li li, #toolbar li:hover ul, #toolbar li.sfhover ul { left: auto; }
#toolbar ul.menu li li:hover { background: none; }
#toolbar ul.menu li.active li a, #toolbar ul.menu li.active li a:hover, #toolbar ul.menu li.active li a:active, #toolbar ul.menu li.active li a:focus { background: none !important; }
#toolbar ul.menu ul li.active a, #toolbar ul.menu ul li.active a:hover, #toolbar ul.menu ul li.active a:active, #toolbar ul.menu ul li.active a:focus { background: none !important; }
#toolbar ul.menu li.active li a, #toolbar ul.menu li.active li a:hover, #toolbar ul.menu li.active li a:active, #toolbar ul.menu li.active li a:focus { background: none !important; }
#toolbar ul.menu li.active li a, #toolbar ul.menu li.active li a:hover, #toolbar ul.menu li.active li a:active, #toolbar ul.menu li.active li a:focus { background: none !important; }
/******************************/
/******** Template CSS ********/
/******************************/
#toolbar .menu li li li a { font-weight: normal; font-size: 14px; }
#toolbar .menu ul ul { margin: -1.8em 0 0 12.2em; }
#toolbar .menu ul ul { position: absolute; z-index: 99; height: auto; }
#toolbar .menu ul ul { padding: 5px 0px; border-radius: 7px; }
#toolbar ul.menu li li li:hover { }
/******************************/
/******** Template CSS ********/
/******************************/
#toolbar li:hover ul ul, #toolbar li:hover ul ul ul, #toolbar li.sfhover ul ul, #toolbar li.sfhover ul ul ul, #toolbar ul.menu li:hover ul ul, #toolbar ul.menu li:hover ul ul ul, #toolbar ul.menu li.sfhover ul ul, #toolbar ul.menu li.parentsfhover ul ul, #toolbar ul.menu li.parent-activesfhover ul ul, #toolbar ul.menu li.activesfhover ul ul, #toolbar ul.menu li.sfhover ul ul ul, #toolbar ul.menu li.parentsfhover ul ul ul, #toolbar ul.menu li.parent-activesfhover ul ul ul, #toolbar ul.menu li.activesfhover ul ul ul { left: -999em; }
#toolbar li:hover ul, #toolbar li li:hover ul, #toolbar li li li:hover ul, #toolbar li.sfhover ul, #toolbar li li.sfhover ul, #toolbar li li li.sfhover ul, #toolbar ul.menu li:hover ul, #toolbar ul.menu li li:hover ul, #toolbar ul.menu li li li:hover ul, #toolbar ul.menu li.sfhover ul, #toolbar ul.menu li.parentsfhover ul, #toolbar ul.menu li.parent-activesfhover ul, #toolbar ul.menu li.activesfhover ul, #toolbar ul.menu li li.sfhover ul, #toolbar ul.menu li li.havesubchildsfhover ul, #toolbar ul.menu li li.havesubchild-activesfhover ul, #toolbar ul.menu li li.activesfhover ul, #toolbar ul.menu li li li.sfhover ul, #toolbar ul.menu li li li.havesubchildsfhover ul, #toolbar ul.menu li li li.havesubchild-activesfhover ul, #toolbar ul.menu li li li.activesfhover ul { left: auto; }
}
/******************************/
/******** Template CSS ********/
/******************************/
@media screen and (min-width:768px){
#content-right-col .cols-4 .column-1, #content-left-col .cols-4 .column-1 { width: 157px; float: left; }
#content-right-col .cols-4 .column-2, #content-left-col .cols-4 .column-2 { width: 157px; float: left; margin-left: 17px; }
#content-right-col .cols-4 .column-3, #content-left-col .cols-4 .column-3 { width: 157px; float: left; margin-left: 17px; }
#content-right-col .cols-4 .column-4, #content-left-col .cols-4 .column-4 { width: 157px; float: right; }
#content-right-col .cols-3 .column-1, #content-left-col .cols-3 .column-1 { width: 217px; float: left; }
#content-right-col .cols-3 .column-2, #content-left-col .cols-3 .column-2 { width: 217px; float: left; margin-left: 14px; }
#content-right-col .cols-3 .column-3, #content-left-col .cols-3 .column-3 { width: 217px; float: right; }
#content-right-col .cols-2 .column-1, #content-left-col .cols-2 .column-1 { width: 332px; float: left; }
#content-right-col .cols-2 .column-2, #content-left-col .cols-2 .column-2 { width: 332px; float: right; }
#content-right-col .cols-1 .column-1, #content-left-col .cols-1 .column-1 { width: 679px; float: left; }
#content-left-right .cols-3 .column-1 { width: 152px; float: left; }
#content-left-right .cols-3 .column-2 { width: 152px; float: left; margin-left: 16px; }
#content-left-right .cols-3 .column-3 { width: 152px; float: right; }
#content-left-right .cols-2 .column-1 { width: 236px; float: left; }
#content-left-right .cols-2 .column-2 { width: 236px; float: right; }
#content-left-right .cols-1 .column-1 { width: 488px; float: left; }
#content-no-col .cols-5 .column-1 { width: 182px; float: left; }
#content-no-col .cols-5 .column-2 { width: 182px; float: left; margin-left: 15px; }
#content-no-col .cols-5 .column-3 { width: 182px; float: left; margin-left: 15px; }
#content-no-col .cols-5 .column-4 { width: 182px; float: left; margin-left: 15px; }
#content-no-col .cols-5 .column-5 { width: 182px; float: right; }
#content-no-col .cols-4 .column-1 { width: 232px; float: left; }
#content-no-col .cols-4 .column-2 { width: 232px; float: left; margin-left: 14px; }
#content-no-col .cols-4 .column-3 { width: 232px; float: left; margin-left: 14px; }
#content-no-col .cols-4 .column-4 { width: 232px; float: right; }
#content-no-col .cols-3 .column-1 { width: 314px; float: left; }
#content-no-col .cols-3 .column-2 { width: 314px; float: left; margin-left: 14px; }
#content-no-col .cols-3 .column-3 { width: 314px; float: right; }
#content-no-col .cols-2 .column-1 { width: 477px; float: left; }
#content-no-col .cols-2 .column-2 { width: 477px; float: right; }
#content-no-col .cols-1 .column-1 { width: 970px; float: left; }
}
#content-right-col .cols-4 .column-1, #content-left-col .cols-4 .column-1, #content-right-col .cols-4 .column-2, #content-left-col .cols-4 .column-2, #content-right-col .cols-4 .column-3, #content-left-col .cols-4 .column-3, #content-right-col .cols-4 .column-4, #content-left-col .cols-4 .column-4, #content-right-col .cols-3 .column-1, #content-left-col .cols-3 .column-1, #content-right-col .cols-3 .column-2, #content-left-col .cols-3 .column-2, #content-right-col .cols-3 .column-3, #content-left-col .cols-3 .column-3, #content-right-col .cols-2 .column-1, #content-left-col .cols-2 .column-1, #content-right-col .cols-2 .column-2, #content-left-col .cols-2 .column-2, #content-right-col .cols-1 .column-1, #content-left-col .cols-1 .column-1, #content-left-right .cols-3 .column-1, #content-left-right .cols-3 .column-2, #content-left-right .cols-3 .column-3, #content-left-right .cols-2 .column-1, #content-left-right .cols-2 .column-2, #content-left-right .cols-1 .column-1, #content-no-col .cols-5 .column-1, #content-no-col .cols-5 .column-2, #content-no-col .cols-5 .column-3, #content-no-col .cols-5 .column-4, #content-no-col .cols-5 .column-5, #content-no-col .cols-4 .column-1, #content-no-col .cols-4 .column-2, #content-no-col .cols-4 .column-3, #content-no-col .cols-4 .column-4, #content-no-col .cols-3 .column-1, #content-no-col .cols-3 .column-2, #content-no-col .cols-3 .column-3, #content-no-col .cols-2 .column-1, #content-no-col .cols-2 .column-2, #content-no-col .cols-1 .column-1 { padding-bottom: 15px; }
/******************************/
/******** Template CSS ********/
/******************************/
@media screen and (min-width:768px){
.advert19 .one, .footer19 .one { width: 182px; float: left; }
.advert19 .two, .footer19 .two { width: 182px; float: left; margin-left: 15px; }
.advert19 .three, .footer19 .three { width: 182px; float: left; margin-left: 15px; }
.advert19 .four, .footer19 .four { width: 182px; float: left; margin-left: 15px; }
.advert19 .five, .footer19 .five { width: 182px; float: right; }
.advert24 .one, .footer24 .one { width: 232px; float: left; }
.advert24 .two, .footer24 .two { width: 232px; float: left; margin-left: 14px; }
.advert24 .three, .footer24 .three { width: 232px; float: left; margin-left: 14px; }
.advert24 .four, .footer24 .four { width: 232px; float: right; }
.advert33 .one, .footer33 .one { width: 314px; float: left; }
.advert33 .two, .footer33 .two { width: 314px; float: left; margin-left: 14px; }
.advert33 .three, .footer33 .three { width: 314px; float: right; }
.advert49 .one, .footer49 .one { width: 477px; float: left; }
.advert49 .two, .footer49 .two { width: 477px; float: right; }
.advert99 .one, .footer99 .one { width: 970px; float: left; }
}
.advert19 .one, .footer19 .one, .advert19 .two, .footer19 .two, .advert19 .three, .footer19 .three, .advert19 .four, .footer19 .four, .advert19 .five, .footer19 .five, .advert24 .one, .footer24 .one, .advert24 .two, .footer24 .two, .advert24 .three, .footer24 .three, .advert24 .four, .footer24 .four, .advert33 .one, .footer33 .one, .advert33 .two, .footer33 .two, .advert33 .three, .footer33 .three, .advert49 .one, .footer49 .one, .advert49 .two, .footer49 .two, .advert99 .one, .footer99 .one { padding-bottom: 15px; }
/******************************/
/******** Template CSS ********/
/******************************/
@media screen and (min-width:768px){
#user-right-col .user33 .one, #user-left-col .user33 .one { width: 217px; float: left; }
#user-right-col .user33 .two, #user-left-col .user33 .two { width: 217px; float: left; margin-left: 14px; }
#user-right-col .user33 .three, #user-left-col .user33 .three { width: 217px; float: right; }
#user-right-col .user49 .one, #user-left-col .user49 .one { width: 332px; float: left; }
#user-right-col .user49 .two, #user-left-col .user49 .two { width: 332px; float: right; }
#user-right-col .user99 .one, #user-left-col .user99 .one { width: 679px; float: left; }
#user-left-right .user33 .one { width: 152px; float: left; }
#user-left-right .user33 .two { width: 152px; float: left; margin-left: 16px; }
#user-left-right .user33 .three { width: 152px; float: right; }
#user-left-right .user49 .one { width: 236px; float: left; }
#user-left-right .user49 .two { width: 236px; float: right; }
#user-left-right .user99 .one { width: 488px; float: left; }
#user-no-col .user33 .one { width: 314px; float: left; }
#user-no-col .user33 .two { width: 314px; float: left; margin-left: 14px; }
#user-no-col .user33 .three { width: 314px; float: right; }
#user-no-col .user49 .one { width: 477px; float: left; }
#user-no-col .user49 .two { width: 477px; float: right; }
#user-no-col .user99 .one { width: 970px; float: left; }
}
#user-right-col .user33 .one, #user-left-col .user33 .one, #user-right-col .user33 .two, #user-left-col .user33 .two, #user-right-col .user33 .three, #user-left-col .user33 .three, #user-right-col .user49 .one, #user-left-col .user49 .one, #user-right-col .user49 .two, #user-left-col .user49 .two, #user-right-col .user99 .one, #user-left-col .user99 .one, #user-left-right .user33 .one, #user-left-right .user33 .two, #user-left-right .user33 .three, #user-left-right .user49 .one, #user-left-right .user49 .two, #user-left-right .user99 .one, #user-no-col .user33 .one, #user-no-col .user33 .two, #user-no-col .user33 .three, #user-no-col .user49 .one, #user-no-col .user49 .two, #user-no-col .user99 .one { padding-bottom: 15px; }
/******************************/
/******** Template CSS ********/
/******************************/
.collapse { display: none }
.collapse.in { display: block }
.collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height .35s ease; -o-transition: height .35s ease; transition:height .35s ease }
@media (min-width:768px){
.navbar-collapse.collapse { display: block!important; height: auto!important; padding-bottom: 0; overflow: visible!important; }
}
.navbar-toggle { position: relative; float: right; padding: 5px; margin:0px 10px 0px 0px; background-color: transparent; border-radius:4px }
.navbar-toggle:focus { outline: 0; }
.navbar-toggle .icon-bar { display: block; width: 25px; height: 4px; border-radius: 1px; }
.navbar-toggle .icon-bar+.icon-bar { margin-top: 4px; }
@media (min-width:768px){ .navbar-toggle { display: none; } }
.navbar-inverse .navbar-toggle { border: 1px solid #3f3f3f; background: #111111; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background: #000000; }
.navbar-inverse .navbar-toggle .icon-bar{ background: #FFFFFF; }
/******************************/
/******** Template CSS ********/
/******************************/
#navigation { background: #214880; }
.navigation { color: #FFFFFF; }
#toolbar .menu a { color: #FFFFFF; background: #214880; border-top: 1px solid #2d61ac; }
@media screen and (min-width:768px){
#toolbar-bg { background: url(../images/toolbar_structure.gif); XXXEVYXXXborder-bottom: 5px solid #4f9ee0; }
#navigation { background: none; }
.navigation { display: none; }
#toolbar .menu a { background: none; border-top: none; }
#toolbar .menu li.active a, #toolbar .menu li.active a:hover, #toolbar .menu li.active a:active, #toolbar .menu li.active a:focus { background: url(../images/toolbar_current.gif); }
#toolbar ul.menu li:hover { background: url(../images/toolbar_hover.gif); }
#toolbar .menu ul { background: #519fe1; }
#toolbar .menu ul ul { background: #4a91cd; }
}
/******************************/
/******** Template CSS ********/
/******************************/
@media screen and (min-width:768px){
/** #header-line { background: url(../images/header_bg.gif) top center no-repeat; } **/
}
.footer { XXXEVYXXXcolor: #FFFFFF; color: black ;  }
.page-header h1, .contact h1 { color: #374c84; }
.advert h3.heading, .user h3.heading, #right-right-col h3.heading, #left-left-col h3.heading, #left-left-right h3.heading, #right-left-right h3.heading { border-bottom: 1px solid #c0c0c0; color: #374c84; }
.footer h3.heading { border-bottom: 1px solid #c0c0c0; color: #FFFFFF; }
#footer-bg { XXXEVYXXXbackground: #214880; background-image: url('/images/CLOUDS.jpg') ; background-attachment: fixed;  }
.footer .menu li a { XXXEVYXXXcolor: #FFFFFF; color: black ; border-bottom: 1px solid #c0c0c0; }
.footer .newsflash-title a, .footer a.readmore { XXXEVYXXXcolor: #FFFFFF; color: black ; text-decoration: none; }