/*
#------------------------------------------------------------------------
  JA Purity II for Joomla 1.5
#------------------------------------------------------------------------
#Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
#@license - GNU/GPL, http://www.gnu.org/copyleft/gpl.html
#Author: J.O.O.M Solutions Co., Ltd
#Websites: http://www.joomlart.com - http://www.joomlancers.com
#------------------------------------------------------------------------
*/
/* COMMON STYLE
--------------------------------------------------------- */

body {
	background: #fff;
	color: #000;
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	line-height: 1.5;
}
body#bd {
	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, .ja-navhelper, #ja-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;
	font-size:smaller;
}
input, select, textarea, .inputbox {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
.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;
}
.dropdown {
    font-size:smaller;	
}
/* 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: #333;
	border-top: 1px solid #fff;
	color: #ccc;
	margin: 0;
	padding: 1px 0;
	text-align: center;
}
/* 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.ja-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.ja-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 ---*/


#slide {
	position:absolute;
	left:100px;
	top:150px;
}

div.moduletable_relative #ja-contentslider {
	margin-top: -49px;
	width: 100% !important;
}

div.moduletable_relative #ja-contentslider-center {
	margin-top: 55px;
}

#ja-slideshow {
	background: url(../images/topsl-bg.gif) repeat-x left top #454545;
	border-top: 1px solid #353535;
	clear: both;
	display: block;
	float: left;
	margin: 0;
	position: relative;
	width: 100%;
	z-index: 1;
}

#ja-slideshow-inner {
	background: url(../images/sl-bg.gif) no-repeat center top;
}

#ja-slideshow .main {
	position: relative;
	left: 20px;
}

#ja-search {
	padding-left: 20px;
	/*background: url(../images/icon-search.gif) no-repeat center left;*/
	position: absolute;
	bottom: 15px;
	right: 15px;
}
#ja-search label {
	display: none;
}
#ja-search .inputbox {
	width: 200px;
	border: 1px solid #333;
	padding: 3px 5px;
	color: #ccc;
	background: #444;
	font-size: 100%;
	font-weight: bold;
}
#ja-search .inputbox:hover, #ja-search .inputbox:focus {
}
#ja-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.ja-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.ja-module, div.module {
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
}
.ja-box-br {
	background: url(../images/b-br.gif) no-repeat bottom right #fff;
}
.ja-box-bl {
	background: url(../images/b-bl.gif) no-repeat bottom left;
}
.ja-box-tr {
	background: url(../images/b-tr.gif) no-repeat top right;
}
.ja-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 .ja-box-bl {
	background: url(../images/bt-bl.gif) no-repeat bottom left;
}
div.module_text .ja-box-tr {
	background: url(../images/bt-tr.gif) no-repeat top right;
}
div.module_text .ja-box-tl {
	background: url(../images/bt-tl.gif) no-repeat top left;
}
/* Blank */

div.module_noborder,  div.module_noborder .ja-box-bl,  div.module_noborder .ja-box-tr,  div.module_noborder .ja-box-tl {
	background: none;
	padding: 0;
}
/* red */

div.module_red {
	background: url(../images/br-br.gif) no-repeat bottom right #bf0000;
}
div.module_red .ja-box-bl {
	background: url(../images/br-bl.gif) no-repeat bottom left;
}
div.module_red .ja-box-tr {
	background: url(../images/br-tr.gif) no-repeat top right;
}
div.module_red .ja-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 .ja-box-bl {
	background: url(../images/bb-bl.gif) no-repeat bottom left;
}
div.module_blue .ja-box-tr {
	background: url(../images/bb-tr.gif) no-repeat top right;
}
div.module_blue .ja-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 .ja-box-bl {
	background: url(../images/bg-bl.gif) no-repeat bottom left;
}
div.module_green .ja-box-tr {
	background: url(../images/bg-tr.gif) no-repeat top right;
}
div.module_green .ja-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 .ja-box-bl {
	background: url(../images/bl-bl.gif) no-repeat bottom left;
}
div.module_black .ja-box-tr {
	background: url(../images/bl-tr.gif) no-repeat top right;
}
div.module_black .ja-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;
}
div.module_black .inputbox, div.module_green .inputbox, div.module_blue .inputbox, div.module_red .inputbox {
	color: #333 !important;
}
/* Module list ---*/

