/* COMMON STYLE
--------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	color: #0F1114;
	background: #FFFFFF;
	font: 66% Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

body#bd {
	background: url(../img/bd-bg.gif) repeat-x top #FFFFFF;
	text-align: center;
}

body.contentpane {
	width: auto;
	margin: 10px;
	line-height: 140%;
}

h1 {
	font-size: 1.35em;
}

h2 {
	margin: 10px 0;
	font-size: 1.25em;
    font-weight: normal;
}

h3 {
	margin: 10px 0;
	font-size: 1.2em;
}

h4 {
	font-size: 1em;
	text-transform: uppercase;
}
/* normal text */
td, div {
	font-size: 1em;
}

/* Title text */
.contentheading, .componentheading, div.moduletable h3, #ja-subnav 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(../img/arrow-off.gif) no-repeat 2px 8px;
	line-height: 200%;
}

th {
	padding: 4px;
	font-weight: bold;
	text-align: left;
}


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: 11px "Trebuchet MS", Arial, sans-serif;
}

select, .inputbox {
	background: #FFFFCC;
}

textarea {
	border: 1px solid #E6E6E6;
	padding-left: 2px;
}

.button {
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid #808080;
	background: url(../img/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
--------------------------------------------------------- */

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

table.contentpaneopen {
	border: none;
}


ul#mainlevel li, ul#mainlevel-nav li {
	padding: 0;
	display: inline;
	background: none;
	line-height: normal;
}


.clr {
	clear: both;
}


.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(../img/seperator.gif) repeat-x bottom;
}

.contentheading {
	color: #E97B00;
	font-size: 2em;
}


.mosimage {
	padding: 3px!important;
	padding: 3px 0;
	margin: 12px 10px 0 0!important;
	border: 1px solid #E6E6E6;
	border-bottom: 2px solid #E6E6E6;
	background: url(../img/grad-grey.gif) repeat-x top #EFEFEF;
}

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

.mosimage_caption {
	margin-top: 2px;
	padding: 1px 2px;
	color: #9AA587;
}


/* MAIN LAYOUT DIVS WIDTH
--------------------------------------------------------- */
#ja-header, #ja-subheader, #ja-topnav, #ja-maincontainer, #ja-footer {
	width: 765px;
	margin: 0 auto;
	text-align: left;
}

/* HEADER
--------------------------------------------------------- */
#ja-header {
	background: url(../img/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: 5px 0;
	background: #ECF1F5;
}

#ja-subheader-outer div.moduletable {
	margin: 0!important;
}

#ja-subheader {
	background: #FFFFFF;
	position: relative;
}

#ja-subheader a {
	color: #FFFFFF;
}

/* MAIN CONTAINER
--------------------------------------------------------- */
#ja-maincontainer {
	padding: 0 0 30px;
	margin: 0 auto;
	background: url(../img/container-bg.gif) repeat-y top left #FFFFFF;
	text-align: left;
	line-height: 160%;
}

/* 3 columns content width */
#ja-content {
	margin: 0;
	width: 440px;
	padding: 10px 0 0 15px;
	float: left;
	background: url(../img/container-topbg.gif) no-repeat top left;
}

/* TOP NAVIGATION
----------------------------------------------------------- */
#ja-topnav {
	font-size: 11px;
	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: #ECF1F5;
	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: #ECF1F5;
}

#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(../img/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(../img/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(../img/arrow-on.gif) no-repeat 5px 8px #FFFFFF;
	line-height: 20px;
	text-decoration: none;
	height: 20px;
}

/* 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(../img/shadow.gif) repeat-x;
}

div.back_button a {
	float: right;
	display: block;
	color: #9AA587;
	font-weight: bold;
	text-decoration: none;
	height: 18px;
}


/* 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%;
}