/* COMMON STYLE

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



body {

	margin: 0;

	padding: 0;

	color: #333333;

	background: #ffffff;

	font: 78% Tahoma, sans-serif;

}



body#bd {

	text-align: center;

	background:#000000 url('../images/tlo2.gif');
	
	background-attachment: fixed;

	background-repeat: repeat-x;

	color:#ffffff;


}



body.contentpane {

	width: auto;

	margin: 8px;

	line-height: 140%;

}



h1 {

	font-size: 1.7em;

}



h2 {

	margin: 10px 0;

	font-size: 1.45em;

}



h3, h4 {

	margin: 10px 0;

	font-size: 1.2em;

}



/* Small text */

.small, .smalldark, .createdate, .modifydate, .mosimage_caption, a.readon, 

.blog_more, .back_button, .pagenavcounter, .pagenav, .pagenavbar, .contenttoc, 

#ja-spotlight-1, #ja-spotlight-2, #ja-rightcol, #ja-footer, #ja-bottomline {

	font-size: 85%;

}



/* Normal link */

a {

	color: #2770C0;

	text-decoration: none;

}



a:hover, a:active {

	color: #174271;

	text-decoration: underline;

}



p {

	margin: 10px 0;

}



ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



li {

	padding-left: 15px;

	background: url('../images/arrow-off.gif') no-repeat 2px 5px;

	line-height: 140%;

	line-height: 18px

}



th {

	padding: 4px;

	font-weight: bold;

	text-align: left;

	font-size: 12px;

}



fieldset {

	border: none;

	margin: 0;

	padding: 0;

}



fieldset a {

	font-weight: bold;

}



hr {

	border-top: 1px solid #999999;

	border-right: 0px none;

	border-left: 0px none;

	border-bottom: 0px none;

	height: 1px

}



img {

	border: 0px none;

}



