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



# JA Tube - Version 1.0 - Licence Owner JA108425



# ------------------------------------------------------------------------



# Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.



# @license - Copyrighted Commercial Software



# Author: J.O.O.M Solutions Co., Ltd



# Websites:  http://www.joomlart.com -  http://www.joomlancers.com



# This file may not be redistributed in whole or significant part.



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



/* COMMON STYLE



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



body {



	background: #FFFFFF;



	color: #000000;



	font-family: Arial, Helvetica, sans-serif;



	line-height: 1.6;



}







body#bd {



	background: #ffffff;



	color: #666666;



}







body.contentpane {



	color: #111111;



	font-size: 12pt;



	line-height: 1.3em;



	margin: 1em 2em;



	width: auto; /* Printable Page */



}







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 link */



a {



	color: #DB7812;



	text-decoration: none;



}







a:hover, a:active, a:focus {



	text-decoration: underline;



}







/* Title text */



h1, h2, h3, h4, .contentheading, .componentheading, .blog_more strong, .nftitle {



	font-family: Arial, Helvetica, sans-serif;



	font-weight: normal;



	line-height: 1.2;



}







	



/* Small text */



small, .small, .smalldark, .createby, .createdate, .createdby, .modifydate, .img_caption,



span.site-slogan, p.site-slogan, a.readon, #ja-headtools, #ja-pathway, #ja-botsl, #ja-footer {



	font-size: 92%;



}







small, .small, .img_caption {



	color: #999999;



}







img.caption {



}







/* Heading */



h1 {



	font-size: 200%;



}







h2 {



	font-size: 150%;



}







h3 {



	font-size: 125%;



	font-weight: bold;



}



#bann

{

background:#000000;

width:300px;

}



h4, h5, h6 {



	font-size: 100%;



}







h1, h2, h3, h4, h5, h6,



p, blockquote, ul, ol {



	margin: 15px 0;



	padding: 0;



}







ul {



	list-style: none;



}







ul li {



	background: url(../images/bullet.gif) no-repeat 20px 8px;



	line-height: 160%;



	padding-left: 30px;



}







ol li {



	line-height: 180%;



	margin-left: 35px;



}







th {



	font-weight: bold;



	padding: 5px;



	text-align: left;



}







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 #DDDDDD;



	height: 1px;



}







td, div {



	font-size: 100%;



}







a img {



	border: none;



	margin: 5px;



}







/* FORM



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



form {



	margin: 0;



	padding: 0;



}







form label {



	cursor: pointer;



}







input, select, textarea, .inputbox, .button {



	font-family: Arial, sans-serif;



	font-size: 100% !important;



}







.inputbox {



	background: #FFFFFF;



	border: 1px solid #DDDDDD;



	color: #666666;



	margin: 0 5px;



	padding: 2px;



}







.button {



	background: #FFFFFF !important;



	border: 1px solid #DDDDDD;



	color: #666666;



	font-weight: bold;



	padding: 1px 8px !important;



}







.button:hover,



.button:active,



.button:focus {



	background: #FFFFFF !important;



	color: #111111;



	font-weight: bold;



	padding: 1px 8px;



	text-decoration: none;



}







* html .button {



	padding: 0 5px !important; /*IE 6*/



}







*+html .button {



	padding: 0 5px !important; /*IE 7*/



}







/* JOOMLA STYLE



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



/* Override fontpage ---*/



.article-content .ja-innerpad p {



	margin: 7px 0;



}







.article-content .ja-innerpad h2.contentheading {



	padding-top: 0;



}







.img-desc {



	float: left;



}







.ja-innerpad .article-tools .article-meta {



	float: none;



	padding: 0;



	width: auto;



}







.article_separator {



	background: url(../images/dot.gif) repeat-x center;



	clear: both;



	display: block;



	height: 36px;



}







.row_separator {



	display: none;



}







.article-content img {



	border: 1px solid #DDDDDD;



	margin-right: 15px;



	margin-top: 3px;



	padding: 3px;



}







.article-tools .article-meta {



	float: left;



	padding: 5px 0 0 0;



	width: 70%;



}







.article-tools .buttonheading {



	float: right;



	width: 30%;



}







.img_caption {



	float: left;



}







.column_separator {



	padding: 0 5px;



}







span.open {



	background: url(../images/so-q.gif) no-repeat  left top;



	padding: 2px 0 2px 10px;



}







span.close {



	background: url(../images/sc-q.gif) no-repeat right bottom;



	padding: 2px 10px 2px 0;



}







/* content tables */



.sectiontableheader {



	background: #666666;



	border-right: 1px solid #CCCCCC;



	padding: 4px;



}







