/*------------------------------------------------------------------------
# JA Sulfur - Version 1.0 - Licence Owner JA130162
# ------------------------------------------------------------------------
# Copyright (C) 2004-2009 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 {
	font: normal 11px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	padding: 0px;
}

body#bd {
	background: #efeff0 url(../images/bgtop.jpg) repeat-x left top;
	color: #333;
	font: normal 11px/15px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
}

body.contentpane {
	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:link,
a:visited,
a:active {
	color: #2CA4D9;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}

a img {border: none; }


	
/* Small text ---*/
small, .small, .smalldark, .article-tools, .modifydate, .img_caption, span.site-slogan, #ja-pathway, #ja-botsl, #ja-footer {
	font: 10px/19px Verdana, Geneva, sans-serif;
}

small, .small, .img_caption {
	color: #666;
}

.small3 {
	color: #666;
	vertical-align: top;
	height: 50px;
	display: block;
}

#logoutformbuttons{
	background: #EEE;
	padding: 5px;
	height: auto;
	width: auto;
}

/* Heading ---*/
th {
	padding: 0px;
	text-align: left;
}

h1 { font-size: 200%; }
h2 { font-size: 16px; }
h3 { font-size: 11px; }
h4 { font-size: 125%; }
h5 { font-size: 115%; }

p, pre, blockquote, h1, h2, h3, h4, h5, h6 {
	padding: 0;
}

/* List ---*/
ul {
	padding: 0 0 0 px;
	margin: 0 0 0 0px;
	list-style: none;
	
}

ul li {
	
}

ul li a {
	text-decoration: none !important;
}

ul li a:hover {
	text-decoration: underline !important;
}

ol li {
	
}


/* Others ---*/
fieldset {
	border: none;
	padding: 10px 5px;
}

fieldset a {
	font-weight: normal;
}

fieldset.input {
	padding: 0;
}

hr {
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	height: 1px;
}

td {
	padding: 0;
}

/* Form ---*/
form label {
	cursor: pointer;
}

input, select, textarea, .inputbox, .button {
	font-family: Arial, sans-serif;
	font-size: 11px;
}

.inputbox {
	background: #FFFFFF;
	border: 1px solid #D5D5D5;
	padding: 6px;
	width: 320px;
}

.inputbox:hover, .inputbox:focus {
	
}

.button {

}

#menu {
	float: left;
	
}







/* JOOMLA STYLE
--------------------------------------------------------- */
.article_separator,
.article_separator_default {
	background: url(../images/dot.gif) repeat-x center;
	clear: both;
	display: block;
	line-height: 20px;
}

.leading_separator,
.leading_separator_default {
	background: url(../images/sep-dot.gif) repeat-x center;
	clear: both;
	display: block;
	line-height: 20px;
}

 
.row_separator,
.row_separator_default {
	display: none;
}

.column_separator,
.column_separator_default {
	padding: 0 5px;
}

.cols2 {
	float: left;
	width: 49.9%;
}

.cols3 {
	float: left;
	width: 33.3%;
}

.cols2 .ja-innerpad {
	padding: 0 15px;
}

.column1 .ja-innerpad {
	padding-left: 0 !important;
}

.column2.cols2 .ja-innerpad {
	padding-right: 0;
}

.cols3 .ja-innerpad {
	padding: 0 10px;
}

.column3 .ja-innerpad {
	padding-right: 0;

}

/* content tables */
.sectiontableheader {
	background: #E8E8E8;
	color: #333;
	font-weight: normal;
	padding: 16px;
}

.sectiontableheader td {
	padding: 8px;
}

.sectiontableheader a {
	color: #333!important;
	font-weight: normal;
		padding: 10px;
	
}

.sectiontableheader a:hover,
.sectiontableheader a:focus,
.sectiontableheader a:active {
	color: #FFFFFF;
	padding: 10px;
	height: 30px;	
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
	border-bottom: 1px solid #E3E3E3;
	padding: 8px 5px;
	background: #F5F5F5;
}

tr.sectiontableentry2 td {
	background: #FFFFFF;
}

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
}

table.contentpane {
	border: none;
	width: 100%;
}

table.contentpaneopen {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 0px;
}

table.contenttoc {
	border: 1px solid #D5D5D5;
	float: right;
	margin: 20px 0 10px 20px;
	width: 30%;
}

table.contenttoc a {
	text-decoration: none;
}