/* FORM

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



form {

	margin: 0;

	padding: 0;

}



input {

	font: 11px Tahoma, Arial, sans-serif;

}



select {

	font: 11px Tahoma, Arial, sans-serif;

}



textarea {

	border: 1px solid #CCCCCC;

	padding-left: 2px;

	font: 11px/1.3em Tahoma, Arial, sans-serif;

}



.button {

	padding-left: 5px;

	padding-right: 5px;

	background: url('../images/but-bg.gif') no-repeat bottom right;

	border: 1px solid #808080

}



.inputbox {

	padding-left: 2px;

	border-top: 1px solid #999999;

	border-right: 1px solid #DDDDDD;

	border-bottom: 1px solid #DDDDDD;

	border-left: 1px solid #999999;

	background: #FFFFFF;

}



/* MODULE

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



div.modules {

	width: 100%;

}



div.moduletable h3 {

	border-left:2px solid #EEEEEE; border-right:2px solid #EEEEEE; border-bottom:2px solid #EEEEEE; margin:0 -3px; color: #FFFFFF;

	background: #666666 url('../images/h3-bg.gif') no-repeat top right;

	font-size: 11px;

	height: 20px;

	line-height: 20px;

	border-top: medium none;

	font-weight: normal; padding-left:4px; padding-right:0; padding-top:0; padding-bottom:0

}



div.moduletable {

	padding: 3px 5px;

	margin-top: 10px;

}



div.moduletable td {

	padding: 3px 0!important;

}



/* JOOMLA STYLE

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



table.blog {

	width: auto;

}



table.blog .article_seperator {

	height: 5px;

	display: block;

}



table.contentpane {

	border: none;

	width: 100%;

}



table.contentpaneopen {

	border: none;

}



table.contenttoc {

	margin: 0 0 10px 10px;

	width: 25%;

}



table.contenttoc td {

	background: url('../images/arrow-off.gif') no-repeat 6px 6px;; padding-left:20px; padding-right:5px; padding-top:1px; padding-bottom:1px

}



table.contenttoc th {

	padding: 1px 5px;

	border: 2px solid #EEEEEE;

	background: #666666;

	color: #FFFFFF;

}



table.contenttoc td:hover {

	background: url('../images/arrow-on.gif') no-repeat 6px 6px;; padding-left:20px; padding-right:5px; padding-top:1px; padding-bottom:1px

}



table.polls {

	padding: 0;

	width: 100%;

}



table.pollstableborder {

	padding: 0;

	width: 100%;

	text-align: left;

	border-color: #FFFFFF;

}



table.pollstableborder img {

	margin: 4px 4px 4px 0;

}



table.pollstableborder td {

	padding: 2px!important;

}



table.searchintro {

	margin: 10px 0;

	width: 100%;

	background: #F9F9F9;

	border: 1px solid #EEEEEE;

}



table.searchintro td {

	padding: 5px!important;

}



ul#mainlevel li, ul#mainlevel-nav li {

	padding: 0;

	display: inline;

	background: none;

	line-height: normal;

}



.blog_more {

	margin: 10px 0;

	padding: 0 5px 5px 5px;

}



.blog_more strong {

	display: block;

	margin: 0 -5px 5px -5px;

	padding: 1px 5px;

	background: #666666;

	border-bottom: 2px solid #EEEEEE;

	font-weight: bold;

	color: #FFFFFF;

}



td.buttonheading {

	padding: 0 3px!important;

	background: #F2F2F2;

	text-align: center;

	border: 1px solid #EEEEEE;

}



.category {

	font-weight: bold;

}



.clr {

	clear: both;

}



.code, pre {

	border: 1px solid #F0F0C0;

	width: auto;

	padding: 5px;

	background: #FFFFCC;

}



.componentheading {

	margin-bottom: 10px;

	color: #666666;

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

	font-weight: bold;

	font-size: 1.7em;

	text-transform: capitalize; padding-left:0; padding-right:0; padding-top:0; padding-bottom:5px

}



.contentdescription {

	padding-bottom: 30px;

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

}



.contentheading {

	font-weight: bold;

	font-size: 1.2em;

}



.contentpagetitle {

}



/* JOOMLA! STYLE

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



a.readon {

	color: #AA0000;

}



a.readon:hover {

	color: #AA0000;

}



table.contentpaneopen td, table.contentpane td {

}



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

	width: 100%;

}



.createdate {

	color: #999999;

	line-height: 10px;

	font-weight: bold;

}



.modifydate {

	color: #999999;

	height: 15px;

}



.error {

	color: #CC0000;

}



.highlight {

	font-weight: bold;

	border-bottom: 1px dotted;

}



.message {

	color: #FF9900;

	font-weight: bold;

}



.moduletable {

	padding: 0;

}



.mosimage, .mosimage img {

	padding: 0;

	margin-left: 5px;

}



.mosimage_caption {

	margin-top: 2px;

	padding: 1px 2px;

	color: #999999;

}



.pagenav {

	padding: 2px;

}



.pagenav_prev a, .pagenav_next a {

	color: #666666;

	font-size: 0.9em;

}



.pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_next a:hover, .pagenav_next a:active {

	color: #B91919;

	text-decoration: none;

}



.pagenavbar {

	padding-left: 16px;

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

	font-weight: bold

}



.pagenavcounter {

	color: #666666;

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

	font-weight: bold; padding-left:16px; padding-right:16px; padding-top:0; padding-bottom:10px

}



.sectiontableheader {

	background: #666666 url('../images/topnav-bg.gif') repeat-x top left;

	color: #FFFFFF;

	border-right: 1px solid #EFEFEF;

	font-size: 11px; padding-left:4px; padding-right:4px; padding-top:2px; padding-bottom:2px

}



.sectiontableheader a, .sectiontableheader a:hover {

	color: #FFFFFF;

}



tr.sectiontableentry1 td {

	padding: 4px;

	background: #F9F9F9;

	border-top: 1px solid #EEEEEE;

}



tr.sectiontableentry2 td {

	padding: 4px;

	background: #FFFFFF;

}



.small {

	color: #999999;

}



#banner {

}



/* HEADER

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



#ja-header {

	position: relative;

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

}



#ja-header h1 {

	margin: 0;

	padding: 5px;

	line-height: normal;

}



#ja-header h1 img {

	margin: 0;

	padding: 0;

	line-height: normal;

}



#search {

	font-size: 11px;

	position: absolute;

	top: 35px;

	right: 15px;

}



.search input {

	background: #FFFFFF url('../images/search.gif') no-repeat center left;

}



#ja-user-bar {

	position: absolute;

	top: 15px;

	right: 15px;

	font-size: 11px;

}



#ja-user-bar a {

	font-size: 11px;

	color: #999999;

}



#ja-user-bar img {

	border: 1px solid #FFFFFF;

	border-right-width: 2px;

	border-bottom-width: 2px;

}



/* MAIN CONTAINER

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



#ja-wrapper {

	width: 100%;

	color: #000000;

}



#ja-container {

	width: 770px;

	text-align: left;

	padding: 0;

	margin: 0 auto;

	border-right: 0px solid #3C3C3C;

	border-left: 0px solid #3C3C3C;

}



#ja-container-shadow1 {

	border: 0px solid #383838;

}



#ja-container-shadow2 {

	border: 1px solid #F1F3F5;

	background: #FFFFFF;

	line-height: 18px;

}



/* 2 columns content width */

