/* CSS Document */
/* COMMON STYLE

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

body {

margin: 0;

padding: 0;

color: #0F1114;

background: #FFFFFF;
font:77% Verdana, Arial, Helvetica, sans-serif


}



body#bd {

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

text-align: center;

}



body.contentpane {

width: auto;

margin: 10px;

line-height: 140%;

}



h1 {

font-size: 1.4em;

}



h2 {

margin: 10px 0;

font-size: 1.45em;

}



h3, h4 {

margin: 10px 0;

font-size: 1.2em;/*1.2em*/

}



/* normal text */

td, div {

font-size: 12px;/*1em*/

}



/* Title text */

.contentheading, .componentheading, div.moduletable h3, #ja-subnav h3,

#ja-rightcol div.moduletable-green h3, #ja-rightcol div.moduletable-yellow h3,

h1, h2, h3, h4 {

font-family: "Trebuchet MS", Arial, sans-serif;

}



/* Normal link */

a {

color: #004C80;

text-decoration: underline;

}



a:hover, a:active {

color: #004C80;

text-decoration: none;

}



p {

margin: 12px 0;

}



ul {

margin: 0;

padding: 0;

list-style: none;

}



li {

padding-left: 15px;

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

line-height: 200%;

}



th {

padding: 4px;

font-weight: bold;

text-align: left;

}



fieldset {

border: none;

margin: 0;

padding: 0;

}



fieldset a {

font-weight: bold;

}



hr {

border-top: 1px solid #9AA587;

border-right: 0;

border-left: 0;

border-bottom: 0;

height: 1px;

}



img {

border: 0;

}



/* FORM

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

form {

margin: 0;

padding: 0;

}



input, select {

font: 12px "Trebuchet MS", Arial, sans-serif;

}



select, .inputbox {

background: #FFFFCC;

}



textarea {

border: 1px solid #E6E6E6;

padding-left: 2px;

}



.button {

padding-left: 5px;

padding-right: 5px;

border: 1px solid #808080;

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

}



.inputbox {

padding-left: 2px;

border-top: 1px solid #9AA587;

border-right: 1px solid #DDDDDD;

border-bottom: 1px solid #DDDDDD;

border-left: 1px solid #9AA587;

}



/* MODULE

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

div.modules {

width: 100%;

}



div.moduletable h3, #ja-rightcol div.moduletable-green h3, #ja-rightcol div.moduletable-yellow h3 {

padding: 0 0 0 0;

margin: 0 -2px 5px -2px!important;

color: #E97B00;

background: url(../images/seperator-h3.gif) repeat-x bottom;

font-size: 1.4em;

}



div.moduletable, #ja-rightcol div.moduletable-green, #ja-rightcol div.moduletable-yellow {

padding: 3px 5px 10px;

margin-bottom: 10px;

}



div.moduletable td {

padding: 3px 0!important;

}



#ja-rightcol div.moduletable {

border: 1px solid #DEE3E6;

border-bottom: 2px solid #DEE3E6;

background: url(../images/grad-blue.gif) repeat-x top left #ECF1F5;

}



#ja-rightcol div.moduletable-green {

border: 1px solid #E3EBDD;

border-bottom: 2px solid #E3EBDD;

background: url(../images/grad-green.gif) repeat-x top left #EEF6E8;

}



#ja-rightcol div.moduletable-yellow {

border: 1px solid #EEECE1;

border-bottom: 2px solid #EEECE1;

background: url(../images/grad-yellow.gif) repeat-x top left #FAF8EC;

}



/* JOOMLA STYLE

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

table.blog {

width: auto;

}



table.blog .article_seperator {

display: block;

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

height: 20px;

}



table.contentpane {

border: none;

width: 100%;

}



table.contentpaneopen {

border: none;

}



table.contenttoc {

margin: 0 0 10px 10px;

padding: 0 3px 10px 3px;

width: 25%;

border: 1px solid #DEE3E6;

border-bottom: 2px solid #DEE3E6;

background: url(../images/grad-blue.gif) repeat-x top left #ECF1F5;

}



table.contenttoc td {

padding: 1px 5px 1px 20px;

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

}



table.contenttoc td:hover {

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

}



table.contenttoc th {

color: #004C80;

background: url(../images/seperator-h3.gif) repeat-x bottom;

}



table.polls {

padding: 0;

width: 100%;

}



table.pollstableborder {

padding: 0;

width: 100%;

border-color: #FFFFFF;

text-align: left;

}



table.pollstableborder img {

margin: 4px 4px 4px 0;

}



table.pollstableborder td {

padding: 2px!important;

}



table.searchintro {

padding: 10px 0;

width: 100%;

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

}



table.searchintro td {

padding: 5px!important;

}



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

padding: 0;

display: inline;

background: none;

line-height: normal;

}



.adminform textarea {

width: 500px!important; /*Control the Frontend Editor area width*/

}



