/*------------------------------------------------------------------------
# JA Drimia 1.0 - Dec, 2007
# ------------------------------------------------------------------------
# Copyright (C) 2004-2007 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
-------------------------------------------------------------------------*/


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

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

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

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

body.fs1 {
	font-size: 9px;
}

body.fs2{
	font-size: 10px;
}

body.fs3{
	font-size: 12px;
}

body.fs4{
	font-size: 12px;
}

body.fs5{
	font-size: 13px;
}

body.fs6{
	font-size: 14px;
}

/* Normal link */
a {
	color: #80a44d;
	text-decoration: none;
}

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

/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, .nftitle {
	color: #545454;
}

/* Small text */
small, .small, .smalldark, .mosimage_caption, .createdate, .modifydate {
	color: #999999;
	font-size: 12px;
}

/* Heading */
h1 {
	font-size: 21px;
}

h2 {
	font-size:15.6px;
}

h3 {
	font-size: 15px;
}

h4 {
	font-size: 12px;
	text-transform: uppercase;
}

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

ul {
	list-style: none;
}

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

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

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

fieldset {
	border: none;
}

fieldset a {
	font-weight: bold;
}

hr {
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-top: 1px solid #CCCCCC;
	height: 1px;margin-top:-4px;
}

a img {
	border: none;
}

td, div {
	font-size: 12px;
}

address {
	background: url(../images/contact.png) no-repeat bottom right;
	font-style: normal;
}

/* FORM
--------------------------------------------------------- */
form {
	margin: 0;
	padding-left: 4px;
}

form label {
	cursor: pointer;
}

input, select, textarea, .inputbox {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	padding: 1px;
}

select, textarea, .inputbox {
	background: #FFFFFF;
	color: #8eb1b4;
	border: 1px solid #ddd;
}

.button {
	background: url(../images/grad1.jpg) repeat-x center #EFEFEF;
	border: 1px solid #DDDDDD;
	border-bottom-color: #CCCCCC;
	color: #666666;
	padding: 2px 2px;
}

* html .button, *+html .button
	padding: 1px 5px !important;
}

.inputbox {
	background: #eff7f7;
	border: 1px solid #dddddd;
	margin-bottom: 1px;
	/* padding: 3px 2px; */
}

.inputbox:hover, .inputbox:focus {
	background: #f0efef;
	border: 1px solid #999999;
	color:#666666;
}

/* BONUS TYPOGRAPHY STYLES
--------------------------------------------------------- */
pre, .code {
	background-color: #FFFFEA;
	border-left: 5px solid #666666;
	margin: 5px 0 15px;
	padding: 10px 15px;
}

blockquote {
	padding: 1em 40px 1em 15px;
}

blockquote span.open {
	background: url(../images/so-q.gif) no-repeat left top;
	padding: 3px 0 3px 30px;
}

blockquote span.close {
	background: url(../images/sc-q.gif) no-repeat bottom right;
	padding: 3px 30px 3px 0;
}

/* Blockquote home */
blockquote.home {
	margin: 0 0 5px 0;
	padding: 0;
}

.home span.open {
	background: url(../images/open-q.gif) no-repeat left top;
	padding: 1px 0 2px 15px;
}

.home span.close {
	background: url(../images/close-q.gif) no-repeat right bottom;
	padding: 2px 15px 1px 0;
}

/* Dropcap */
.dropcap {
	color: #FF760E;
	display: block;
	float: left;
	font: 50px/40px Georgia, Times, serif;
	padding: 4px 8px 0 0;
}

/* Tips, Error, Message, Hightlight*/
.error {
	background: url(../images/bullet-error.gif) no-repeat top left;
	color: #CC0000;
	padding-left: 25px;
}

.message {
	background: url(../images/bullet-info.gif) no-repeat top left;
	color: #16A9CD;
	padding-left: 25px;
}

.tips {
	background: url(../images/bullet-tips.gif) no-repeat top left;
	color: #FF760E;
	padding-left: 25px;
}

.highlight {
	background-color: #FFFFEA;
	font-weight: bold;
	padding: 1px 5px;
}

/* Note Style */
p.stickynote {
	background: url(../images/sticky-bg.gif) no-repeat 10px 10px #FFFFEA;
	border: 1px solid #DDDDDD;
	padding: 10px 20px 20px 60px;
}

p.download {
	background: url(../images/download-bg.gif) no-repeat 10px 10px #FFFFEA;
	border: 1px solid #DDDDDD;
	padding: 10px 20px 20px 60px;
}

