/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset {
    margin: 0;
    padding: 0;
}

body {
    background: #FFFFFF;
    color: #000000;
    font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
    line-height: 160%;
}

body#bd {
    background: #F0F0F0;
    color: #666666;
    padding: 0;
}

body.contentpane {
    background: #FFFFFF;
    color: #000000;
    font-family: serif;
    font-size: 12pt;
    line-height: 140%;
    margin: 1em 2em;
    width: auto; /* Printable Page */
}

body{
    font-size: 12px;
}

/* Normal link */
a {
    color: #62AA33;
}

a img {
    border: none;
}

a:hover, a:active, a:focus {
    color: #62AA33;
}
                      
/* Clearfix */
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

/* JOOMLA STYLE
--------------------------------------------------------- */
table.blog {
}

.article_separator {
    background: url(../images/separartor.png) no-repeat center right;
    display: block;
    height: 30px;
}

#ja-col1 .article_seperator, #ja-col2 .article_seperator {
    display: none;
}

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

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

table.contenttoc {
    margin: 0 0 10px 10px;
    padding: 0;
    width: 35%;
}

table.contenttoc a {
}

table.contenttoc td {
/*    background: url(../images/arrow.png) no-repeat 10px 9px;*/
    padding: 3px 5px 3px 22px;
}

table.contenttoc th {
    background: url(../images/grad1.jpg) repeat-x bottom #EFEFEF;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #F3F3F3;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #F3F3F3;
    font-weight: bold;
    padding: 5px;
    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 .sectiontableheader {
    padding: 8px 5px !important;
}

table.pollstableborder img {
    vertical-align: baseline;
}

table.pollstableborder td {
    border-collapse: collapse;
    border-spacing: 0;
    padding: 2px!important;
}

table.pollstableborder tr.sectiontableentry1 td {
    background: #F3F3F3;
    border: none;
}

table.pollstableborder tr.sectiontableentry2 td {
    border: none;
}

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

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

table.adminform {
    width: 400px!important; /*Control the Frontend Editor area width*/
}

.adminform .inputbox {
}

.blog_more {
    margin: 10px 0;
}

.blog_more strong {
    display: block;
    font-size: 155%;
    line-height: 30px;
    margin: 0 0 5px;
}

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

.blog_more ul li {
/*    background: url(../images/arrow.png) no-repeat 12px 8px;*/
    margin: 0;
    padding: 0 0 0 24px;
}

td.buttonheading {
    padding: 0 0 0 8px!important;
    text-align: center;
}

.category {
    font-weight: bold;
}

.clr {
    clear: both;
}

.componentheading {
    background: url(../images/dot.gif) repeat-x bottom;
    color: #545454;
    font-size: 250%;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 0 0 15px 0;
}

.contentdescription {
    padding-bottom: 30px;
}

table.blog .contentheading {
    font-size: 165%;
}

.contentheading {
    font-size: 200%;
    font-weight: bold;
    padding: 5px 0;
}

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

a.readon {
    background: url(../images/readon.png) no-repeat top;
    color: #666666;
    display: block;
    float: left;
    font-size: 10px;
    height: 20px;
    line-height: normal;
    line-height: 20px;
    text-decoration: none;
    text-indent: 30px;
    width: 101px;
}

a.readon:hover, a.readon:active, a.readon:focus {
    background: url(../images/readon.png) no-repeat bottom;
    color: #666666;
    text-decoration: none;
}

table.contentpaneopen td, table.contentpane td {
}

table.contentpaneopen, table.contentpane, table.blog {
    width: 100%;
}

.createdate {
}

.modifydate {
    height: 15px;
}

.moduletable {
    padding: 0;
}
.moduletable_menu {
    padding: 0;
}

.moduletable_text {
    padding: 0;
}

.mosimage {
    margin: 5px 15px 5px 0;
    padding: 0 0 5px;
}

* html .mosimage {
    margin: 5px 5px 10px 0;
    padding: 0 !important; /*IE 6*/
}

*+html .mosimage {
    margin: 5px 10px 10px 0;
    padding: 0 !important; /*IE 7*/
}

.mosimage img {
    margin: 0 !important;
    padding: 0 !important;
}

.mosimage_caption {
    margin-top: 3px;
    padding: 1px 2px;
}

.pagenav,
.pagenav_prev,
.pagenav_next,
.pagenavbar {
    padding: 0 2px;
}

a.pagenav,
.pagenav_prev a,
.pagenav_next a,
.pagenavbar a {
    background: url(../images/grad1.jpg) repeat-x center #EFEFEF;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #F3F3F3;
    border-right: 1px solid #F3F3F3;
    border-top: 1px solid #F3F3F3;
    color: #666666;
    padding: 3px 6px;
    text-decoration: none;
}

a.pagenav:hover, a.pagenav:active,
.pagenav_prev a:hover, .pagenav_prev a:active,
.pagenav_next a:hover, .pagenav_next a:active,
.pagenavbar a:hover, .pagenavbar a:active {
    background: #999999;
    color: #FFFFFF;
    padding: 3px 6px;
    text-decoration: none;
}

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

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

.sectiontableheader {
    background: url(../images/grad1.jpg) repeat-x bottom #EFEFEF;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #F3F3F3;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #F3F3F3;
    font-weight: bold;
    padding: 5px;
}

tr.sectiontableentry1 td {
    background: url(../images/dot.gif) repeat-x bottom;
    padding: 7px 5px;
}

tr.sectiontableentry2 td {
    background: url(../images/dot.gif) repeat-x bottom;
    padding: 7px 5px;
}

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
    background: url(../images/dot.gif) repeat-x bottom #FFFFEA;
}