table.contenttoc td {
	background: url(../images/bullet.gif) no-repeat 10px 7px;
	padding: 1px 5px 1px 20px;
}

table.contenttoc th {
	background: url(../images/sep-dot.gif) repeat-x bottom;
	font-size: 125%;
	padding: 5px 20px;
}

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: #FFFFFF;
}

table.searchintro {
	padding: 10px 0;
	width: 100%;
}

table.searchintro td {
	padding: 5px!important;
}

.blog_more h2 {
	font-size: 100%;
	margin: 0 0 5px;
	padding: 0;
	text-transform: uppercase;
}

.blog_more strong {
	display: block;
	font-size: 125%;
	margin: 0 0 5px;
}

.blog_more ul {
	margin: 0;
	padding: 0;
}

.blog_more ul li {
	background: url(../images/arrow.gif) no-repeat 0px 9px;
	margin: 0;
	padding: 2px 0 2px 10px;
}

.category {
	
}


a.readon {
	background: url(../images/readon-bg.gif) no-repeat left top;
	color: #757575;
	display: block;
	float: left;
	font-size: 10px;
	font-weight: normal;
	padding: 2px 10px;
	text-transform: uppercase;
	width: 75px;
}

a.readon:hover, a.readon:focus, a.readon:active {
	color: #B81D57;
	text-decoration: none;
}

ul.pagination {
	background: #e2f0f9;
	margin: 10px auto 5px;
	padding: 10px;
}

ul.pagination li {
	background: none;
	display: inline;
	margin: 0;
	padding: 0;
}

ul.pagination li span {
	padding: 2px;
}

ul.pagination a {
	padding: 2px;
	text-decoration: none;
}

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

.pagenavbar {
	background: #CCC url(../images/icon-pages.gif) no-repeat left center;
	padding-left: 14px;
}

.pagenavcounter {
	background: url(../images/icon-pages.gif) no-repeat 0 11px;
	padding: 8px;
}

.smalldark {
	text-align: left;
}

div.syndicate div {
	text-align: center;
}

.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
	background: none;
}

.img-desc {
	float: left;
}

.img_caption {
	margin-bottom: 0px;
	overflow: hidden;
	text-align: left;
	background: #F7F7F7;
}

.img_caption.left {
	margin-right: 15px;
}

.img_caption.right {
	margin-left: 18px;
	margin-bottom: 18px;
}

.img_caption.center {
	margin: 0 auto 0px;
}

.blog .img_caption,
.blog_default .img_caption {
	margin-right: 0;
}

.blog .img_caption {
	margin: 0 5px 0 0;
	padding: 5px 5px 0px;
}

img.caption {
	margin: 0px;
}

.article-content img {
	margin: 3px 15px 0 0;
	padding: 0;
}

.img_caption p {
	color: #666;
	padding: 8px;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-align: left;
}

.paramlist_key {
	width: 120px !important;
}

/* 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-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;
}

/* META
--------------------------------------------------------- */
.article-toolswrap {
	margin: 0 0 10px;
}

.article-tools {
	color: #999999;
	display: block;
	position: relative;
}

.article-meta {
	float: left;
}

.createby {
	border-left: 1px dotted #999999;
	padding: 0 5px;
}

#createdate {
	margin-top: 2px;
	margin-bottom: -3px;
}

.createdate {
	font-size: 9px;
	color: #666;
}

.createdby {
	padding-left: 5px;
}

.modifydate {
	color: #999999;
	display: block;
	margin-bottom: 5px;
}

div.buttonheading {
	position: absolute;
	right: 10px;
	top: 0;
}

.buttonheading img {
	border: 0;
	float: right;
	margin: 0 0 0 5px;
}



/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#news2 {
	margin-bottom: 40px;
}

.newsflash2 {
	line-height: 40px;
	vertical-align: top;
}

a.newsflash2 {
	color: #666;
	
}

a.newsflash2:hover {
	color: #000;
	text-decoration: underline;
	
}

#mm-eventbox {
	padding: 15px;
	margin: -40px 0px 0px;
}

#newsimage {
	margin-bottom: 6px;
    margin-right: 8px;
	width: 60px;
}

#greybox {
	;
	background: #EEE;
	padding: 15px;
}