.sectiontableheader a {



	color: #FFFFFF;



	font-weight: bold;



}







tr.sectiontableentry0 td,



tr.sectiontableentry1 td,



tr.sectiontableentry2 td {



	padding: 4px;



}







tr.sectiontableentry2 td {



	background: #FFFFFF;



	border-bottom: 1px solid #D5D5D5;



	border-top: 1px solid #D5D5D5;



}







table.contentpane {



	border: none;



	width: 100%;



}







table.contentpaneopen {



	border: none;



	border-collapse: collapse;



	border-spacing: 0;



}







table.contenttoc {



	font-size: 92%;



	margin: 0 0 10px 10px;



	padding: 0;



	width: 35%;



}







table.contenttoc a {



	text-decoration: none;



}







table.contenttoc td {



	background: url(../images/bullet.gif) no-repeat 10px 7px;



	padding: 1px 5px 1px 15px;



}







table.contenttoc th {



	border-bottom: 1px solid #E5E5E5;



	padding: 0 0 3px;



	text-indent: 5px;



}







table.poll {



	border-collapse: collapse;



	padding: 0;



	width: 100%;



}







table.pollstableborder {



	border: none;



	padding: 0;



	text-align: left;



	width: 100%;



}







table.pollstableborder img {



	vertical-align: baseline;



}







table.pollstableborder td {



	background: none;



	border-collapse: collapse;



	border-spacing: 0;



	padding: 4px !important;



}







table.pollstableborder tr.sectiontableentry1 td {



	background: #E5E5E5;



}







table.searchintro {



	padding: 10px 0;



	width: 100%;



}







table.searchintro td {



	padding: 5px!important;



}







.blog_more strong {



	display: block;



	font-size: 125%;



	font-weight: bold;



	margin: 0 0 5px;



}







.blog_more ul {



	margin: 0;



	padding: 0;



}







.blog_more ul li {



	background: url(../images/arrow.png) no-repeat 6px 7px;



	margin: 0;



	padding: 0 0 0 15px;



}







.category {



	font-weight: bold;



}







h1.componentheading, .componentheading {



	background: url(../images/h3-bg.gif) repeat-x scroll left bottom;



	color: #666666;



	font-size: 120%;



	font-size: 100%;



	font-weight: bold;



	height: 32px;



	line-height: 32px;



	margin: 0 -9px 10px;



	padding: 0 10px;



	text-transform: uppercase;



}







.componentheading {



	font-size: 200%;



}







h2.contentheading, .contentheading {



	color: #666666;



	font-size: 100%;



	font-weight: bold;



	height: 32px;



	line-height: 32px;



	margin: 0 -9px 10px;



	padding: 0 10px;



}







.blog h2.contentheading, .blog .contentheading {



	font-size: 150%;



}







a.contentpagetitle {



}







a.contentpagetitle:hover,



a.contentpagetitle:active,



a.contentpagetitle:focus {



	color: #DB7812;



}







.contentdescription {



	padding-bottom: 30px;



}







table.contentpane form,



table.contentpane table {



	width: 100%;



}







a.readon {



	background: url(../images/icon-more.gif) no-repeat right 7px;



	color: #DB7812;



	font-weight: bold;



	padding: 2px 10px 0 0;



	text-align: center;



	text-decoration: none;



}







a.readon:hover, a.readon:focus, a.readon:active {



	border-bottom: 1px dotted;



	color: #DB7812;



	text-decoration: none;



}







table.contentpaneopen td, table.contentpane td {



}







table.contentpaneopen, table.contentpane, table.blog {



	width: 100%;



}







.moduletable {



	padding: 0;



}







div.blog_more {



	padding-top: 15px;



}







ul.pagination {



	margin: 10px 0;



	padding: 0;



}







ul.pagination li {



	background: none;



	display: inline;



	margin: 0;



	padding: 0;



}







ul.pagination li span {



	color: #999999;



	padding: 2px 5px;



}







ul.pagination a {



	background: #FAFAFA;



	border: 1px solid #DDDDDD;



	padding: 1px 5px;



	text-decoration: none;



}







ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {



	border: 1px solid #B5B5B4;



}







.pagenavbar {



	background: url(../images/icon-pages.gif) no-repeat center left;



	font-weight: bold;



	padding-left: 14px;



}







.pagenavcounter {



	background: url(../images/icon-pages.gif) no-repeat 0 11px;



	font-weight: bold;



	padding: 8px 14px 0 14px;



}