.blocknumber {
	clear: both;
	padding: 5px 15px 10px;
	position: relative;
}

/* Check list */
ul.checklist {
	list-style: none;
}

ul.checklist li {
	background: url(../images/checklist-bg.gif) no-repeat 5px 5px;
	margin-left: 10px;
	padding: 0 0 2px 20px;
}

/* Star list */
ul.stars {
	list-style: none;
}

ul.stars li {
	background: url(../images/star-bg.gif) no-repeat 4px 3px;
	margin-left: 10px;
	padding: 0px 0 2px 20px;
}

/* Arrow list */
ul.arrow {
	list-style: none;
}

ul.arrow li {
	background: url(../images/list-arrow.gif) no-repeat 4px 6px;
	margin-left: 10px;
	padding: 0px 0 2px 20px;
}

/* Smallnumber */
ol.smallnumber {
	list-style: none;
	margin: 0;
	padding: 0;
}

ol.smallnumber li {
	line-height: 18px;
	margin: 10px 0 10px 20px;
	padding: 3px 0 5px 40px;
}

ol.smallnumber li.number-1 {
	background: url(../images/n-1.gif) no-repeat left top;
}

ol.smallnumber li.number-2 {
	background: url(../images/n-2.gif) no-repeat left top;
}

ol.smallnumber li.number-3 {
	background: url(../images/n-3.gif) no-repeat left top;
}

ol.smallnumber li.number-4 {
	background: url(../images/n-4.gif) no-repeat left top;
}

ol.smallnumber li.number-5 {
	background: url(../images/n-5.gif) no-repeat left top;
}

ol.smallnumber li.number-6 {
	background: url(../images/n-6.gif) no-repeat left top;
}

ol.smallnumber li.number-7 {
	background: url(../images/n-7.gif) no-repeat left top;
}

ol.smallnumber li.number-8 {
	background: url(../images/n-8.gif) no-repeat left top;
}

ol.smallnumber li.number-9 {
	background: url(../images/n-9.gif) no-repeat left top;
}

/* Bignumber */
.bignumber {
	background: url(../images/ol-bg.gif) no-repeat top left;
	color: #FFFFFF;
	display: block;
	float: left;
	font: bold 20px/normal Arial, sans-serif;
	margin-right: 8px;
	padding: 7px 7px 5px 7px;
}

/* Talking box. Thinking box. */
div.bubble1, div.bubble2, div.bubble3, div.bubble4 {
	margin: 15px 0;
}

div.bubble1 span.author,
div.bubble2 span.author,
div.bubble3 span.author,
div.bubble4 span.author {
	background: url(../images/author.gif) no-repeat center left;
	font-weight: bold;
	margin-left: 15px;
	padding-left: 15px;
}

div.bubble1 div {
	background: url(../images/bub1-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
}

div.bubble1 div div {
	background: url(../images/bub1-bl.gif) no-repeat bottom left;
}

div.bubble1 div div div {
	background: url(../images/bub1-tr.gif) no-repeat top right;
}

div.bubble1 div div div div {
	background: url(../images/bub1-tl.gif) no-repeat top left;
}

div.bubble1 div div div div div {
	margin: 0;
	padding: 15px 15px 30px 15px;
	width: auto;
}

div.bubble2 div {
	background: url(../images/bub2-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
}

div.bubble2 div div {
	background: url(../images/bub2-bl.gif) no-repeat bottom left;
}

div.bubble2 div div div {
	background: url(../images/bub2-tr.gif) no-repeat top right;
}

div.bubble2 div div div div {
	background: url(../images/bub2-tl.gif) no-repeat top left;
}

div.bubble2 div div div div div {
	margin: 0;
	padding: 15px 15px 35px 15px;
	width: auto;
}

div.bubble3 div {
	background: url(../images/bub3-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
}

div.bubble3 div div {
	background: url(../images/bub3-bl.gif) no-repeat bottom left;
}

div.bubble3 div div div {
	background: url(../images/bub3-tr.gif) no-repeat top right;
}

div.bubble3 div div div div {
	background: url(../images/bub3-tl.gif) no-repeat top left;
}

div.bubble3 div div div div div {
	margin: 0;
	padding: 15px 15px 50px 15px;
	width: auto;
}

div.bubble4 div {
	background: url(../images/bub4-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
}

div.bubble4 div div {
	background: url(../images/bub4-bl.gif) no-repeat bottom left;
}

div.bubble4 div div div {
	background: url(../images/bub4-tr.gif) no-repeat top right;
}

div.bubble4 div div div div {
	background: url(../images/bub4-tl.gif) no-repeat top left;
}

div.bubble4 div div div div div {
	margin: 0;
	padding: 15px 15px 55px 15px;
	width: auto;
}

/* Legend */
.legend-title {
	background-color: #FFFFFF;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: bold;
	left: 7px;
	margin: 0;
	padding: 0 3px;
	position: absolute;
	top: -12px;
}

.legend {
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	margin: 20px 0;
	padding: 0 10px;
	position: relative;
}

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

.article_seperator {
	
	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: 18.6px;
	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: 21px;
	font-weight: bold;
	margin-top: 20px;
	padding: 0 0 15px 0;
}

.contentdescription {
	padding-bottom: 30px;
}

table.blog .contentheading {
	font-size: 19.8px;
}

.contentheading {
	font-size: 24px;
	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;
}

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

* html .mosimage {
	margin: 5px 0px 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;
}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper1 {
	clear: both;
	margin: 0 auto;
	width: 980px;
}

.narrow #ja-wrapper1 {
	width: 770px;
}

#ja-wrapper2 {
	background: url(../images/shadow-left.gif) repeat-y top left;
	padding-left: 15px;
}

#ja-wrapper3 {
	background: url(../images/shadow-right.gif) repeat-y top right;
	padding-right: 15px;
}

#ja-wrapper4 {
	background: #FFFFFF;
	padding: 0 20px 0px;
}