#mm-eventimage {
	border: 4px solid #E6E6E6;
	margin-bottom: 10px;
	width: 120px;
	color: #333;
	text-align: center;
	font: normal 10px Verdana, Geneva, sans-serif;
	display: table;
}

#mm-eventimage a {
	border: 4px solid #DDDDDD;
	margin-bottom: 9px;
	width: 120px;
	color: #333;
	text-align: center;
	font: normal 10px Verdana, Geneva, sans-serif;
	display: table;
}

#mm-eventimage a:hover {
	border: 4px solid #EB0939;
	margin-bottom: 9px;
	width: 120px;
	color: #333;
	text-align: center;
	font: normal 10px Verdana, Geneva, sans-serif;
	display: table;
}

#mm-eventimage2 {
	border: 4px solid #E6E6E6;
	width: 120px;
	margin-left: 10px;
	margin-bottom: 10px;
	color: #333;
	text-align: center;
	font: normal 10px Verdana, Geneva, sans-serif;
	
}

#title2 {
	font-size: 11px;
	margin-top: 5px;
}

#addevent {
	width: auto;
	padding: 10px 10px 10px 0px;
	margin-bottom: 10px;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #666;
	border-bottom: 1px dotted #CCC;
}

#mm-feature {
	border-right: 1px solid #EDEDED;
	margin: 0px;
	padding: 0px 17px 0px 0px;
	font-weight: normal;
}

#mm-feature a {
	font-weight: normal;
}

#mm-feature a:hover {
	font-weight: normal;
}

#mm-header {
	background: url(../images/headconnect.jpg) repeat;
	padding: 15px 10px 10px 15px;
	height: 80px;
	width: auto;
	border: 1px solid #EEE;
	margin-bottom: 20px;
}

#newsblog {
	padding: 16px;
	background: #FAFAFA repeat-x left bottom;
	margin-bottom: 10px;
	border-bottom: 1px solid #EEE;
}

#blogimg {
	margin-right: 20px;
}

#footermenu {
	font: 12px Arial, Helvetica, sans-serif;
	color: #999;
	padding: 20px;
	background: url(../images/bgbot.jpg) no-repeat left top;
	height: 140px;
}


#mm-thumbs {
	background: #ECECEC;
	width: 300px;
	margin-top: 10px;
	margin-bottom: 12px;
	padding-top: 12px;
	padding-left: 12px;
}

.componentheading {
	font: bold 25px Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #000;
	padding: 2px 3px 5px 0px;
	width: auto;
}

.contentdescription {
	padding-bottom: 30px;
}

.contentheading {
	font: bold 28px Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #666;
	padding: 2px 3px 5px 0px;
	width: auto;
}

.redheading {
	font: bold 25px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	text-transform: none;
	color: #000;
	padding: 2px 3px 5px 0px;
	width: auto;
	letter-spacing: -1px;
}

#contentheading2 {
	font-size: 12px;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	padding: 0px;
	width: auto;
	line-height: 24px;
}

#blogspot {
	margin-right: 13px;
	margin-left: 13px;
}

.latestnews {
	margin-bottom: 6px;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #666;
}


#topfeature {
	margin-right: 15px;
	background: url(../images/featbg.jpg) no-repeat left top;
	height: auto;
	width: auto;
	padding: 15px;
}

#slide {
	font-size: 16px;
}

#flash {
	width: 300px;
	margin-left: -14px;
	margin-right: 35px;
}

#topad {
	margin: 10px;
	width: 305px;
}




#mm-wrapper1 {
	width: auto;
	margin: auto;
}

#headlines {
	font: 24px Arial, Helvetica, sans-serif;
	color: #333;
}

#favourites {
	border-bottom: 1px dotted #D9D9D9;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 2px;
	margin-bottom: 1px;
}

.maintext {
	padding-left: 15px;
}

#boxsep2 {
	width: 300px;
	margin-right: 15px;
	padding-right: 10px;
	border-right: 1px solid #EEE;
}

#boxvir {
	height: 604px;
	width: 308px;
	margin: 0px 20px 0px 0px;
	padding: 0px;
}

#boxvirb2 {
		margin-bottom: 14px;
}

#boxvirb3 {
	margin-left: 0px;
}

#sepouter {
	margin-right: 10px;
	border: 3px solid #FFF;
}

#columnbox {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 9px;
	border-top: 1px solid #D7D7D7;
	border-right: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	border-left: 1px solid #D7D7D7;
	background: #FFF;
}