.smalldark {
    text-align: left;
}

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

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


/* MISCELLANOUS
----------------------------------------------------------- */
ul.accessibility {
    position: absolute;
    top: -100%;
}

div.ja-innerdiv {
    border-bottom: 1px solid #DDDDDD;
    margin: 5px 0;
    overflow: hidden;
    padding: 0 0 10px 0;
}

#ja-banner {
    clear: both;
    display: block;
    margin: 10px 0 0;
    text-align: center;
}

div.back_button a,
div.back_button a:hover,
div.back_button a:active {
    text-decoration: none;
}

#mod_login_password, #mod_login_username {
    width: 90%;
}

#mod_login_remember {
    background: none;
    border: none;
}

/* DEFAULT JOOMLA! MENU
--------------------------------------------------------- */

a.mainlevel {
    border-bottom: 1px solid #DDDDDD;
    color: #666666;
    display: block;
    height: 29px;
    line-height: 29px;
    text-decoration: none;
    text-indent: 5px;
    width: 99%;
}

a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus {
    background: url(../images/grad1.jpg) top #FFFFFF;
    color: #666666;
    text-decoration: none;
}

a.mainlevel#active_menu {
    background: #DDDDDD;
    color: #666666;
    font-weight: bold;
}

a.sublevel {
/*    background: url(../images/arrow.png) no-repeat 5px 12px;*/
    color: #666666;
    display: block;
    padding: 5px 4px 5px 15px;
    text-decoration: none;
}

a.sublevel:hover,
a.sublevel:active,
a.sublevel:focus {
    color: #62AA33;
    text-decoration: underline;
}

#active_menu {
    color: #62AA33;
    font-weight: bold;
}


#form-login ul li {
    background: none !important;
}
ul.menu li {
    background: none !important;
}

ul.menu li a {
    border-bottom: 1px solid #DDDDDD;
    color: #666666;
    display: block;
    height: 29px;
    line-height: 29px;
    text-decoration: none;
    text-indent: 5px;
    width: 99%;
}

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {
    background: url(../images/grad1.jpg) top #FFFFFF;
    background: #D7D7D7;
    color: #666666;
    text-decoration: none;
}

ul.menu #current a {
    background: #DDDDDD;
    color: #666666;
    font-weight: bold;
}

ul.menu li ul li a {
    background: white !important;
    color: #666666;
    display: block;
    padding: 5px 0px 4px 5px;
    text-decoration: none;
    font-weight: normal !important;
    line-height: 20px !important;
    border: 0 !important;
    height: 20px !important;
}