/* PRIMARY COLUMN
--------------------------------------------------------- */
#ja-content {
	background: url(../images/content-center.gif) repeat-y;
	float: right;
	width: 60%;
}

#ja-content div.ja-innerpad {
	clear: both;
	display: block;
	margin: 0;
	padding: 0 0 0 20px;
	
}

/* SECONDARY COLUMNS
--------------------------------------------------------- */
#ja-colwrap {
	
	float: left;
	overflow: hidden;
	width: 40%;
}

#ja-colwrap-top {
	
	padding-top: 10px;
}

#ja-colwrap-bot {
	
	padding-bottom: 10px;
}

.narrow #ja-colwrap {
	background: url(../images/col-center-n.gif) repeat-y center top;
}

.narrow #ja-colwrap-top {
	background: url(../images/col-top-n.gif) no-repeat top;
}

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

#ja-colwrap-bot div.ja-innerpad {
	background: url(../images/vline.gif) repeat-y center;
	display: block;
	overflow: hidden;
}

#ja-masscol {
	background: url(../images/mc-bg.gif) no-repeat #FF760E;
	color: #FFFFFF;
	display: block;
	float: left;
	height: 130px;
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
	width: 40%;
}

* html #ja-masscol {
	margin-bottom: 8px !important;
}

*+html #ja-masscol {
	margin-bottom: 10px !important;
}

#ja-masscol div.moduletable {
	left: 20px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 15px;
	width: 90%;
}

.narrow #ja-masscol {
	background: url(../images/mc-bg-n.gif) no-repeat #FF760E;
}

#ja-masscol h3 {
	display: none;
}

#ja-masscol a, #ja-masscol a:hover, #ja-masscol a:active, #ja-masscol a:focus {
	color: #FFFFFF;
	text-decoration: underline;
}

#ja-masscol .nftitle {
	font-size: 18px;
	font-weight: bold;
	padding-top: 5px;
}

#ja-masscol .nftitle a,
#ja-masscol .nftitle a:hover,
#ja-masscol .nftitle a:active,
#ja-masscol .nftitle a:focus {
	text-decoration: none;
}

#ja-masscol ul {
	margin: 1em 0;
	padding: 0;
}

#ja-masscol ul li {
	background: url(../images/bullet-list2.gif) no-repeat 2px 8px;
	padding-left: 13px;
}

#ja-col1 {
	float: left;
	overflow: hidden;
	width: 50%;
}

#ja-col1 div.ja-innerpad{
	padding: 15px;
}

#ja-col2 {
	float: right;
	overflow: hidden;
	width: 49.9%;
}

#ja-col2 div.ja-innerpad{
	padding: 15px;
}

#ja-col1 table, #ja-col2 table {
	border-collapse: collapse;
	border-spacing: 0;
}

#ja-col1 ul, #ja-col2 ul {
	margin: 0;
	padding: 0;
}

#ja-col1 ul li, #ja-col2 ul li {
	background: url(../images/bullet-list.gif) no-repeat 2px 8px;
	padding-left: 13px;
}

#ja-masscol .article_seperator {
	display: none;
}