#wrapper_menu {
	padding: 0px;
	color: #333;
	height: 120px;
	margin: 0px 0px 18px;
	width: auto;
	background: #FFF;
}



#mm-main {
	padding: 15px;
	

}

#mm-main5 {
	padding: 15px;
		width: auto;
	

}


#form {
	padding-left: 240px;
}

#formtext {
	padding-right: 5px;
}

#mainsep {
	border-right: 1px solid #DDD;
	margin-right: 15px
}

#main2 {
	background: #FFF url(../images/maintop.jpg) no-repeat left top;
	border: 1px solid #DDD;
}

#mm-main3 {
	overflow: hidden;
	padding-right: 15px;
	font-weight: normal;
		background: #FFF;

}


#newsbg{
	background: #F4F4F4;
	padding: 5px;
	border-bottom: 1px solid #E3E3E3;
}

#imagenews{
	padding: 0px;
	border: 4px solid #FFF;
	margin: 0px 0px 0px 10px;
}

.image2{
	margin: 0px;
	padding: 0px;
}

#searchbar{
	background: #E7F4FB;
	margin: 0px;
	padding: 0px 19px 19px;
	height: 60px;
	width: auto;
}

#newscat{
	margin-top: 5px;
	margin-bottom: 7px;
	border-bottom: 1px solid #E1E1E1;
}

#mm-newslink{
	color: #000000;
	font: bold 20px/22px Arial, Helvetica, sans-serif;
}


#mm-newslink a {
	color: #000000;
	font: bold 20px/22px Arial, Helvetica, sans-serif;

}

#mm-newslink a:hover {
	color: #000000;
	font: bold 20px/22px Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

#mm-newslink2{
	
	font: bold 13px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
}


#mm-newslink2 a {
	
	font: bold 13px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;

}

#mm-newslink2 a:hover {
	color: #000000;
	font: bold 13px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	text-decoration: underline;
}

#main{
	margin: 0 auto;
	width: 920px;
}

#menurok{
	background: url(../images/menubgrock.jpg) no-repeat left top;
	height: 40px;
	width: auto;
}

#breadcrumb{
	padding: 15px;
	background: #FFF;
	line-height: 16px;
	color: #666;
	border-top: 0px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 0px solid #DDD;
	border-left: 1px solid #DDD;
}

#breadway{
	
	color: #333;
	text-align: left;
}

#newsletter{
	padding: 15px;
	background: #F3F3F3;
	color: #333;
	text-align: left;
	width: 270px;
	margin-bottom: 15px;
}

#newsmod{
	padding-bottom: 6px;
	border-bottom: 1px dashed #DDD;
	margin-bottom: 12px;
}

#newsmod2{
	padding-bottom: 6px;
	border-bottom: 1px dashed #DDD;
	margin-bottom: 4px;
}

#eventcat{
	padding-bottom: 6px;
	border-bottom: 1px dashed #DDD;
	margin-bottom: 12px;
}

.main, #ja-topsl .ja-box-ct {
	
}

#ja-contentwrap {
	
}

#ja-content {
	
}

#formjump {
	padding: 6px 0px;
	border-top: 0px solid #C0CAD3;
	border-right: 0px solid #C0CAD3;
	border-bottom: 1px solid #C0CAD3;
	border-left: 0px solid #C0CAD3;
}

#mm-banner {
	height: 90px;
	width: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}

#eventmod {
	background: url(../images/bgcontent.jpg) repeat-x left top;
	padding: 15px;
	height: 800px;
	width: auto;
	border-top: 1px solid #EEE;
}

#eventmod2 {
	background: url(../images/bgcontent.jpg) repeat-x left top;
	padding: 15px 25px 10px 15px;
	height: 390px;
	width: auto;
	border-top: 1px solid #EEE;
}


#mm-col1 {
	float: left;
	width: 300px;
	overflow: hidden;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	background: #000;
}

#mm-col2 {
	float: right;
	width: 300px;
	overflow: hidden;
	padding-right: 15px;
	padding-top: 15px;
}

#mm-col2 div.mm-innerpad {
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0;
}

#mm-col2 a, #mm-col2 a:active, #mm-col2 a:visited {
	
}

#mm-col2 a:hover, #mm-col2 a:focus {
	
}

#mm-col1 table,
#mm-col2 table {
	border-collapse: collapse;
	border-spacing: 0;
}