/* META



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



.createdate {



	background: url(../images/hsep.gif) no-repeat right center;



	color: #999999;



	padding-right: 5px;



}







.createby,



.createdby {



	color: #999999;



	padding-left: 5px;



}







.modifydate {



	color: #999999;



	display: block;



	float: left;



	margin-top: 10px;



	width: 100%;



}







.buttonheading {



}







.buttonheading img {



	border: 0;



	float: right;



	margin: 7px 5px 0 0;



}







/* MAIN LAYOUT



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



.wrap {



	clear: both;



	width: 100%;



}







.main {



	margin: 0 auto;



	width: 980px;



}







/* PRIMARY COLUMN



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



#ja-mainbody {



}







#ja-body {



	float: left;



	width: 72%;



}







#ja-content {



	float: right;



	width: 72%;



}







#ja-container #ja-content {



	background: url(../images/content-center.gif) repeat-y center top;



}







#ja-container .ja-content-top {



	background: url(../images/content-top.gif) no-repeat center top;



}







#ja-container .ja-content-bot {



	background: url(../images/content-bot.gif) no-repeat center bottom;



}







#ja-current-content {



	padding: 0 10px 10px;



}







#ja-container .main,



#ja-container-f .main,



#ja-container-fr .main,



#ja-container-fl .main {



	background: url(../images/main-bg.gif) no-repeat center top;



	display: block;



	overflow: hidden;



	width: 980px;



}







#ja-container .wrap,



#ja-container-f .wrap,



#ja-container-fr .wrap,



#ja-container-fl .wrap {



	background: url(../images/container-bot-bg.gif) repeat-x center bottom;



	display: block;



	overflow: hidden;



}







#ja-container .main .innerpad,



#ja-container-f .main .innerpad,



#ja-container-fr .main .innerpad,



#ja-container-fl .main .innerpad {



	background: url(../images/main-bot-bg.gif) no-repeat  center bottom;



	padding: 5px 10px;



}







/*columns*/



#ja-col1 {



	float: left;



	width: 27.9%;



}







#ja-container .main #ja-col1 .innerpad {



	padding: 0 10px 0 10px;



}







#ja-col2 {



	float: right;



	width: 27.9%;



}







#ja-container .main #ja-col2 .innerpad {



	padding: 0 10px 0 10px;



}







/* COLLAPSIBLE LAYOUT



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



#ja-container,



#ja-container-f,



#ja-container-fr,



#ja-container-fl {



	background: url(../images/container-bg.gif) repeat-x top left #FFFFFF;



	clear: both;



	margin: 0 0 20px;



}







/* Content + left ---*/



#ja-container-fr #ja-body {



	width: 100%;



}







#ja-container-fr #ja-col1 .innerpad {



	padding: 0 10px 0 0;



}







#ja-container-fr #ja-content {



	background: url(../images/content-center2.gif) repeat-y center top;



}







#ja-container-fr .ja-content-top {



	background: url(../images/content-top2.gif) no-repeat center top;



	width: 100%;



}







#ja-container-fr .ja-content-bot {



	background: url(../images/content-bot2.gif) no-repeat center bottom;



	width: 100%;



}







/* Content + right ---*/



#ja-container-fl #ja-col2 .innerpad {



	padding: 0 0 0 10px;



}







#ja-container-fl #ja-content {



	background: url(../images/content-center2.gif) repeat-y center top;



	width: 100%;



}







#ja-container-fl .ja-content-top {



	background: url(../images/content-top2.gif) no-repeat center top;



	width: 100%;



}







#ja-container-fl .ja-content-bot {



	background: url(../images/content-bot2.gif) no-repeat center bottom;



	width: 100%;



}







/* Full content ---*/



#ja-container-f #ja-body {



	width: 100%;



}







#ja-container-f #ja-content {



	background: url(../images/content-center1.gif) repeat-y center top;



	width: 100%;



}







#ja-container-f .ja-content-top {



	background: url(../images/content-top1.gif) no-repeat center top;



	width: 100%;



}







#ja-container-f .ja-content-bot {



	background: url(../images/content-bot1.gif) no-repeat center bottom;



	width: 100%;



}







/* MODULE



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



div.moduletable h3,



div.moduletable_text h3,



div.moduletable_menu h3,



div.moduletable_icon h3{



	color: #B5B5B4;



	font-size: 100%;



	letter-spacing: 1px;



	margin: 0 0 10px;



	padding: 2px 0 5px;



	text-transform: uppercase;



}







div.moduletable,



div.moduletable_text,



div.moduletable_menu,



div.moduletable_icon {



	margin: 0 0 15px;



	padding: 0 0 5px;



}







div.moduletable_blank {



	margin: 0 0 15px;



}







/* mis */



div.moduletable ul,



div.moduletable_text ul{



	margin: 0;



	padding: 0;



}







div.moduletable li,