.adminform textarea.inputbox {

}



.blog_more {

margin: 10px 0;

}



.blog_more strong {

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

padding: 1px 5px;

display: block;

}



td.buttonheading {

padding: 0 3px!important;

text-align: center;

}



.category {

font-weight: bold;

font-size: 1.4em;

}



.clr {

clear: both;

}



.code, pre {

border: 1px solid #F0F0C0;

width: auto;

padding: 5px;

background: #FFFFCC;

}



.componentheading {

padding: 0 0 10px;

margin: 3px 0 10px;

color: #004C80;

font-weight: bold;

font-size: 2em;

}



.contentdescription {

padding-bottom: 30px;

margin-bottom: 10px;

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

}



.contentheading {

color: #E97B00;

font-size: 2em;

}



table.blog .contentheading, .contentpagetitle {

font-size: 1.4em;

font-weight: bold;

}



a.readon {

}



a.readon:hover {

}



table.contentpaneopen td, table.contentpane td {

}



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

width: 100%;

}



.createdate {

color: #9AA587;

font-weight: bold;

line-height: 10px;

}



.modifydate {

color: #9AA587;

height: 15px;

}



.error {

color: #CC0000;

}



.highlight {

border-bottom: 1px dotted;

font-weight: bold;

}



.message {

color: #E97B00;

font-weight: bold;

}



.moduletable {

padding: 0;

}



.mosimage {

padding: 3px!important;

padding: 3px 0;

margin: 12px 10px 0 0!important;

border: 1px solid #E6E6E6;

border-bottom: 2px solid #E6E6E6;

background: url(../images/grad-grey.gif) repeat-x top #EFEFEF;

}



.mosimage img {

padding: 0;

margin: 0!important;

}



.mosimage_caption {

margin-top: 2px;

padding: 1px 2px;

color: #9AA587;

}



.pagenav {

padding: 2px;

}



.pagenav_prev a, .pagenav_next a {

}



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

}



.pagenavbar {

padding-left: 16px;

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

font-weight: bold;

}



.pagenavcounter {

padding: 5px 16px 0 16px;

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

font-weight: bold;

}



.sectiontableheader {

padding: 2px 4px;

border-right: 1px solid #FFFFFF;

border-top: 5px solid #F7F7F7;

background: #474747;

color: #FFFFFF;

font-weight: bold;

}



.sectiontableheader a, .sectiontableheader a:hover {

color: #FFFFFF;

}



tr.sectiontableentry1 td {

padding: 4px;

background: #F2F2F2;

}



tr.sectiontableentry2 td {

padding: 4px;

border-top: 1px solid #FFFFFF;

}



.small {

color: #9AA587;

}



#banner {

}