.maintext {
	padding: 0px 0px 9px 14px;
}
#eventlistname{
	margin-left: 30px;
	margin-bottom: -18px;
}

#black{
	color: #333;
	font-size: 11px;
	
}

#blackreg{
	font: 20px Arial, Helvetica, sans-serif;
}

#blackreg a{
	font: 20px Arial, Helvetica, sans-serif;
	color: #00A2EE;
	text-decoration: underline;
}

#blackreg a:hover{
	font: 20px Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: underline;
}

#events {
	padding: 12px;
	margin: 3px 0px;
	background: #111111;
}

#headermessage {
	background: #EAF3F8;
	color: #D52C77;
	margin-bottom: 10px;
	padding: 13px;
	border: 1px solid #CFE5EF;
	height: auto;
	width: auto;
	font-size: 12px;
	display: block;
	clear: both;
}

#header {
	background: #222 url(../images/header.jpg);
	height: 30px;
	padding: 7px;
	margin-bottom: 60px;
}

#mm-header2 {
	height: 60px;
	width: 90%;

}

.newsmore {
	height: 20px;
	width: auto;
	background: #202020;
	padding: 3px 3px 3px 9px;
	border-bottom: 0px solid #333;
	display: block;
	border-top: 1px solid #333;
	border-right: 0px solid #333;
	border-left: 0px solid #333;
	font: 9px Verdana, Geneva, sans-serif;
	margin-top: 4px;
}

#mm-header3 {
	background: url(../images/header_bg.gif) repeat;
	padding: 10px;
	height: auto;
	width: auto;
	border: 1px solid #D6E9FA;
	margin-top: 0px;
	margin-bottom: 0px;
}


#mm-searchfont {
	font: normal 30px/35px Arial, Helvetica, sans-serif;
	color: #000;
	letter-spacing: -1px;
}

.imagepadding {
	padding-right: 20px;
	padding-bottom: 10px;
}

/* 100% WIDTH
--------------------------------------------------------- */




/* COLLAPSIBLE LAYOUT
--------------------------------------------------------- */
div.moduletable h3 {
	color: #999;
	height: 27px;
	text-transform: capitalize;
	padding: 12px 10px 10px 14px;
	margin-bottom: 10px;
	background: url(../images/h3bg.jpg) no-repeat left top;
	font-size: 13px;
	font-weight: bold;
}

div.moduletable {
}


/* Right Module */
div.module h3 {
	font-size: 12px;
	line-height: 18px;
	text-transform: capitalize;
	padding: 5px 5px 5px 9px;


}



div.module,
div.module-grey,
div.module-dark,
div.module-blank {
	padding: 0;
	float: left;
	clear: both;
	width: 300px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0;
	overflow: hidden;
}

div.module div, div.module div div,
div.module-grey div, div.module div div,
div.module-dark div, div.module div div {
	overflow: hidden;
	
}

div.module div div div,
div.module-grey div div div,
div.module-dark div div div {
	overflow: hidden;

}

div.module-blank div div div {
	padding: 0px;
	margin-right: 15px;
		overflow: hidden;
}

div.module div div div div,
div.module-grey div div div div,
div.module-dark div div div div,
div.module-blank div div div div {
	
}



div.module {
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
}

div.module div {
	overflow: hidden;
}

div.module div div {
		overflow: hidden;
}

div.module div div div {
		overflow: hidden;
}

/* HEADER
--------------------------------------------------------- */


/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-mainnav {
	background: url(../images/mainnav-bg.gif) repeat-x left bottom;
	border-bottom: 1px solid #D5D5D5;
	border-top: 5px solid #434343;
	position: relative;
	z-index: 100;
}

#ja-mainnav ul {
	float: left;
}

#ja-subnav {
}

#ja-subnav ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#ja-subnav li {
	background: url(../images/dot.gif) repeat-x left bottom;
	display: block;
	line-height: normal;
	margin: 0;
	padding: 0;
}

#ja-subnav a {
	background: url(../images/arrow.gif) no-repeat 0 12px;
	color: #555555;
	display: block;
	margin: 0;
	outline: none;
	padding: 7px 0 7px 10px;
	text-decoration: none;
	width: 100%;
}

#ja-subnav a:hover,
#ja-subnav a:active,
#ja-subnav a:focus {
	background: url(../images/arrow-hover.gif) no-repeat 0 12px;
	color: #B81D57;
	text-decoration: none;
}