div.moduletable_text li,



div.moduletable_menu li {



	line-height: 20px;



	margin: 0;



	padding-left: 0;



}







div.moduletable li a,



div.moduletable_text li a,



div.moduletable_menu li a {



	padding: 5px 2px 5px 15px;



}







/* Default Module */



div.module h3,



div.module_text h3,



div.module_menu h3,



div.module_highlight h3,



div.module_orange h3,



div.module_green h3,



div.module_pink h3,



div.module_blue h3,



div.module_red h3 {



	color: #B5B5B4;



	font-size: 100%;



	font-weight: bold;



	height: 32px;



	line-height: 32px;



	margin: 0 0 10px;



	padding: 0 10px;



	text-transform: uppercase;



}







div.module_menu h3 {



	margin-bottom: 0;



	overflow: hidden;



	padding-left: 10px;



}







div.module,



div.module_text,



div.module_menu,



div.module_tabs,



div.module_highlight,



div.module_green,



div.module_orange,



div.module_pink,



div.module_red,



div.module_blue {



	background: url(../images/box-br.gif) no-repeat right bottom;



	clear: both;



	display: block;



	float: left;



	margin: 0 0 15px;



	padding: 0;



	width: 100%;



	width: 100%;



}







div.module_tabs {



	background: url(../images/box-br-tabs.gif) no-repeat right bottom;



}







div.module div,



div.module_text div,



div.module_menu div {



	background: url(../images/box-bl.gif) no-repeat left  bottom;



}







div.module_tabs div {



	background: url(../images/box-bl-tabs.gif) no-repeat left  bottom;



}







div.module_tabs div.ja-box-tl {



	display: block;



	overflow: hidden;



}







div.module div div,



div.module_text div div,



div.module_menu div div {



	background: url(../images/box-tr.gif) no-repeat right top;



}







div.module div div div,



div.module_text div div div,



div.module_menu div div div {



	background: url(../images/box-tl.gif) no-repeat left top;



	padding: 0;



}







div.module div div div div,



div.module_text div div div div,



div.module_menu div div div div,



div.module_tabs div div div div {



	background: none;



}







div.module div.ja-box-ct,



div.module_highlight div.ja-box-ct,



div.module_orange div.ja-box-ct,



div.module_green div.ja-box-ct,



div.module_red div.ja-box-ct,



div.module_pink div.ja-box-ct,



div.module_blue div.ja-box-ct,



div.module_gray div.ja-box-ct {



	padding: 0 10px 10px;



}







/* Module menu ---*/



div.module_menu div div div {



	display: block;



	overflow: hidden;



	padding: 0 1px 6px 1px;



}







div.module_menu ul.menu li {



	border-bottom: none;



	border-top: 1px solid #D5D5D5;



}







div.module_menu ul.menu li li {



	border: none;



}







div.module_menu div.ja-box-ct {



	padding-bottom: 0;



}







/* Highlight module ---*/



div.module_highlight h3 {



	background: url(../images/h3-bg-orange.gif) repeat-x left bottom;



	color: #FFFFFF;



}







div.module_highlight {



	background: url(../images/box-br-orange.gif) no-repeat right bottom #BF4F14;



	color: #EEDDCC;



}







div.module_highlight div {



	background: url(../images/box-bl-orange.gif) no-repeat left bottom;



}







div.module_highlight div div {



	background: url(../images/box-tr-orange.gif) no-repeat right top;



}







div.module_highlight div div div {



	background: url(../images/box-tl-orange.gif) no-repeat left top;



	padding: 0;



}







div.module_highlight div div div div {



	background: none;



	color: #FFFFFF;



}







div.module_highlight img{



	background: #D36023;



	border: 1px solid #AF460E;



	margin: 5px 8px 0 0;



	padding: 4px;



}







div.module_highlight p {



	margin-top: 0;



}







div.module_highlight #ja-contentslider-center-wrap .jsslide,



div.module_highlight #ja-contentslider-left {



	background: url(../images/dot-cs-orange.gif) repeat-x left bottom;



}







/*orange module*/



div.module_orange h3 {



	background: url(../images/h3-bg-orange.gif) repeat-x left bottom;



	color: #FFFFFF;



}







div.module_orange {



	background: url(../images/box-br-orange.gif) no-repeat right bottom #BF4F14;



}







div.module_orange div {



	background: url(../images/box-bl-orange.gif) no-repeat left bottom;



}







div.module_orange div div {



	background: url(../images/box-tr-orange.gif) no-repeat right top;



}







div.module_orange div div div {



	background: url(../images/box-tl-orange.gif) no-repeat left top;



	padding: 0;



}