/* MAIN LAYOUT DIVS WIDTH

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

#ja-header, #ja-subheader, #ja-topnav, #ja-maincontainer, #ja-footer {

width: 765px;

margin: 0 auto;

text-align: left;

}



/* SEARCH BAR

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

#ja-search-outer {

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

position: absolute;

top: 0;

right: 0;

}



#ja-search-inner {

padding-left: 20px;

float: left;

background: url(../images/search-leftbg.gif) no-repeat top left;

height: 46px;

}



#ja-search {

padding-right: 20px;

float: left;

background: url(../images/search-rightbg.gif) no-repeat top right;

height: 46px;

}



.search input {

margin-top: 12px;

width: 100px;

padding-left: 20px;

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

}



/* HEADER

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

#ja-header {

background: url(../images/bd-bg.gif) repeat-x #626A69;

position: relative;

height: 69px;

}



#ja-header a {

color: #FFFFFF;

}



#ja-header h1 {

margin: 0;

padding: 0;

position: absolute;

top: 20px;

left: 0;

}



#ja-header h1 img {

margin: 0;

padding: 0;

line-height: normal;

}



/* SUB HEADER

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

#ja-subheader-outer {

border-bottom: 1px solid #FFFFFF;

padding: 10px 0;

background: url(../images/subheader-bg.gif) repeat-x bottom #CEDDB5;

}



#ja-subheader-outer div.moduletable {

margin: 0!important;

}



#ja-subheader {

background: #FFFFFF;

position: relative;

}



#ja-subheader a {

color: #FFFFFF;

}



/* NEWFLASH

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

#ja-newsflash {

float: right;

width: 150px;

margin: 5px 5px 5px 5px!important;

margin: 5px 3px 5px 5px;

padding-bottom: 10px;

background: url(../images/newsflash-bg.jpg) no-repeat top right #E97B00;

color: #FFFFFF;

height: 100px;

overflow: hidden;

font-size: 12px;/*11px*/

}



#ja-subheader h3 {

display: none;

}



#ja-newsflash div.moduletable {

height: 87px;

overflow: hidden;

font-size: 12px;/*11*/

}



#ja-newsflash .article_seperator {

display: none;

}



/* MOOFX AREA

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

#roller-wrapper {

float: left;

width: 605px;

display: block;

height: 100px;

display: none;

font-size: 12px;/*11*/

}



#roller-loading {

float: left;

width: 605px;

display: block;

height: 60px;

background: #FFFFFF;

text-align: center;

padding: 40px 0px 0px 0px;

}



#roller-outer {

background: #FFFFFF;

height: 90px;

}



#roller-outer .roller-inner {

margin: 5px 0 0 5px;

color: #FFFFFF;

height: 85px;

overflow: hidden;

}



#roller-outer .roller-one {

background: url(../images/roller-one-bg.jpg) repeat-x;

}



#roller-outer .roller-two {

background: url(../images/roller-two-bg.jpg) repeat-x;

}



#roller-outer .roller-three {

background: url(../images/roller-three-bg.jpg) repeat-x;

}



#roller-outer .roller-four {

background: url(../images/roller-four-bg.jpg) repeat-x;

}



#roller-outer .roller-five {

background: url(../images/roller-five-bg.jpg) repeat-x;

}



.roller-inner div.moduletable {

margin: 0;

padding: 5px;

}



.roller-inner h1 {

font-size: 25px;

margin: 10px 0 2px 20px;

}



.roller-inner p {

font-size: 12px;/*11*/

margin: 0 0 10px 20px;

}



#clicker-outer {

margin: 5px 0 0 5px;

padding: 0;

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

color: #FFFFFF;

height: 20px!important;

height: 18px;

}



#clicker-outer ul {

margin: 0;

padding: 0;

}



#clicker-outer li {

display: inline;

background: none;

line-height: 20px;

}



#clicker-outer a {

padding: 0;

font-size: 12px;/*10*/

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

text-align: center;

text-decoration: none;

}



#clicker-outer a.clicker-active {

color: #FF9900;

}



/* MAIN CONTAINER

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

#ja-maincontainer {

padding: 0 0 30px;

margin: 0 auto;

background: #FFFFFF;

text-align: left;

line-height: 160%;

}



/* 3 columns content width */

#ja-content {

margin: 0;

width: 400px;

padding: 10px 0 0 15px;

float: left;

}



/* 2 column content [on the left] width */

#ja-content-full-left {

margin: 0;

padding: 10px 15px 0 0;

width: 570px;

float: left;

}



/* 2 column content [on the right] width */

#ja-content-full-right {

margin: 0;

width: 570px;

padding: 10px 0 0 15px;

float: right;

}



/* 1 column content width */

#ja-content-full {

margin: 0;

width: 700px;

padding: 10px 0 0 0;

}



/* PATHWAY

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

#pathway {

padding: 5px 2px 5px;

border-bottom: 1px solid #E6E6E6;

background: url(../images/pathway-bg.gif) #FFFFFF;

color: #9AA587;

}



#pathway a {

padding: 0 8px 0 0;

}



/* USER TOOLS

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

#ja-usertools {

padding: 5px 2px;

float: right;

color: #9AA587;

font-size: 12px;/*12*/

}