#ja-subnav li.active a {
	background: url(../images/arrow-hover.gif) no-repeat 0 12px;
	color: #B81D57;
	font-weight: bold;
}

/* search */
#search {
	float: right;
	margin-top: 1px;
}

#mod_search_searchword {
	background: url(../images/searchbg.jpg) no-repeat left 2px;
	color: #666;
	padding: 7px 5px 7px 10px;
	width: 180px;
	border-width: 0px;
	border-style: solid;
}

/* Pathway ---*/
#ja-pathway{
	background: url(../images/pathway-bg.gif) no-repeat center top;
	border-bottom: 1px solid #353535;
	border-top: 1px solid #D5D5D5;
	color: #454545;
	position: relative;
	text-transform: uppercase;
	z-index: 98;
}

#ja-pathway .main {
	background: url(../images/grad1.gif) repeat-x left top;
	padding: 10px 0;
	position: relative;
}

#ja-pathway .inner {
	background: url(../images/pw-inner-bg.gif) no-repeat right center;
	display: block;
	float: left;
	height: 22px;
	line-height: 22px;
	padding: 0 15px 0;
}

#ja-pathway strong {
	color: #757575;
	float: left;
	margin: 0 5px 0 10px;
}

#ja-pathway span {
	display: block;
	float: left;
}

#ja-pathway a {
	display: inline-block;
	height: 22px;
	line-height: 22px;
}

#ja-pathway a:hover,
#ja-pathway a:active,
#ja-pathway a:focus {
}

#ja-pathway img {
	margin: 1px 5px;
}

/* Default Joomla! Menu */
#topmenu {
	float: right;
}


a.mainlevel  {
	color: #FFF;
	background: url(../images/topmenu_left.png) no-repeat left top;
	margin-left: 6px;
	padding: 6px 6px 6px 7px;
	font-size: 11px;
}

a.mainlevel li {
	color: #FFF;
	background: url(../images/topmenu_right.png) no-repeat right top;	
}

a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus {
		background: url(../images/topmenu_lefthover.png) no-repeat left top;

}

a.mainlevel#active_menu {
		background: url(../images/topmenu_lefthover.png) no-repeat left top;

}

a.sublevel {
	
}



a.sublevel:hover,
a.sublevel:active,
a.sublevel:focus {
	width: 180px;
	display: block;
	color: #FFF;
	background: #000;
	padding: 7px 0 7px 15px;
	border-bottom: 1px solid #FFF;
	margin: 0px 0px 0px -10px;
	text-transform: uppercase;
	text-decoration: none;
}

#active_menu {
		background: url(../images/topmenu_lefthover.png) no-repeat left top;
}


/* login */



#userlog{
	margin-left: 150px;
}


#com-form-login-username .inputbox{
	background: #FFF url(../images/inputme.jpg) no-repeat left 2px;
	border: 0px solid #CCC;
	padding: 11px 15px 11px 11px;
	width: 315px;
	height: 20px;
	font: 16px Arial, Helvetica, sans-serif;
	color: #666;
}

#com-form-login-username .input{
	background: #FFF url(../images/inputme.jpg) no-repeat left 2px;
	border: 0px solid #CCC;
	padding: 11px 15px 11px 11px;
	width: 330px;
	height: 42px;
	font: 16px Arial, Helvetica, sans-serif;
	color: #666;
}

#com-form-login-password .inputbox{
	background: #FFF url(../images/inputme.jpg) no-repeat left top;
	border: 0px solid #CCC;
	padding: 10px;
	width: 330px;
	height: 20px;
	font: 16px Arial, Helvetica, sans-serif;
	color: #666;
}

#catsep {
	margin-bottom: 8px;
	padding-bottom: 5px;
		padding-top: 5px;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
}

.logoutbut {
	color: #999;
	width: 55px;
	height: 25px;
	margin-left: 5px;
	float: right;
	background: url(../images/logout.jpg) no-repeat;
	border-width: 0px;
	border-style: solid;
}

#loginposition {
	color: #999;
	width: auto;
	margin-top: 1px;
	float: right;
}

#inputme .input {
	background: #FFF url(../images/inputme.jpg) no-repeat left top;
	border: 0px solid #CCC;
	padding: 5px;
	width: 330px;
}


