/*------------------------------------------------------------------------
# $JA#PRODUCT_NAME$ - Version $JA#VERSION$ - Licence Owner $JA#OWNER$
# ------------------------------------------------------------------------
# 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.
-------------------------------------------------------------------------*/

html, form, fieldset {
        margin: 0;
        padding: 0;
}

body {
        color: #000000;
        font-family: Arial, sans-serif;
        line-height: 1.5;
        margin: 0;
        padding: 0;
}

body#bd {
        color: #333333;
}

body.contentpane {
        color: #000000;
        font-size: 12px;
        line-height: 1.3em;
        margin: 0;
        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: #CC0033;
        text-decoration: none;
}

a:hover, a:active, a:focus {
        color: #CC0000;
        text-decoration: underline;
}

a img {
        border: none;
}

/* Title text */
.contentheading, .componentheading, h1, h2, h3, h4 {
        font-family: Verdana, Helvetica, sans-serif;
        line-height: 1.1;
}

/* Small text */
small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption,
p.site-slogan, a.readon, #ja-pathway, #ja-footer {
        font-size: 92%;
}

small, .small {
        color: #999999;
}

img {
        margin: 3px 5px 0 0;
        padding: 0;
}

img.caption {
        margin-top: 5px;
}

.img_caption {
        color: #999999;
}

/* Heading */
h1 {font-size: 225%; font-weight: normal;}
h2 {font-size: 200%; font-weight: normal;}
h3 {font-size: 150%;}
h4 {font-size: 125%;}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
        margin: 10px 0;
        padding: 0;
}

ul {
        list-style: none;
}

ul li {
        background: url(images/bullet.gif) no-repeat 18px 7px;
        line-height: 160%;
        padding-left: 30px;
}

ul li.row1 {
        display:block;
        float:left;
}

ul li.row2 {
        display:block;
        float:left;
}

ol li {
        line-height: 180%;
        margin-left: 35px;
}

th {
        font-weight: bold;
        padding: 5px;
        text-align: justify;
}

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 #CCCCCC;
        height: 1px;
}

td, div {
        font-size: 100%;
}





/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {
}

#ja-header {
        height: 80px;
        line-height: normal;
        position: relative;
}

h1.logo, h1.logo-text {
        margin: 0;
        padding: 0;
        font-size: 300%;
}

h1.logo a {
        width: 500px;
        display: block;
        background: url(images/logo.png) no-repeat;
        position: absolute;
        height: 100px;
        top: 10px;
        left: 0;
}

h1.logo a span {
        position: absolute;
        top: -1000px;
}

h1.logo-text a {
        outline: none;
        position: absolute;
        top: 15px;
        left: 5px;
        letter-spacing: 1px;
        font-weight: bold;
}

p.site-slogan {
        margin: 0;
        padding: 1px;
        color: #999999;
        position: absolute;
        top: 52px;
        left: 15px;
        letter-spacing: 1px;
}


/*Head Tools*/
#ja-headtools {
        top: 25px;
        right: 0;
        position: absolute;
        border: 1px solid #FFFFFF;
}

#ja-headtools:hover,
#ja-headtools.hover {
        border: 1px solid #CCCCCC;
        background: #F7F7F7;
}

#ja-headtools .ja-innerpad {
        position: relative;
        padding: 5px;
        float: left;
}

#ja-headtools ul {
        margin: 0;
        padding: 3px 0 0;
        float: left;
        white-space: nowrap;
}

#ja-headtools li {
        margin: 0;
        padding: 0 8px;
        display: inline;
        background: url(images/vline.gif) no-repeat right center;
        line-height: normal;
}

#ja-headtools li a {
}

/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-mainnavwrap {
        border-bottom: 5px solid #666666;
}

#ja-mainnav {
        border-top: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        border-left: 1px solid #CCCCCC;
        background: #FFFFFF;
}

#ja-mainnav a, #ja-subnav a {
        outline: none;
}

#ja-subnavwrap {
        display: block;
        border-bottom: 1px solid #CCCCCC;
        background: #F7F7F7;
}

#ja-subnav {
}

#ja-subnav ul {
        margin: 0;
        padding: 0;
}

#ja-subnav li {
        background: none;
        display: inline;
        margin: 0;
        padding: 0;
}

#ja-subnav li a {
        display: block;
        float: left;
        padding: 5px 10px 3px;
        background: url(images/vline.gif) no-repeat left center;
        color: #333333;
}

#ja-subnav li.active a,
#ja-subnav li.active a:hover,
#ja-subnav li.active a:active,
#ja-subnav li.active a:focus {
        font-weight: bold;
        color: #CC0033;
}

#ja-subnav li a.first-item {
        background: none;
}

/* breadcrumbs */
#ja-pathway {
        padding: 0 2px;
}

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

#ja-pathway a {
}

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