div.ja-moduletable ul, div.ja-module ul {
	margin: 15px 0 0;
}
div.ja-moduletable ul li, div.ja-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 {
	clear: both;
	width: 100%;
}
.main {
}
.ja-box {
	padding-bottom: 10px;
	padding-top: 10px;
}
#ja-wrapper {
}
#ja-container {
	background: url(../images/container-bg.gif) repeat-x top #fff;
	position: relative;
	z-index: 5;
	border-bottom: 5px solid #ccc;
}
#ja-container-s {
	background: url(container-bg.gif) repeat-x top #fff;
	position: relative;
	z-index: 5;
	border-bottom: 5px solid #ccc;
}
#ja-container .main, #ja-container-s .main {
	padding: 20px 0;
	min-height: 300px;
}
/* 3 Columns - Classic Layout ---*/

#ja-container.ja-l1r1 {
}
/* Full */

#ja-container {
}
/* Full left */

#ja-container.ja-r1 {
}
/* Full right */

#ja-container.ja-l1 {
}
/* Mass ---*/

.ja-mass-top {
}
.ja-mass-top .ja-moduletable, .ja-mass-top .ja-module {
	margin-left: 0;
	margin-right: 0;
}
.ja-mass-bottom {
}
.ja-mass-bottom .ja-moduletable, .ja-mass-bottom .ja-module {
	margin-left: 0;
	margin-right: 0;
}
/* MAIN COLUMN

--------------------------------------------------------- */

#ja-mainbody {
}
#ja-main .inner {
}
#ja-contentwrap {
}
/* Content Top ---*/

.ja-content-top {
}
.ja-content-top .ja-moduletable, .ja-content-top .ja-module {
	margin-left: 0;
	margin-right: 0;
}
/* Content Main ---*/

.ja-content-main {
}
/* Content Bottom ---*/

.ja-content-bottom {
}
.ja-content-bottom .ja-moduletable, .ja-content-bottom .ja-module {
	margin-left: 0;
	margin-right: 0;
}
/* @end */



/* SIDE COLUMNS

--------------------------------------------------------- */

.ja-colswrap {
}
.ja-col {
}
/* Left Columns ---*/

#ja-left .ja-l2 {
}
/* Right Columns ---*/

#ja-right .ja-r2 {
}
/* HEADER

--------------------------------------------------------- */

#ja-header {
	background: #5E030A;
	position: relative;
	z-index: 10;
}
#ja-header .main {
	background-color: #5E030A;
	background-position: top right;
	background-repeat: no-repeat;
	height: 100px;
}
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: 100px;
	width: 200px;
}
h1.logo a {
	background: url(../images/logo.gif) no-repeat left;
	display: block;
	height: 100px;
	width: 200px;
}
h1.logo-s a {
	background: url(logo.gif) no-repeat left;
	display: block;
	height: 100px;
	width: 200px;
}
h1.logo a span, h1.logo-s 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 ---*/

.ja-headermask {
	background: url(../images/header-mask.png) no-repeat top right;
	display: block;
	height: 100px;
	position: absolute;
	right: -1px;
	top: 0;
	width: 602px;
	z-index: 0;
}

.ja-headermask-s {
	background: url(header-mask.png) no-repeat top right;
	display: block;
	height: 100px;
	position: absolute;
	right: -1px;
	top: 0;
	width: 602px;
	z-index: 0;
}
/* NAVIGATION

--------------------------------------------------------- */

/* Main Nav ---*/

#ja-mainnav {
	background: url(../images/grad1-mask.png) repeat-x top #444;
	border-top: 1px solid #666;
	line-height: 1;
	position: relative;
	z-index: 11;
}
#ja-mainnav-s {
	background: url(grad1-mask.png) repeat-x top #444;
	border-top: 1px solid #666;
	line-height: 1;
	position: relative;
	z-index: 11;
}
#ja-mainnav .main, #ja-mainnav-s .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 ---*/

#ja-subnav {
	border-top: 1px solid #666;
	background: #333;
	position: relative;
	z-index: 9;
}
#ja-subnav .main {
	line-height: 1;
	z-index: 10;
}
#ja-subnav ul {
	background: #333;
	overflow: hidden;
	padding: 10px 0;
}
#ja-subnav ul.active {
	background: #333;
}
#ja-subnav li {
	background: none;
	border-left: 1px dotted #999;
	display: block;
	float: left;
	padding: 0 10px 0 11px;
}
#ja-subnav li.first-item {
	border-left: 0;
}
#ja-subnav ul li a {
	color: #ccc;
	display: block;
	text-decoration: none;
}
#ja-subnav ul li a:hover {
	color: #fff;
}
#ja-subnav ul li.active a,  #ja-subnav ul li.active a:hover,  #ja-subnav ul li.active a:active,  #ja-subnav ul li.active a:focus {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}
#ja-subnav ul.active li a {
	color: #ccc;
}
#ja-subnav ul.active li a:hover {
	color: #fff;
}
#ja-subnav ul li.empty {
	visibility: hidden
}
/* Sub Nav (lv2) ---*/