#form-login #modlgn_username,
#form-login #modlgn_passwd {
	background: #F8F8F8;
	border: 3px solid #FFF;
	padding: 5px;
	width: 85%;
}

#form-login #form-login-remember {
	margin: 0;
}

#form-login label.remember {
	float: none;
}

#form-login .button.logout {
	float: none;
}

#form-login a {
	color: #555555;
}

#form-login a:hover,
#form-login a:focus,
#form-login a:active {
	color: #B81D57;
	text-decoration: underline;
}

#form-login ul {
	margin-top: 10px;
}

/* FOOTER
--------------------------------------------------------- */
#ja-footer {
	width: auto;
	color: #999;
	font-size: 10px;
	line-height: 15px;
}

#ja-footer a {
	color: #333;
}

#ja-footer a:hover{
	color: #FFF;
}

#ja-footer2{
	clear: both;
	margin-left: 5px;
}

#footerbanner{
	padding: 9px;
	background: #191919;
	height: 90px;
	width: 728px;
	border: 1px solid #222;
}

#ja-footer small {
	color: #999999;
}



/* MISCELLANOUS
----------------------------------------------------------- */
img.nostyle {
	background: none !important;
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.border {
	border: 1px solid #999999;
	padding: 4px;
}

.mostread, .latestnews {
	text-decoration: none;
}

#ja-banner {
	margin: 20px 0 0;
	overflow: hidden;
	text-align: center;
	width: 100%;
}

div.back_button a,
div.back_button a:hover,
div.back_button a:active {
	background: none!important;
	display: block;
	margin: 10px 0;
	text-decoration: none!important;
}

.clr {
	clear: both;
	margin-top: 3px;
	margin-bottom: 3px;
}

.hastip img {
	border: none;
	float: left;
	margin: 0;
	padding: 0;
}

div.ja-innerdiv {
	background: url(../images/dot.gif) repeat-x bottom left;
	padding: 5px 0 15px;
}

div.ja-innerdiv img {
	padding: 6px 10px 0 0;
}

div.ja-innerdiv span.title {
	display: block;
	font-weight: bold;
}

div.ja-innerdiv span.author {
	color: #959595;
	display: block;
	font-size: 92%;
}

/* JA Catslwi */
#ja-topsl .ja-catslwi-display {
	color: #CCCCCC !important;
}

#ja-topsl div.moduletable .ja-catslwi-display h3 {
	background: none;
	border-top: none;
	color: #FFFFFF;
	font-size: 100%;
	
	margin: 5px 0 5px;
	padding: 5px 0 0;
	text-transform: none;
	text-transform: uppercase;
}

#ja-topsl2 .ja-catslwi-display h3 span {
	background: none;
}

div.ja-catslwi {
	float: left;
	width: 32%;
}

.ja-catslwi-first {
	margin-right: 10px;
}

.ja-catslwi-center {
	margin: 0 5px;
}

.ja-catslwi-last {
	float: right !important;
}

.ja-catslwi-first .ja-catslwi-inner,
.ja-catslwi-center .ja-catslwi-inner,
.ja-catslwi-last .ja-catslwi-inner {
	margin: 0;
	position: relative;
}

/* JA Tabs */
.ja-tabswrap .ja-tab-subcontent span {
	color: #555555;
	font-size: 120%;
	text-transform: uppercase;
}

/* Tooltips */
.tool-tip {
	background: #FFFFFF;
	border: 1px solid #D5D5D5;
	float: left;
	max-width: 200px;
	padding: 5px;
	z-index: 999;
}

.tool-title {
	background: url(../../system/images/selector-arrow.png) no-repeat;
	font-size: 100%;
	font-weight: bold;
	margin: -15px 0 0;
	padding: 15px 0 5px 0;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}

#system2 {
	background: #FFFFEC;
	color: #B81D57;
	margin: 0;
	padding: 9px;
	border: 1px solid #F0EACF;
}

#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:  #FFFFEC;
	color: #B81D57;
	margin: 0px;
	padding: 12px;
	text-align: center;
	font: bold 14px Arial, Helvetica, sans-serif;
}



/* System Standard Messages */
#system-message dd.message ul {
	background: #999999;
	border: none;
}

/* System Error Messages */
#system-message dd.error ul {
	background: #999999;
	border: none;
}

/* System Notice Messages */
#system-message dd.notice ul {
	background: #999999;
	border: none;
}