#ja-content {

	margin: 0 15px 0!important;

	margin: 0 8px;

	width: 565px;

	float: left;

}



/* 1 column content width */

#ja-content-full {

	margin: 0 15px 0;

	width: 730px;

}



/* PATHWAY

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



#pathway {

	color: #FFFFFF;

	background: #FFFFFF;

	font-size: 0;

	line-height: normal;

	padding: 5px 0 2px 2px;

}



#pathway a {

	color: #666666;

	background: url('../images/arrow-off.gif') no-repeat center right;

	font-size: 11px!important; padding-left:0; padding-right:15px; padding-top:0; padding-bottom:0

}



#pathway a:hover, #pathway a:active {

	background: url('../images/arrow-on.gif') no-repeat center right;

}



#pathway img {

	visibility: hidden;

}



/* RIGHT COLUMN

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



#ja-rightcol {

	width: 160px;

	float: right;

	border-right: 5px solid #FFFFFF;

}



#ja-rightcol a.mainlevel {

	padding-left: 20px;

	background: url('../images/arrow-off.gif') no-repeat 5px 4px;

}



#ja-rightcol a.mainlevel:hover, a.mainlevel:active {

	background: url('../images/arrow-on.gif') no-repeat 5px 4px;

}



#ja-rightcol a.sublevel {

	padding-left: 3px;

}



/* TOP NAVIGATION

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



#ja-topnav {

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

	line-height: normal

}



.topnav-border {

	padding: 2px 0 3px;

}



#ja-topnav ul {

	margin: 0;

	padding: 0;

	list-style: none;

	height: 27px;

}



#ja-topnav li {

	padding: 0;

	margin: 0;

	display: inline;

	background: none;

}



#ja-topnav a {

	margin-top: 4px;

	color: #FFFFFF;

	font-size: 11px;

	text-align: center;

	display: block;

	float: left;

	height: 22px;

	line-height: 22px;

	background: url('../images/topnav-sep.gif') no-repeat top right;; padding-left:20px; padding-right:20px; padding-top:0; padding-bottom:0

}



#ja-topnav li.active_menu a {

	margin: 0;

	height: 22px;

	line-height: 22px;

	text-decoration: none;

	border-right: 1px solid #CCCCCC;

}



#ja-topnav a:hover, #ja-topnav a:active {

	color: #FFFFFF;

	background: #5B7191 url('../images/topnav-hover.gif') repeat-x bottom right;

	text-decoration: none

}



/* SUB NAVIGATION

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



#ja-subnav {

	padding: 3px 5px;

	margin-top: 9px!important;

	margin-top: 11px;

}



#ja-subnav h3 {

	padding: 0 0 0 4px;

	margin: 0 -3px 0 -3px;

	font-size: 11px;

	height: 20px;

	line-height: 20px;

	border: 2px solid #EEEEEE;

	font-weight: normal;

	color: #FFFFFF;

}



#ja-subnav ul {

	margin: 0;

	padding: 0;

}



#ja-subnav li {

	margin: 5px;

	padding: 0;

	background: none;

	height: 20px;

}



#ja-subnav a {

	color: #333333;

	display: block;

	height: 20px;

	line-height: 20px;

	padding-left: 10px;

	border: 1px solid #FFFFFF;

}



#ja-subnav a:hover, #ja-subnav a:active, #ja-subnav li.active_menu a {

	text-decoration: none;

	background: #FFFFFF;

	border: 1px solid #FFFFFF;

	border-left: 5px solid #666666;	

}



/* SPOTLIGHT

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



#ja-header-spotlight {

	padding-left: 20px;

	height: 170px;

	color: #F2F2F2;

}



#ja-header-spotlight a {

	color: #FFFFFF;

	text-decoration: underline;

}



#ja-header-spotlight h3 {

	background: none;

	font-size: 1.4em;

	border: none;

	text-align: left;

	font-weight: bold;

	padding-bottom: 3px;

}



#ja-header-spotlight div.moduletable {

	background: none;

	font-size: 1em;

	width: 720px;

	border: none;

	padding: 80px 0 5px;

	color: #F2F2F2;

	margin: 0;

}



#ja-header-spotlight .article_seperator {

	display: none;

}



#ja-spotlight-1 div.moduletable, #ja-spotlight-2 div.moduletable {

	border: none;

	background: none;

	margin: 0;

	padding: 0;

}



#ja-spotlight-1 h3, #ja-spotlight-2 h3 {

	border: 2px solid #EEEEEE;

	margin: 0 0 10px;

}



#ja-spotlight-1 a, #ja-spotlight-2 a {

	color: #333333;

}



/* FOOTER

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



#ja-footer {

	background: #666666 url('../images/footer-bg.gif') repeat-x top left;

	color: #FFFFFF;

	clear: both;

	line-height: 28px;

	height: 28px;

	position: relative;

	border-top: 10px solid #FFFFFF; padding-left:5px; padding-right:5px; padding-top:0; padding-bottom:0

}



#ja-footer ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



#ja-footer li {

	padding: 0;

	margin: 0;

	display: inline;

	background: none;

	height: 25px;

}



#ja-footer a {

	padding: 0 10px;

	border-right: 1px solid #999999;

	color: #CCCCCC;

	background: none;

	text-transform: Capitalize;

	height: 30px;

	line-height: 30px;

}



#ja-footer a:hover, #ja-footer a:active {

	color: #FFFFFF;

}



#ja-bottomline {

	color: #999999;

	background: #FFFFFF url('../images/bottomline-bg.gif') repeat-x bottom right;

	position: relative; padding-left:15px; padding-right:15px; padding-top:10px; padding-bottom:20px

}



#ja-bottomline a {

}



/* MISCELLANOUS

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



div.shadow{

	margin: 0;

	background: url('../images/shadow.gif') repeat-x;

	clear: both; padding-left:0; padding-right:0; padding-top:2px; padding-bottom:2px

}



div.back_button a {

	float: right;

	display: block;

	width: auto;

	height: 18px;

	background: url('../images/but-bg.gif') no-repeat bottom right;

	border: 1px solid #808080;

	color: #666666;

	cursor: default; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0

}



div.back_button a:hover {

	color: #666666;

	text-decoration: none;

	cursor: default;

}



div.back_button a:active {

	border: 1px solid #CCCCCC;

	background: #EEEEEE;

	color: #666666;

	text-decoration: none;

	cursor: default;

}



#mod_login_password, #mod_login_username, .search input {

	width: 120px;

	padding-left: 20px;

}



#mod_login_password {

	background: #FFFFFF url('../images/authen.gif') no-repeat center left;

}



#mod_login_username {

	background: #FFFFFF url('../images/user.gif') no-repeat center left;

}



#mod_login_remember {

	border: none;

	padding: 0!important;

}



/* Firefox Scrollbar Hack - Do not remove */

html { height: 100%; margin-bottom: 1px;}



/* Clear fix */

.clearfix:after {

	clear: both;

	display: block;

	content: ".";

	height: 0;

	visibility: hidden;

}



.clearfix {display: inline-table;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */