html, body, form, fieldset {
margin: 0;
padding: 0;
}
body {
background: #FFFFFF;
color: #000000;
font-family: "Lucida Grande", Arial, sans-serif;
line-height: 1.6;
}
body#bd {
border-top: 1px solid #FFFFFF;
color: #333333;
background: #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;}
#ja-wrapper {
background: url(./images/bd-bg.gif) repeat-x 0 5px #FFFFFF;
}
#ja-col2 {
float: right;
overflow: hidden;
width: 25%;
background: url(./images/col-center.gif) repeat-y 20px 0;
}
#ja-col2-top {
background: url(./images/col-top.gif) no-repeat 20px 0;
}
#ja-col2-bot {
background: url(./images/col-bot.gif) no-repeat 20px bottom;
padding: 0 0 0 40px;
}
ul {
list-style: none;
}
#ja-mainnavwrap {
clear: both;
}
#ja-mainnav {
width: 920px;
margin: 0 auto;
clear: both;
}
#ja-splitmenu {
margin: 0;
padding: 0;
position: relative;
background: url(./images/mainnav-sep.gif) no-repeat left;
}
/* Clearfix */
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
* html > body .clearfix {
display: block;
width: 100%;
}
* html .clearfix {
height: 1%;
}
#ja-headerwrap,
#ja-mainnavwrap,
#ja-botslwrap,
#ja-footerwrap {
clear: both;
}
#ja-header,
#ja-mainnav,
#ja-container,
#ja-botsl,
#ja-footer {
width: 920px;
margin: 0 auto;
clear: both;
}
.narrow #ja-header,
.narrow #ja-mainnav,
.narrow #ja-container,
.narrow #ja-botsl,
.narrow #ja-footer {
width: 750px;
}
/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-mainnavwrap {
background: url(./images/mainnav-bg.gif) repeat-x top;
color: #CCCCCC;
}
#ja-mainnav {
height: 50px;
position: relative;
z-index: 999;
}
#ja-mainnav a, #ja-subnav a {
outline: none;
}
#ja-subnav ul {
margin: 0;
padding: 0;
}
#ja-subnav li {
background: none !important;
display: block;
margin: 0 !important;
padding: 0 !important;
width:100%;
}
#ja-subnav a {
display: block;
outline: none;
padding: 5px 2px;
border-bottom: 1px solid #EFEFEF;
color: #333333;
text-decoration: none;
}
#ja-subnav a:hover,
#ja-subnav a:active,
#ja-subnav a:focus {
color: #00B0DB;
background: url(./images/arrow.png) no-repeat 95% center;
}
#ja-subnav li.active a {
color: #00B0DB;
background: url(./images/arrow.png) no-repeat 95% center;
font-weight: bold;
}
/* MAIN NAVIGATION
----------------------------------------------------------- */
#ja-splitmenu {
margin: 0;
padding: 0;
position: relative;
background: url(./images/mainnav-sep.gif) no-repeat left;
}
#ja-splitmenu ul {
margin: 0;
padding: 0;
}
#ja-splitmenu li {
float: left;
padding: 0;
margin: 0;
background: url(./images/mainnav-sep.gif) no-repeat right;
}
#ja-splitmenu a {
display: block;
float: left;
text-decoration: none;
height: 44px;
line-height: 40px;
padding: 0 20px;
color: #AAAAAA;
font-size: 100%;
font-weight: bold;
letter-spacing: 1px;
}
#ja-splitmenu a:hover,
#ja-splitmenu a:active,
#ja-splitmenu a:focus {
background: url(./images/mainnav-hover.gif) no-repeat center bottom;
color: #FFFFFF;
}
#ja-splitmenu li.active a,
#ja-splitmenu li.active a:hover,
#ja-splitmenu li.active a:active,
#ja-splitmenu li.active a:focus {
background: url(./images/mainnav-active.gif) no-repeat center bottom;
color: #FFFFFF;
}
/* Search */
#ja-search {
top: 10px;
right: 0;
position: absolute;
font-size: 12px;
background: url(./images/search-bg.gif) no-repeat;
width: 190px;
height: 20px;
}
#ja-search .inputbox {
padding: 3px 0 0 25px;
background: none;
border: none;
}
/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {
height: 80px;
}
#ja-header {
height: 80px;
line-height: normal;
position: relative;
}
#ja-header a {
}
h1.logo, h1.logo-text {
margin: 0;
padding: 0;
font-size: 300%;
letter-spacing: 1px;
}
h1.logo a {
width: 235px;
display: block;
background: url(./images/logo.gif) no-repeat;
position: absolute;
height: 50px;
bottom: 10px;
left: 0;
}
h1.logo a span {
position: absolute;
top: -1000px;
}
h1.logo-text a {
text-decoration: none;
outline: none;
position: absolute;
bottom: 25px;
left: 5px;
}
p.site-slogan {
margin: 0;
padding: 0;
color: #999999;
position: absolute;
bottom: 10px;
left: 5px;
letter-spacing: 2px;
}
/* Login Form */
#ja-login {
position: absolute;
top: 25px;
right: 0;
}
#ja-login #login-wrap {
background: url(./images/login-bg.gif) no-repeat;
height: 22px;
width: 333px;
}
#logout-wrap form input.button {
font-size: 11px !important;
float: left;
color: #333333;
background: #CCCCCC !important;
border: 1px solid #B4B4B4 !important;
}
#ja-login form {
float: left;
}
#ja-login form label {
float: left;
}
label.ja-login-user span,
label.ja-login-password span {
display: none;
}
#ja-login form input.button {
font-size: 11px !important;
float: left;
background: none;
border: none;
}
#ja-login form #mod_login_username,
#ja-login form #mod_login_password {
width: 100px;
margin: 3px 0 0 22px;
font-size: 11px !important;
padding: 2px;
background: none;
border: none;
}
#ja-login form #mod_login_password {
margin: 3px 18px 0 35px;
}
#ja-login form a {
padding: 0 8px 0 13px;
text-decoration: none;
font-size: 10px;
background: url(./images/arrow.png) no-repeat left center;
}
#ja-login form a:hover,
#ja-login form a:active,
#ja-login form a:focus {
text-decoration: underline;
}
.ja-login-links {
display: block;
clear: both;
padding-top: 8px;
}
/* COLLAPSIBLE LAYOUT
--------------------------------------------------------- */
#ja-containerwrap,
#ja-containerwrap-f,
#ja-containerwrap-fr,
#ja-containerwrap-fl {
padding: 0;
margin: 0;
background: url(../images/grad2.gif) repeat-x bottom;
clear: both;
}
/*full*/
#ja-containerwrap-f #ja-mainbody {
width: 100%;
}
#ja-containerwrap-f #ja-content {
width: 100%;
background-color: #fff;
}
/*content + left*/
#ja-containerwrap-fr #ja-mainbody {
width: 100%;
}
#ja-containerwrap-fr #ja-content {
width: 77%;
}
#ja-containerwrap-fr #ja-col1 {
width: 20%;
}
/*content + right*/
#ja-containerwrap-fl #ja-content {
width: 100%;
}
#ja-mainbody {
width: 75%;
float: left;
}
/* PRIMARY COLUMN
--------------------------------------------------------- */
#ja-content {
clear: both;
display: block;
float: right;
width: 69%;
}
#ja-current-content {
padding: 0 0 20px;
}
/* breadcrumbs */
#ja-pathwaywrap {
padding: 0 0 0 25px;
color: #FFFFFF;
font-weight: bold;
background: url(./images/h3-bg-hilite.gif) no-repeat left center #00B0DB;
margin: 0 5px 10px 0;
white-space: nowrap;
overflow: hidden;
display: block;
height: 30px;
}
#ja-pathway {
padding: 0;
display: block;
float: left;
width: 100%;
background: url(./images/h3-bg-hilite.gif) no-repeat right center;
margin: 0;
height: 30px;
}
#ja-pathway div.ja-innerpad {
padding-top: 7px;
line-height: normal;
}
#ja-pathway strong {
margin-right: 5px;
}
#ja-pathway a {
color: #FFFFFF;
text-decoration: none;
}
#ja-pathway a:hover {
text-decoration: underline;
}
#ja-pathway img {
margin: 1px 5px;
}
h2.contentheading, .contentheading {
font-weight: bold;
margin: 0;
padding: 0;
line-height: normal;
}
table.contentpaneopen td, table.contentpane td {
}
table.contentpaneopen, table.contentpane, table.blog {
width: 100%;
}
/* Small text */
p.site-slogan, a.readon, #ja-pathway, #ja-botsl, #ja-footer {
font-size: 97%;
}
small, .small, .modifydate, .img_caption {
color: #999999;
font-size: 60%;
}
/*body {
background: #fff;
font-family: Tahoma,Helvetica,Arial,sans-serif;
line-height: 1.3em;
font-size: 76%;
color: #333;
}
h1 {
font-family:Helvetica ,Arial,sans-serif;
font-size: 16px;
font-weight: bold;
color: #666;
}
h2 {
font-family: Arial, Helvetica,sans-serif;
font-size: 14px;;
font-weight: normal;
color: #333;
}
h3 {
font-weight: bold;
font-family: Helvetica,Arial,sans-serif;
font-size: 13px;
}
h4 {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #333;
}
.moduletable {
padding: 0;
}