div.module_orange div div div div {



	background: none;



	color: #FFFFFF;



}







div.module_orange img {



	background: #D36023;



	border: 1px solid #AF460E;



	margin: 5px 8px 0 0;



	padding: 4px;



}







div.module_orange #ja-contentslider-left,



div.module_orange #ja-contentslider-center-wrap .jsslide {



	background: url(../images/dot-cs-orange.gif) repeat-x left bottom;



}







/* Blue module ---*/



div.module_blue h3 {



	background: url(../images/h3-bg-blue.gif) repeat-x left bottom;



	color: #FFFFFF;



}







div.module_blue {



	background: url(../images/box-br-blue.gif) no-repeat right bottom #5599EE;



	color: #EEDDCC;



	margin-bottom: 20px;



}







div.module_blue div{



	background: url(../images/box-bl-blue.gif) no-repeat left bottom;



}







div.module_blue div div {



	background: url(../images/box-tr-blue.gif) no-repeat right top;



}







div.module_blue div div div {



	background: url(../images/box-tl-blue.gif) no-repeat left top;



	padding: 0;



}







div.module_blue div div div div {



	background: none;



	color: #FFFFFF;



}







div.module_blue img{



	background: #66AAFF;



	border: 1px solid #478BE1;



	margin: 5px 8px 0 0;



	padding: 4px;



}







div.module_blue #ja-contentslider-left,



div.module_blue #ja-contentslider-center-wrap .jsslide {



	background: url(../images/dot-cs-blue.gif) repeat-x left bottom;



}







/* Red module ---*/



div.module_red h3 {



	background: url(../images/h3-bg-red.gif) repeat-x left bottom;



	color: #FFFFFF;



}







div.module_red {



	background: url(../images/box-br-red.gif) no-repeat right bottom #BB1E1E;



}







div.module_red div {



	background: url(../images/box-bl-red.gif) no-repeat left bottom;



}







div.module_red div div {



	background: url(../images/box-tr-red.gif) no-repeat right top;



}







div.module_red div div div {



	background: url(../images/box-tl-red.gif) no-repeat left top;



}







div.module_red  div div div div {



	background: none;



	color: #FFFFFF;



}







div.module_red img {



	background: #CC3030;



	border: 1px solid #AA1818;



	margin: 5px 8px 0 0;



	padding: 4px;



}







div.module_red #ja-contentslider-center-wrap .jsslide,



div.module_red #ja-contentslider-left {



	background: url(../images/dot-cs-red.gif) repeat-x left bottom;



}







/* Green module ---*/



div.module_green h3 {



	background: url(../images/h3-bg-green.gif) repeat-x left bottom;



	color: #FFFFFF;



}







div.module_green {



	background: url(../images/box-br-green.gif) no-repeat right bottom #88AA22;



}







div.module_green div {



	background: url(../images/box-bl-green.gif) no-repeat left bottom;



}







div.module_green div div {



	background: url(../images/box-tr-green.gif) no-repeat right top;



}







div.module_green div div div {



	background: url(../images/box-tl-green.gif) no-repeat left top;



	padding: 0;



}







div.module_green div div div div {



	background: none;



	color: #FFFFFF;



}







div.module_green img {



	background: #99BB22;



	border: 1px solid #799911;



	margin: 5px 8px 0 0;



	padding: 4px;



}







div.module_green #ja-contentslider-center-wrap .jsslide,



div.module_green #ja-contentslider-left {



	background: url(../images/dot-cs-green.gif) repeat-x left bottom;



}







/* Pink module ---*/



div.module_pink h3 {



	background: url(../images/h3-bg-pink.gif) repeat-x left bottom;



	color: #FFFFFF;



}







div.module_pink {



	background: url(../images/box-br-pink.gif) no-repeat right bottom #AF0274;



}







div.module_pink div {



	background: url(../images/box-bl-pink.gif) no-repeat left bottom;



}







div.module_pink div div {



	background: url(../images/box-tr-pink.gif) no-repeat right top;



}







div.module_pink div div div {



	background: url(../images/box-tl-pink.gif) no-repeat left top;



	padding: 0;



}







div.module_pink div div div div {



	background: none;



	color: #FFFFFF;



}







div.module_pink img {



	background: #BE1685;



	border: 1px solid #9E0269;



	margin: 5px 8px 0 0;



	padding: 4px;



}







div.module_pink #ja-contentslider-left,



div.module_pink #ja-contentslider-center-wrap .jsslide {



	background: url(../images/dot-cs-pink.gif) repeat-x left bottom;



}







/* Gray Module */