#ja-usertools a {

padding: 0;

color: #9AA587;

}



#ja-usertools img {

margin-top: 2px;

}



/* LEFT COLUMN

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

#ja-leftcol {

width: 160px;

float: left;

padding-top: 10px;

overflow: hidden;

}



#ja-leftcol a.mainlevel {

padding-left: 20px;

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

}



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

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

}



#ja-leftcol a.sublevel {

padding-left: 3px;

}



/* RIGHT COLUMN

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

#ja-rightcol {

width: 170px;

float: right;

padding: 10px 0 15px 0;

overflow: hidden;

}



#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 {

font-size: 11px;/*11*/

line-height: normal;

}



#ja-topnav ul {

margin: 0;

padding: 0;

list-style: none;

height: 26px;

}



#ja-topnav li {

padding: 0;

margin: 0;

display: inline;

background: none;

}



#ja-topnav a {

padding: 0 20px;

float: left;

border-top: 1px solid #959793;

border-right: 1px solid #474747;

display: block;

color: #FFFFFF;

background: #727272;

font-weight: bold;

line-height: 25px;

text-align: center;

text-decoration: none;

height: 25px;

}



#ja-topnav li.active_menu a {

margin: 0;

border-top: 1px solid #E2F3C7;

border-right: 1px solid #474747;

color: #000000;

background: url(../images/topnav-active.gif) top #CEDDB5;

text-decoration: none;

}



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

border-top: 1px solid #E2F3C7;

color: #000000;

background: url(../images/topnav-active.gif) top #CEDDB5;

}



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

color: #FFFFFF;

background: #959793;

text-decoration: none;

}



/* SUB NAVIGATION FOR JA SLPIT MENU

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

#ja-subnav {

padding: 3px 5px;

margin-bottom: 12px;

}



#ja-subnav h3 {

padding: 0 0 5px 0;

margin: 0 -2px 5px -2px!important;

color: #E97B00;

background: url(../images/seperator-h3.gif) repeat-x bottom;

font-size: 1.4em;

}



#ja-subnav ul {

margin: 0;

padding: 0;

}



#ja-subnav li {

margin: 2px 0;

padding: 0;

background: none;

height: 22px;

}



#ja-subnav a {

padding-left: 20px;

display: block;

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

line-height: 22px;

height: 22px;

}



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

border-top: 1px solid #E6E6E6;

border-right: 1px solid #E6E6E6;

border-bottom: 1px solid #E6E6E6;

background: url(../images/arrow-on.gif) no-repeat 5px 8px #FFFFFF;

line-height: 20px;

text-decoration: none;

height: 20px;

}



/* SPOTLIGHT

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

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

border: none;

margin: 0;

padding: 2px;

background: none;

}



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

margin: 0 0 10px;

}



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

color: #333333;

}



/* FOOTER

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

#ja-footer-outer {

border-top: 3px solid #404040;

background: #474747;

}



#ja-footer {

clear: both;

padding: 15px 0;

color: #FFFFFF;

text-align: left;

position: relative;

line-height: 180%;

}



#ja-footer a {

padding-right: 20px;

color: #EBF1F5;

text-transform: Capitalize;

}



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

color: #FFFFFF;

}



#ja-bottomline {

padding: 10px 0 10px;

margin: 0;

}



#ja-bottomline a {

padding: 0;

}



#ja-cert {

position: absolute;

top: 17px;

right: 0;

}



#ja-cert a {

padding-right: 5px;

}



/* MISCELLANOUS

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

div.shadow {

margin: 0;

padding: 3px 0;

clear: both;

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

}



div.back_button a {

float: right;

display: block;

color: #9AA587;

font-weight: bold;

text-decoration: none;

height: 18px;

}



#mod_login_password, #mod_login_username {

width: 100px;

padding-left: 20px;

}



#mod_login_password {

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

}



#mod_login_username {

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

}



#mod_login_remember {

border: none;

padding: 0!important;

}



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

/* Firefox Scrollbar Hack - Do not remove */

html {

margin-bottom: 1px;

height: 100%;

}