#ja-subnav ul li ul {
	background: #ddd;
	border: 1px solid #ccc;
	display: block;
	height: auto;
	left: -999em;
	padding: 0;
	position: absolute;
}
#ja-subnav ul li.hover ul {
	display: block;
	height: auto;
	left: auto;
	position: absolute;
	margin-top: 3px;
	margin-left: 5px;
}
#ja-subnav ul li.haschild a {
	background: url(../images/arrow.png) no-repeat right center;
	padding-right: 12px;
}
#ja-subnav ul li.haschild a:hover {
	background: url(../images/arrow3.png) no-repeat right center;
}
#ja-subnav ul li.haschild li a, #ja-subnav ul li.hover li a {
	background: none;
	padding-right: 0;
}
#ja-subnav ul li ul li {
	border-bottom: 1px solid #ccc;
	border-left: 0;
	display: block;
	float: none;
	overflow: hidden;
	padding: 5px;
	text-align: left;
}
#ja-subnav ul li ul li a {
	background-image: none !important;
	border: 0 !important;
	color: #333 !important;
	font-weight: normal !important;
	text-decoration: none !important;
}
#ja-subnav ul li ul li a span.menu-title {
	padding-top: 3px;
	padding-bottom: 3px;
}
#ja-subnav ul li ul li a:hover {
	background-image: none !important;
	color: #069 !important;
	text-decoration: underline !important;
}
#ja-subnav ul li ul li a.active {
	color: #069;
!important;
	font-weight: bold !important;
}
/* Breadcrumbs ---*/

.ja-navhelper {
	background: #f6f6f6;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
}
.ja-navhelper .main {
	padding: 5px 0;
}
.ja-navhelper a {
	padding: 0 2px;
	color: #069;
	text-decoration: none;
}
.ja-navhelper a:hover, .ja-navhelper a:active, .ja-navhelper a:focus {
	color: #fff;
	text-decoration: none;
	background-color: #069;
}
.ja-breadcrums {
	float: left;
	margin-left: 10px;
	margin-top: 2px;
	width: 80%;
}
.ja-breadcrums strong {
	margin-right: 5px;
}
.ja-breadcrums img {
	margin: 1px 5px;
}
/* Extras ---*/

.ja-links {
	float: right;
	margin-top: 2px;
}
.ja-links li {
	background: none;
	padding: 0;
	display: inline;
}
.ja-links li.top a {
	background: url(arrow2.png) no-repeat 5px center;
	padding-left: 17px;
	padding-right: 5px;
}
.ja-links li.top a:hover {
	background-color: #069;
}
.ja-links li.layout-switcher a {
	background: #069;
	color: #fff;
	text-decoration: none;
}
.ja-links li.layout-switcher a:hover {
	background: #666;
	color: #fff;
	text-decoration: none;
}
.ja-links li.user-reset a {
	background: #bf0000;
	color: #fff;
	text-decoration: none;
}
.ja-links li.user-reset a:hover {
	background: #666;
	color: #fff;
	text-decoration: none;
}
/* Default Joomla! Menu ---*/

#ja-container ul.menu {
	margin: 0;
	padding: 0;
}
#ja-container ul.menu li {
	background: none;
	border-bottom: 1px dotted #ccc;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
#ja-container ul.menu li a {
	color: #333;
	display: block;
	outline: none;
	padding: 6px 0;
	text-decoration: none;
	text-indent: 5px;
}
#ja-container ul.menu li a:hover,  #ja-container ul.menu li a:active,  #ja-container ul.menu li a:focus {
	color: #069;
	background: #f6f6f6;
}
#ja-container ul.menu li.active a {
	color: #069;
	font-weight: bold;
}
#ja-container ul.menu li ul {
	margin: 0 0 0 10px;
}
#ja-container ul.menu li li {
	background: url(../images/arrow.png) no-repeat left 11px;
	border-bottom: 0;
	border-top: 1px dotted #ccc;
}
#ja-container ul.menu li li a {
	color: #333 !important;
	font-weight: normal !important;
	text-indent: 10px;
}
#ja-container ul.menu li li a:hover,  #ja-container ul.menu li li a:active,  #ja-container ul.menu li li a:focus {
	color: #069 !important;
	background: none;
}
#ja-container ul.menu li.active > a {
	color: #069 !important;
	font-weight: bold !important;
}
#ja-container ul.menu span.separator {
	display: none;
}
/* SPOTLIGHT

--------------------------------------------------------- */