div.module_gray h3 {



	background: url(../images/h3-bg-gray.gif) repeat-x left bottom;



	color: #878787;



	font-size: 100%;



	font-weight: bold;



	height: 32px;



	line-height: 32px;



	margin: 0 0 10px;



	padding: 0 10px;



	text-transform: uppercase;



}







div.module_gray {



	background: #454545 url(../images/box-br-gray.gif) no-repeat right bottom;



	color: #858585;



}







div.module_gray div {



	background: url(../images/box-bl-gray.gif) no-repeat  left bottom;



}







div.module_gray div div {



	background: url(../images/box-tr-gray.gif) no-repeat right top;



}







div.module_gray div div div {



	background: url(../images/box-tl-gray.gif) no-repeat left top;



}







div.module_gray div div div div {



	background: none;



	padding: 0;



}







div.module_gray img {



	background: #353535;



	border: 1px solid #555555;



	margin: 5px 8px 0 0;



	padding: 4px;



}







div.module img,



div.module_text img,



div.module_menu img,



div.module_tabs img {



	margin-right: 10px;



	padding: 3px;



}







/* HEADER



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



#ja-header {



	background: url(../images/header-bg.gif) repeat-x left top;



	border-bottom: 1px solid #FFFFFF;



	z-index: 999;



}







#ja-header .main {



	height: 100px;



	line-height: normal;



	position: relative;



}







h1.logo, .logo-text h1 {



	font-size: 350%;



	left: 20px;



	margin: 0;



	padding: 0;



	position: absolute;



	text-transform: uppercase;



	top: 20px;



}







p.site-slogan {



	bottom: 22px;



	display: block;



	left: 0;



	margin: 0;



	position: absolute;



}







h1.logo a {



	background: url(../images/logo.png) no-repeat;



	display: block;



	height: 80px;



	width: 650px;



}







h1.logo a:hover, h1.logo a:active, h1.logo a:focus {



}







h1.logo a span {



	position: absolute;



	top: -1000px;



}







.logo-text h1 span {



	color: #DB7812;



}







.logo-text a {



	color: #656565;



	text-decoration: none;



}







.logo-text a:hover,



.logo-text a:active,



.logo-text a:focus {



	text-decoration: none;



}







/* Headtools ---*/



#ja-headtools {



	float: right;



	margin: 20px 0 1px 0;



	text-align: right;



	width: 70%;



}







#ja-headtools ul {



	margin: 0;



	padding: 0;



	white-space: nowrap;



}







#ja-headtools li {



	background: none;



	display: inline;



	line-height: normal;



	margin: 0;



	padding: 0 0 0 10px;



}







#ja-headtools li a {



	background: url(../images/arrow.png) no-repeat 3px center;



	color: #666666;



	line-height: 20px;



	padding: 0 0 0 10px;



	display: inline-block;



}







#ja-headtools li.last a {



	padding-right: 0;



}







#ja-headtools li a.show {



	background: url(../images/arrow-light-90cw.gif) no-repeat 3px center !important;



	color: #DB7812;



}







#ja-register, #ja-login {



	background: #FFFFFF;



	border: 1px solid #DDDDDD;



	display: none;



	height: auto;



	overflow: hidden;



	padding: 5px 15px;



	position: absolute;



	right: 10px;



	text-align: left;



	top: 40px;



	z-index: 999;



}







.ja-login-links {



	margin-top: 10px;



}







/* MAIN NAVIGATION



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



#ja-mainnav {



	background: #F4F4F4;



	border-top: 1px solid #D5D5D5;



	padding: 2px 0;



	z-index: 999;



}







#ja-mainnav .inner {



	position: relative;



}







/* Subnav ---*/



#ja-subnav div div div div {



	padding: 0 0 5px;



}







#ja-subnav h3 {



	margin-bottom: 0;



}







#ja-subnav div.sublevel ul {



	margin: 0;



}







div.sublevel li {



	background: none;



	border-top: 1px solid #D36023;



	display: block;



	line-height: normal;



	margin: 0;



	padding: 0;



}







#ja-subnav div.sublevel li a {



	color: #EEDDCC;



	display: block;



	font-size: 92%;



	font-weight: bold;



	margin: 0;



	outline: none;



	padding: 8px 0 8px 10px;



	text-decoration: none;



	text-transform: uppercase;



}







#ja-subnav div.sublevel li a:hover,



#ja-subnav div.sublevel li a:active,



#ja-subnav div.sublevel li a:focus {



	color: #FFFFFF;



}







/* Search ---*/



#ja-search {



	clear: both;



	float: right;



}







#ja-search .search {



	background: url(../images/search-bg.gif) no-repeat;



	display: block;



	height: 28px;



	width: 250px;



}