ul.menu #current ul li a:hover,
ul.menu #current ul li a:active,
ul.menu #current ul li a:focus {
    color: #62AA33;
    text-decoration: underline;
}

ul.menu li ul #current a {
    color: #62AA33;
    font-weight: bold !important;
}
              
div.moduletable h3,
div.moduletable-hilite h3 {
    color: #62AA33;
    font-size: 150%;
    line-height: normal;
    margin: 0 10px 8px;
    padding: 0;
}
div.moduletable_menu h3 {
    color: #62AA33;
    font-size: 150%;
    line-height: normal;
    margin: 0 10px 8px;
    padding: 0;
}

div.moduletable_text h3 {
    color: #62AA33;
    font-size: 150%;
    line-height: normal;
    margin: 0 0 8px;
    padding: 0;
}

div.moduletable h3 span,
div.moduletable-hilite h3 span {
    background: url(../images/h3-bg.gif) no-repeat center right;
    padding-right: 20px;
}

div.moduletable_menu h3 span {
    background: url(../images/h3-bg.gif) no-repeat center right;
    padding-right: 20px;
}

div.moduletable_text h3 span {
    background: url(../images/h3-bg.gif) no-repeat center right;
    padding-right: 20px;
}

div.moduletable {
    padding: 10px 20px;
}

div.moduletable_menu {
    padding: 10px 20px;
}

div.moduletable_text {
    padding: 10px 20px;
}

div.module h3 {
    border-bottom: 1px solid #DDDDDD;
    font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-weight: bold;
    margin: 0 -20px 10px;
    padding: 5px 20px;
    white-space: nowrap;
}

div.moduletable-hilite {
    background: url(../images/grad2.jpg) repeat-x top #EFEFEF;
    border: 1px solid #DDDDDD;
    border-bottom: 2px solid #CCCCCC;
    margin: 10px;
    padding: 10px 10px 15px;
}

div.moduletable-hilite h3 {
    color: #666666;
}

div.moduletable-hilite h3 span {
    background-image: url(../images/h3-bg2.gif);
}

div.module h3 span {
    background: none;
}

div.module {
    background: url(../images/box-br.gif) no-repeat bottom right;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

div.module div {
    background: url(../images/box-bl.gif) no-repeat bottom left;
    padding: 0;
}

div.module div div {
    background: url(../images/box-tr.gif) no-repeat top right;
    padding: 0;
}

div.module div div div {
    background: url(../images/box-tl.gif) no-repeat top left;
    padding: 0 20px 15px;
}

div.module div div div div {
    background: none;
    float: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

/* Firefox Scrollbar Hack - Do not remove */
html {
    height: 100% !important;
    height: auto;
    margin-bottom: 1px;
}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper {     
    clear: both;
    margin: 0 auto;
    width: 980px; 
    background: white;
    background: url(../images/shadows.jpg) repeat-y top left;
    height: auto;
}

#ja-containerwrap{
    clear: both;
/*    *margin-top: -250px;*/
}

#ja-container {
    padding-top : 20px;
}                 

#ja-mainbody{
    width: 980px;
}

#ja-contentwrap {
    float: right;
    width: 680px;   
    margin-right: 40px;
    *margin-right: 20px;
}

#ja-content {
    *margin-right: -10px;
    padding: 0 10px;
    clear: both;
    display: block;  
    width: 670px;
}
               
/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {
    float: left;
    z-index: 10;
    *margin-left: -16px;
}

#ja-header {
    height: 302px;
}

#ja-header-line{
    float: left;
    margin-top: 0px;
    width: 948px;
    margin-left: 16px;
    margin-top: 10px;
}

#ja-header-search{
    float: right;
    width: 180px;
}

.inputboxsearch_box{
    background: #FFF;
    border: none;
    border-bottom : 1px solid #E0E0E0;
    margin-right: 1px;
    color: #808080;
    font-size: 12px;
}

#ja-header-menu{
    float: right;
    margin-right: 20px;
    width: 210px;
}

.mainlevelfelsomenu_css{
    margin-right: 10px;
    color: #808080;
    text-decoration: none;
    border-bottom : 1px solid #E0E0E0;
    font-size: 12px;
}