/* COLLAPSIBLE LAYOUT
--------------------------------------------------------- */
#ja-containerwrap, #ja-containerwrap-cm, #ja-containerwrap-c, #ja-containerwrap-f {
	padding: 0;margin-top:-60px;
}

#ja-container {
	padding: 10px 0;
}

/* full */
#ja-containerwrap-f #ja-content {
	float: none;
	width: 100%;
}

/* content + col + mass */
#ja-containerwrap-cm {
}

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

#ja-containerwrap-cm #ja-col1,
#ja-containerwrap-cm #ja-col2 {
	width: 100%;
}

/* content + col */
#ja-containerwrap-c #ja-content {
	width: 78%;
}

#ja-containerwrap-c #ja-colwrap {
	
	width: 22%;
	
}

#ja-containerwrap-c #ja-colwrap-top {
	
}

#ja-containerwrap-c #ja-colwrap-bot {
	
}

.narrow #ja-containerwrap-c #ja-colwrap {
	background: url(../images/col-center1-n.gif) repeat-y center;
}

.narrow #ja-containerwrap-c #ja-colwrap-top {
	background: url(../images/col-top1-n.gif) no-repeat top;
}

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

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

#ja-containerwrap-c #ja-col1,
#ja-containerwrap-c #ja-col2 {
	width: 100%;
}

/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {
	position: relative;
	z-index: 10;
}

#ja-header {
	margin-top:-20px;
	height: 140px;
	position: relative;
	z-index: 999;
}

.narrow #ja-header {
	background: url(../images/head-bg-n.gif) no-repeat 0 60px;
}

h1.logo {
	font-size: 36px;
	height: 45px;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 60px;
	width: 198px;
}

h1.logo a {
	background: url(../images/logo.gif) no-repeat;
	display: block;
	float: left;
	height: 45px;
	outline: none;
	text-indent: -5000px;
	text-transform: uppercase;
	width: 198px;
}

/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-mainnav {
	bottom: 36px;
	height: 44px;
	left: 220px;
	position: absolute;
	z-index: 10;
}

#ja-mainnav a,
#ja-mainnav a:hover,
#ja-mainnav a:active,
#ja-mainnav a:focus {
	outline: none;
}

#ja-mainnav span.separator {
	display: block;
}

/* Default Joomla! Menu */
a.mainlevel {
background:#80a44d none repeat scroll 0%;
color:#FFFFFF;
display:block;
font-weight:bold;
height:29px;
line-height:29px;
margin-bottom:2px;
text-align:center;
}
a.mainlevel:hover, a.mainlevel:active, a.mainlevel:focus {
background:#80a44d none repeat scroll 0%;
color:#FFFFFF;
font-weight:bold;
text-align:center;
}
a#active_menu.mainlevel {
background:#80a44d none repeat scroll 0%;
color:#FFFFFF;
font-weight:bold;
text-align:center;
}
a.sublevel {
background: #FFF scroll 1px 12px;
color:#446969;
display:block;
/*padding:5px 4px 5px 5px;*/
text-decoration:none;
}
a.sublevel:hover, a.sublevel:active, a.sublevel:focus {
color:#446969;;
background:#E1ecd2;;
}
#active_menu {
color:#666;
font-weight:bold;
background:#e1ecd2;
}

#ja-pathwaywrap {
	
	display: block;
	height: 27px;
	margin: 0 0 0px;
	padding-left: 0px;
}

#ja-pathway {
	
	display: block;
	float: left;
	height: 27px;
	line-height: 55px;
	width: 100%;
}

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

#ja-pathway a {
}

/* MODULE
--------------------------------------------------------- */
div.moduletable h3,
div.moduletable-hilite h3 {
	color: #FF760E;
	font-size: 18px;
	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 {
	padding: 0px 0px;
}

div.module h3 {
	border-bottom: 1px solid #DDDDDD;
	font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	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 {
	
	margin: 0;
	overflow: hidden;
	padding: 0;
}

div.module div {
	
	padding: 0;
}

div.module div div {
	
	padding: 0;
}

div.module div div div {
	
	padding: 0 20px 15px;
}

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

/* SPOTLIGHT
--------------------------------------------------------- */
/* Spotlight Box Style */
.ja-box-left, .ja-box-leftcol, .ja-box-center, .ja-box-right {
	float: left;
	overflow: hidden;
        margin-bottom: 0px;
}

.ja-box-full {
	float: none;
	overflow: hidden;
}

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

.ja-box-right div.moduletable {
	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;
}

/* Top Spotlight */
#ja-topsl {
}

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

#ja-topsl li {
	background: url(../images/arrow.png) no-repeat 2px 10px;
	margin: 0;
	padding-left: 12px;
}