#mod_search_searchword {



	background: none;



	border: none;



	color: #666666;



	float: left;



	padding: 5px;



}







#ja-search .search .button {



	background: url(../images/button-search.gif) no-repeat !important;



	border: none;



	float: right;



	height: 24px;



	margin-right: 2px;



	margin-top: 2px;



	width: 40px;



}







/* Top banner ---*/



#ja-banner-top {



	background: url(../images/banner-home-1.jpg) no-repeat center top #F4F4F4;



}







#ja-banner-top .main {



	background: url(../images/banner-mask.png) no-repeat center top;



	height: 120px;



}







/* Pathway ---*/



#ja-pathway {



	background: url(../images/icon-home.gif) no-repeat left center;



	clear: both;



	height: 22px;



	margin-bottom: 10px;



	padding: 2px 0 2px 30px;



}







#ja-pathway strong {



	margin-right: 5px;



}







#ja-pathway a {



	color: #DB7812;



	text-decoration: none;



}







#ja-pathway a:hover,



#ja-pathway a:active,



#ja-pathway a:focus {



	color: #DB7812;



	text-decoration: underline;



}







#ja-pathway img {



	margin: 1px 5px;



}







#ja-pathway .ja-pathway-text {



	overflow: hidden;



}







/* Default Joomla! Menu */



ul.menu {



	display: block;



	list-style: none;



	margin: 0;



	overflow: hidden;



	padding: 0;



}







ul.menu li {



	background: none;



	border-bottom: 1px solid #D5D5D5;



	display: block;



	line-height: normal;



	margin: 0;



	overflow: hidden;



	padding: 0;



	width: 100%;



}







ul.menu li a {



	color: #666666;



	display: block;



	font-size: 92%;



	font-weight: bold;



	margin: 0;



	outline: none;



	padding: 4px 0 4px 5px;



	text-decoration: none;



	text-transform: uppercase;



}







ul.menu li a:hover,



ul.menu li a:active,



ul.menu li a:focus {



	background: #F4F4F4;



	color: #666666;



	text-decoration: none;



}







ul.menu li.active a {



	background: #F4F4F4;



	color: #666666;



	font-weight: bold;



}







ul.menu li ul {



	display: block;



	list-style: none;



	margin: 0;



	overflow: hidden;



	padding: 0;



}







ul.menu li li {



	background: none !important;



	border: none;



	padding: 0 0 0 10px;



}







ul.menu li li a {



	background: url(../images/arrow.gif) no-repeat 2px 8px !important;



	border: none;



	color: #4F4F4F !important;



	font-weight: normal !important;



	padding: 5px 5px 5px 10px !important;



	text-transform: none;



}







ul.menu li.active li a {



	background: #FFFFFF;



}







ul.menu li li a:hover,



ul.menu li li a:active,



ul.menu li li a:focus {



	background: url(../images/arrow2.gif) no-repeat 0px 8px;



	color: #666666 !important;



	text-decoration: underline;



}







ul.menu li li.active a {



	color: #666666;



	font-weight: bold !important;



}







ul.menu li li li a {



	background: url(../images/bullet.gif) no-repeat 25px 10px !important;



	color: #4F4F4F !important;



	font-weight: normal !important;



	padding-left: 35px !important;



}







ul.menu li li li.active a {



	font-weight: bold !important;



}







/* SPOTLIGHT



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



.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {



	float: left;



	overflow: hidden;



	padding-top: 15px;



}







.ja-box-left div.moduletable {



	padding-right: 15px;



}







.ja-box-center div.moduletable {



	padding: 0 15px;



}







.ja-box-right div.moduletable {



	padding-left: 15px;



}







/* Top spotlight ---*/



#ja-topsl {



	margin-bottom: 15px;



}







#ja-cs .innerpad {



	padding: 0 0 0 5px !important;



}







#ja-video {



	float: left;



	width: 72%;



}







#ja-cs {



	float: left;



	width: 27.9%;



}







#ja-topsl div.module,



#ja-topsl div.module_highlight,



#ja-topsl div.module_orange,



#ja-topsl div.module_green,



#ja-topsl div.module_red,



#ja-topsl div.module_gray,



#ja-topsl div.module_pink,



#ja-topsl div.module_blue {



	margin-bottom: 0;



}







/* Bottom spotlight ---*/



#ja-botsl {



	background: url(../images/bot-bg.gif) repeat-x left top #fff;



	padding-bottom: 20px;



}







#ja-botsl .main {



	width: 920px;



}







#ja-botsl h3 {



	border-bottom: 1px solid #333333;



	color: #666666;



	font-weight: bold;



	margin: 0 0 10px;



}