#ja-calendar{
    float: left;
    margin-left : 10px;
    font-size: 12px;
    border-bottom : 1px solid #E0E0E0;
    color: #808080;                   
}


#logo {
/*    background: url(../images/logo.jpg) no-repeat;*/
    display: block;
    float: left;
    margin-left: 16px;
    margin-top: 1px;
    width: 948px;
    height: 300px;
}


/* PATHWAY 
--------------------------------------------------------- */

#ja-pathwaywrap {
    z-index: 10; 
    float: left;
    margin-left: 16px; 
    width: 948px;
/*    margin-top: -30px;*/
    background: url(../images/opaque-default.png);
    clear: both;
    height: 30px;
}


#ja-pathway {
    display: block;
    padding: 7px 0 5px;
    color: #545454;
/*    width: 76.94%;*/
    float: left;
    text-indent: 20px;
    position: relative;
}

#ja-pathway strong {
    margin-right: 10px;
}

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

#ja-pathway a {
    font-weight: bold;
    color: #008000;
    text-decoration: none;
}

#ja-pathway a:hover, a:active, a:focus  {
    font-weight: bold;
    color: #008000;
    text-decoration: none;
}

/* COLUMNS
--------------------------------------------------------- */

#ja-col1 {
    width: 255px;
    overflow: hidden;
    border-right: solid 1px #E9E9E9;  
    font-size: 11px;
}

#ja-mainbody #ja-colwrap {
/*    background: url(../images/col-center1.gif) repeat-y center;*/
    width: 255px;   
}

#ja-mainbody #ja-colwrap-top {
    background: url(../images/col-top1.gif) no-repeat top;
    width: 300px;
}

#ja-mainbody #ja-colwrap-bot {
    background: url(../images/col-bot1.gif) no-repeat bottom;
}

#ja-colwrap .ja-innerpad {
    background: none;
}

#ja-col1 h3 {
    background: url(../images/h3-bg.gif) no-repeat center left;
    padding-left: 20px;
    padding-bottom: 5px;
    font-size: 14px;
    border-bottom: 1px solid #E9E9E9;
}

/* FOOTER
--------------------------------------------------------- */
#ja-footerwrap {
    clear: both;
    font-size: 12px;
    margin-top: 30px;
}

#ja-footer {
    background: #F3F3F3;
    border-top: 1px solid #CCCCCC;
    clear: both;
    padding: 8px 0;
    position: relative;
    display: block;
}

#ja-footer small {
    color: #999999;
    display: block;
    float: left;
    font-style: normal;
    line-height: normal;
    padding: 2px 0 0 20px;
}

small.ja-copyright {
    position: absolute;
    right: 20px;
}

#ja-footer a {
    text-decoration: none;
}

#ja-footer a:hover, #ja-footer a:active, #ja-footer a:focus {
    text-decoration: underline;
}

#ja-footmenu {
    text-align: center;
    line-height: 12px;
}


/* SPOTLIGHT
--------------------------------------------------------- */
/* Spotlight Box Style */
.ja-box-left, .ja-box-right {
    float: right;
    overflow: hidden;
    padding-right: 40px;
}

.ja-box-left div.moduletable {
    padding: 0 10px 0 0;
}

.ja-box-right div.moduletable {
    padding: 0 0 0 10px;
}

.ja-box-left div.moduletable_menu {
    padding: 0 10px 0 0;
}

.ja-box-right div.moduletable_menu {
    padding: 0 0 0 10px;
}

ja-box-left div.moduletable_text {
    padding: 0 10px 0 0;
}

.ja-box-right div.moduletable_text {
    padding: 0 0 0 10px;
}

.ja-box-left div.module {
    margin: 0 0 0 20px;
}

.ja-box-right div.module {
    margin: 0 0 0 20px;
}

/* Bottom Spotlight */
#ja-botsl {
    clear: both;
    float: left;
    width : 980px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* CUSTOM
--------------------------------------------------------- */

.input {
    border: none;
    margin-left: 20px;
}

.moduletablerss {
    display: inline;
    padding-left: 45px;
}

.moduletablerss a {
    text-decoration: none;
}