#ja-topsl div.moduletable {
	margin-top: 4px;
}

/* Bottom Spotlight */
#ja-botsl {
	clear: both;
	padding: 1px 0 0;
}

/* Common Style for Spotlight */
#ja-botsl ul {
	margin: 0 0 0 2px;
	padding: 0;
}

#ja-botsl li {
	background: url(../images/arrow.png) no-repeat 0 8px;
	margin: 0;
	padding-left: 12px;
}

#ja-topsl td, #ja-botsl td {
	padding: 0;
}

#ja-topsl .article_seperator, #ja-botsl .article_seperator {
	display: none;
}

#ja-topsl table, #ja-botsl table {
	border-collapse: collapse;
	border-spacing: 0;
}

#ja-botsl a, #ja-botsl a:focus, #ja-botsl a:active, #ja-botsl a:focus {
	color: #666666;
}

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

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

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

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

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

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

#ja-footer ul {
	background: url(../images/vline.gif) no-repeat center right;
	float: left;
	line-height: normal;
	margin: 4px 0 5px 10px;
	padding: 0;
}

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

#ja-footer li a {
	background: url(../images/vline.gif) no-repeat center left;
	display: inline;
	line-height: normal;
	padding: 0 10px;
}

/* Search */
#ja-search {
	background: url(../images/seach-bg.gif) no-repeat;
	display: block;
	height: 22px;
	position: relative;
	
	top: 30px;
	width: 910px;
	text-align:right;
}

#ja-search .inputbox {
	border: none;
	color: #666666;
	font-size: 11px;
	margin: 3px;
	padding: 0;
	width: 135px;
}

#ja-search .inputbox:hover, #ja-search .inputbox:focus {
	background: #FFFFFF;
	border: none;
}

/* USER TOOLS
--------------------------------------------------------- */
#ja-usertools {
	left: 200px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20px;
}

#ja-usertools ul {
	display: inline;
	line-height: normal;
	margin: 0 10px 0 0;
	padding: 0;
}

.narrow #ja-usertools ul {
	margin: 0 5px 0 0;
}

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

#ja-usertools img {
	margin: 0;
	padding: 0;
}

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

/* SLWI */
.ja-slwi-container {
	width: 100%;
}

.ja-slwi-container h3 {
	color: #545454 !important;
	font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100% !important;
	line-height: normal !important;
	margin: 0 !important;
	padding: 7px 10px !important;
}

.ja-slwi-container h3 span {
	background: none !important;
}

.ja-slwi-text p {
	color: #666666;
	margin: 0;
	padding: 0 10px;
}


<style type="text/css">
ul.makeMenu, ul.makeMenu ul {
width: 80px; /* sets the size of the menu blocks */
border: 1px solid #000; /* puts a black border around the menu blocks */
background-color: #8aa; /* makes the menu blocks mint green - a bg-color MUST be included for IE to work properly! */
padding-left: 0px; /* stops the usual indent from ul */
cursor: default; /* gives an arrow cursor */
margin-left: 0px; /* Opera 7 final's margin and margin-box model cause problems */
}
ul.makeMenu li {
list-style-type: none; /* removes the bullet points */
margin: 0px; /* Opera 7 puts large spacings between li elements */
position: relative; /* makes the menu blocks be positioned relative to their parent menu item
the lack of offset makes these appear normal, but it will make a difference
to the absolutely positioned child blocks */
color: #fff; /* sets the default font colour to white */
}
ul.makeMenu li > ul { /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
display: none; /* hides child menu blocks - one of the most important declarations */
position: absolute; /* make child blocks hover without leaving space for them */
top: 2px; /* position slightly lower than the parent menu item */
left: 80px; /* this must not be more than the width of the parent block, or the mouse will
have to move off the element to move between blocks, and the menu will close */
}
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
background-color: #ffa; /* gives the active menu items a yellow background */
color: #000; /* makes the active menu item text black */ 
}
ul.makeMenu ul.CSStoShow { /* must not be combined with the next rule or IE gets confused */
display: block; /* specially to go with the className changes in the behaviour file */
}
ul.makeMenu li:hover > ul { /* one of the most important declarations - the browser must detect hovering over arbitrary elements
the > targets only the child ul, not any child uls of that child ul */
display: block; /* makes the child block visible - one of the most important declarations */
}






/* Clearfix */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	display: block;
	width: 100%;
}

* html .clearfix {
	height: 1%;
}

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