#ja-botsl div.ja-innerdiv {



	border: none;



}







#ja-botsl div.moduletable {



	margin-bottom: 0;



}







#ja-botsl li {



	background: url(../images/bullet.gif) no-repeat left center;



	border-bottom: none;



	line-height: normal;



	padding: 2px 0 2px 10px;



}







#ja-botsl div.moduletable_icon li {



	background: none;



	padding-left: 0;



}







#ja-botsl a {



	background: none;



	border: none;



	color: #DB7812;



	padding: 0;



}







#ja-botsl img {



	background: #303030;



	margin-top: 10px;



}







#ja-botsl ul.menu a img {



	display: block;



	float: left;



	padding: 3px 0 !important;



	vertical-align: middle;



}







#ja-botsl ul.menu a span {



	display: block;



	float: left;



	padding: 3px 0 2px;



}







/*JA Slideshow*/



#ja-slideshow {



	background: url(../images/topsl-bg.jpg) no-repeat top left;



	height: 446px;



	margin-bottom: 10px;



	overflow: hidden;



}







 



/* FOOTER



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



#ja-footer {



	/*background: #222222;



	border-top: 1px solid #333333;*/



	text-align: center;



}







#ja-footer .sublogo {



	float: left;



	margin: 0 45px 0 25px;



	width: 153px;



}







#ja-footer .ja-info {



	float: left;



	width: 65%;



}







#ja-footer .main {



	padding: 20px 0;



	text-align: left;

   

	background: url(../images/f_bg.gif) no-repeat;

background-position:bottom;

	/*background: url(../images/topsl-bg.jpg) no-repeat;*/



}







#ja-footer small {



	color: #666666;



	font-size: 100%;



	margin-top: 10px;



}







#ja-footer ul {



	line-height: normal;



	margin: 0;



}







#ja-footer li {



	background: url(../images/vline.gif) no-repeat left;



	display: inline;



	margin: 0;



	padding: 0 10px;



}







#ja-footer a {



	background: none;



	color: #666666;



	display: inline;



	line-height: normal;



}







#ja-footer a:hover,



#ja-footer a:active,



#ja-footer a:focus {



	background: none;



	color: #FFFFFF;



	text-decoration: underline;



}







#ja-footer small a {



	color: #DB7812;



	padding-left: 3px;



}







 



/* MISCELLANOUS



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



.clr {



	clear: both;



}







.hastip img {



	border: none;



	margin: 10px 5px 0 0;



}







div.ja-innerdiv {



	background: url(../images/dot2.gif) repeat-x left bottom;



	padding: 10px 0 10px;



}







div.ja-innerdiv span.title {



	display: block;



	font-weight: bold;



}







div.ja-innerdiv img {



	border: 1px solid #DDDDDD;



	margin: 5px 10px 0 0;



	padding: 3px;



}







li.ja-firstitem, .firs-titem {



	background: none !important;



	padding-left: 0 !important;



}







ul li img {



	background: none !important;



	margin: 0 5px 0 0 !important;



	padding: 0 !important;



}







/* Tooltips */



.tool-tip {



	background: #FFFFFF;



	border: 1px solid #DDDDDD;



	float: left;



	max-width: 600px;



	padding: 5px;



}







.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;



}







#system-message {



	margin: 10px;



}







#system-message a {



	color: #333333;



}







#system-message dd {



	text-indent: 0;



}







#system-message dt.notice,



#system-message dt.error,



#system-message dt.done,



#system-message dt.message {



	display: none;



}







#system-message dd.message ul,



#system-message dd.error ul,



#system-message dd.notice ul,



#system-message dd.done ul {



	border: none;



	margin: 0;



	padding: 0;



}







#system-message dd.message ul li,



#system-message dd.error ul li,



#system-message dd.notice ul li {



	background: none;



	margin: 0;



	padding: 5px 5px 5px 30px;



}







/* System Standard Messages */



#system-message dd.message ul {



	background: url(../images/icon-info.gif) no-repeat 10px #FAFAFA;



	color: #666666;



}







#system-message dd.done ul {



	background: url(../images/icon_done.gif) no-repeat 10px #FAFAFA;



	color: #666666;



}







/* System Error Messages */



#system-message dd.error ul {



	background: url(../images/icon-error.gif) no-repeat 10px #FAFAFA !important;



	color: #DB7812 !important;



}







/* System fade Messages */



#system-message dd.fade ul {



	background: url(../images/icon-info.gif) no-repeat 10px #FAFAFA;



	color: #666666;



}







/* System Notice Messages */



#system-message dd.notice ul {



	background: url(../images/icon-info.gif) no-repeat 10px #FAFAFA;



	color: #666666;



}