#ja-topsl .ja-box, #ja-botsl .ja-box {
	padding: 0;
	background: url(../images/dot3.gif) repeat-y right;
}
#ja-topsl .ja-box-right, #ja-botsl .ja-box-right,  #ja-topsl .ja-box-full, #ja-botsl .ja-box-full {
	background: none;
}
#ja-topsl .ja-moduletable, #ja-botsl .ja-moduletable {
	border-bottom: 0;
	margin-bottom: 8px;
	padding-bottom: 0;
}
#ja-topsl li, #ja-botsl li {
	background-image: url(../images/bullet2.gif);
	background-position: 1px 8px;
	padding-left: 10px;
}
#ja-topsl ol li, #ja-botsl ol li {
	margin-left: 25px;
	padding: 0 !important;
}
#ja-topsl ul, #ja-topsl p, #ja-topsl ol,  #ja-botsl ul, #ja-botsl p, #ja-botsl ol {
	padding: 0;
	margin: 0 !important;
}
#ja-topsl a, #ja-botsl a {
	color: #ccc;
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
}
#ja-topsl a:hover, #ja-topsl a:active, #ja-topsl a:focus,  #ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}
/* Top spotlight ---*/

#ja-topsl {
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	background: #444;
	color: #ccc;
}
#ja-topsl .main {
	padding: 10px 0;
}
#ja-topsl h3 {
	margin: 0 0 8px;
	padding: 0;
	color: #fff;
	background: none;
}
/* Bot spotlight ---*/

#ja-botsl {
	background: #444;
	color: #999;
}
#ja-botsl .main {
	padding: 10px 0;
}
#ja-botsl .ja-moduletable, #ja-botsl .moduletable {
	border-bottom: 0;
	margin-bottom: 0;
}
#ja-botsl h3 {
	margin: 0 0 8px;
	padding: 0;
	color: #fff;
	background: none;
}
.ja-box-right .ja-moduletable, .ja-box-right .moduletable,  .ja-box-full .ja-moduletable, .ja-box-full .moduletable {
	border: 0 !important;
	background: 0 !important;
}
/* FOOTER

--------------------------------------------------------- */

#ja-footer {
	background: url(grad3.gif) repeat-x bottom #F6F6F6;
	border-top: 1px solid #fff;
	clear: both;
	padding: 20px 0;
}
#ja-footer .main {
	background: url(dot1.gif) repeat-y 22% 0;
	color: #666666;
	padding: 0;
	position: relative;
}
#ja-footer .inner {
	float: right;
	padding: 0;
	width: 75%;
}
#ja-footer small {
	color: #666;
	font-size: 100%;
}
/* Foot Links ---*/

#ja-footer .ja-footnav {
	float: right;
	font-size: 100%;
	margin: 0 0 10px;
	overflow: hidden;
	position: relative;
	width: 75%;
}
.ja-footnav ul {
	float: left;
	line-height: normal;
}
.ja-footnav li {
	border-left: 1px solid #999;
	display: block;
	float: left;
	padding: 0 10px;
}
.ja-footnav li a {
	color: #666;
	display: block;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
}
.ja-footnav li a:hover, .ja-footnav li a:active, .ja-footnav li a:focus {
	color: #333;
}
.ja-footnav .ja-firstitem {
	border-left: 0;
	padding-left: 0;
}
/* Copyright Info. ---*/

.ja-copyright small {
	display: block;
}
/* MISCELLANOUS

----------------------------------------------------------- */

/* User Tools ---*/

ul.ja-usertools-font {
	font-size: 11px;
	position: absolute;
	top: 15px;
	right: 20px;
}
ul.ja-usertools-font li, ul.ja-usertools-screen li {
	padding: 0;
	margin: 0;
	display: inline;
	background: none;
}
ul.ja-usertools-screen {
	font-size: 11px;
	position: absolute;
	top: 15px;
	right: 90px;
}
/* Others ---*/

#ja-banner {
	border-top: 1px solid #ccc;
	margin: 0;
	overflow: hidden;
	padding-top: 15px;
	text-align: center;
	width: 100%;
}
div.ja-innerdiv {
	border-bottom: 1px dotted #ccc;
	clear: both;
	margin-bottom: 10px;
	padding-bottom: 12px;
}
div.ja-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;
}