/* COMMON STYLE
--------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
body {
	color: #545C66;
	background: #FFFFFF;
	font-family: trebuchet ms, verdana, arial, sans-serif;
	line-height: 1.5;
}
body#bd {
	/* background: url(bg07x.gif) repeat top white; */
	background: white;
	background-attachment: fixed;
}
body.contentpane {
	width: auto; /* Printable Page */
	margin: 1em 2em;
	background: #FFFFFF;
	color: #000000;
	font-size: 12pt;
	font-family: serif;
	line-height: 140%;
}
body.fs1{
	font-size: 9px;
}
body.fs2{
	font-size: 10px;
}
body.fs3{
	font-size: 11px;
}
body.fs4{
	font-size: 12px;
}
body.fs5{
	font-size: 13px;
}
body.fs6{
	font-size: 14px;
}

/* Normal link */
a {
	/* color: #666699; */
	color: #cc0000;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	/* color: #333366; */
	color: #ff0000;
	text-decoration: underline;
}

/* Small text */
.small, .smalldark, .createdate, .modifydate, .mosimage_caption,
.back_button, .pagenavcounter, .pagenav, .pagenavbar {
}

/* Heading */
h1 {
	font: bold 1.6em arial, helvetica, sans-serif;
	color: #cc0000;
}
h2 {
	font: bold 1.4em arial, helvetica, sans-serif;
	color: #333366;
}
h2 a {
	font: bold 1.0em arial, helvetica, sans-serif;
	color: #333366;
	text-decoration: none;
}
h2 a:hover {
	text-decoration: underline;
	color: #666699;
}
h3 {
	font: normal 1.2em arial, helvetica, sans-serif;
	color: #666699;
}
h4 {
	font-size: 1em;
	text-transform: uppercase;
}
p {
	margin: 5px 0 10px;
}
ul {
	margin-top: 0px;
	margin-bottom: 15px;
	list-style: none;
}
ul li {
	padding-left: 30px;
	background: url(bullet-listx.gif) no-repeat 15px top;
}
ol {
	margin-top: 5px;
	margin-bottom: 15px;
}
ol li {
	margin-left: 35px;
}
th {
	padding: 4px;
	font-weight: bold;
	text-align: left;
}
fieldset {
	border: none;
}
fieldset a {
	font-weight: bold;
}
hr {
	border-top: 1px solid #C6CED9;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
}
a img {
	border: none;
}
td, div {
	font-size: 1em;
}

/* Code text */
pre, .code {
	padding: 10px 15px;
	margin: 5px 0 15px;
	border-left: 5px solid #666699;
	background: #dfdffa;
	font: 1em/1.5 "Courier News", monospace;
}
blockquote {
	padding: 15px 40px;
	background: url(quote.gif) 10px 10px no-repeat;
	font: italic 1em/1.5 Georgia, Times, serif;
}
.dropcap {
	float: left;
	padding: 3px 3px 0 0;
	display: block;
	color: #666699;
	font: 50px/40px Georgia, Times, serif;
}

/* Tips, Error, Message, Hightlight*/
.error {
	padding-left: 22px;
	color: #E50000;
	background: url(bullet-error.gif) no-repeat top left;
}
.message {
	padding-left: 22px;
	color: #697a48;
	background: url(bullet-info.gif) no-repeat top left;
}
.tips {
	padding-left: 22px;
	color: #697a48;
	background: url(bullet-tips.gif) no-repeat top left;
}
.highlight {
	border-bottom: 0 dotted;
	/* background: #ffcccc; */
	background: #e8e8fa;
	font-weight: bold;
}
p.stickynote {
	padding: 25px 60px 15px 20px;
	background: url(sticky-bg.gif) no-repeat top right #666699;
	color: #FFFFFF;
}
p.knote {
	padding: 25px 100px 15px 20px;
	background: url(knote2-bg.gif) no-repeat top right #fefae1;
	color: #000000;
}
p.clipnote {
	padding: 25px 60px 15px 20px;
	background: url(clip-bg.gif) no-repeat top right #d3d3f3;
	color: #000000;
}
p.caption {
	padding: 0px 10px 0px 10px;
	text-align: justify;	
	color: black;
}
.blocknumber {
	position: relative;
	clear: both;
	padding: 5px 10px 10px; 
}
.bignumber {
	float: left;
	font: 30px/normal Arial, sans-serif;
	font-weight: bold;
	color: #666699;
	display: block;
	margin-right: 5px;
	margin-bottom: 5px;
}

/* FORM
--------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}
input, select {
	font: 11px/normal Tahoma, Arial, Helvetica, sans-serif;
}
select, .inputbox {
	padding: 2px;
}
textarea {
	padding-left: 2px;
}
.button, .button:hover {
	border-top: 1px solid #DFE5EC;
	border-right: 1px solid #8E9CAE;
	border-bottom: 1px solid #8E9CAE;
	border-left: 1px solid #DFE5EC;
	padding: 1px 10px!important;
	padding: 1px 5px;
	background: url(button-bg.gif) repeat-x top left #ECF0F4;
	color: #646E7B;
}
.button:active, .button:focus {
	border-top: 1px solid #8E9CAE;
	border-right: 1px solid #DFE5EC;
	border-bottom: 1px solid #DFE5EC;
	border-left: 1px solid #8E9CAE;
}
.inputbox {
	border: 1px solid #DFE5EC;
	background: #FFFFFF;
}
.inputbox:hover, .inputbox:focus {
	border: 1px solid #8E9CAE;
}

/* MODULE
--------------------------------------------------------- */
div.moduletable h3 {
	margin: 0 -10px 5px;
	padding: 5px 10px;
	color: #646E7B;
	font-size: 1em;
}
div.moduletable {
	padding: 10px;
}

/* JOOMLA STYLE
--------------------------------------------------------- */
#ja-leftcol .article_seperator, #rightcol .article_seperator {
	display: none;
}
table.contentpane {
	border: none;
	width: 100%;
}
table.contentpaneopen {
	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 {
}

td.buttonheading {
	padding: 0 0 0 3px!important;
	text-align: center;
}
.category {
	font-weight: bold;
}
.clr {
	clear: both;
}

.componentheading {
	padding-bottom: 5px;
	margin-bottom: 10px;
	background: url(seperator2.gif) no-repeat bottom right;
	color: #697a48;
	font-size: 1.7em;
	line-height: normal;
	font-weight: bold;
}
.contentdescription {
	padding-bottom: 30px;
}
.contentheading {
	color: #666699;
	font-size: 1.7em;
}
a.contentpagetitle {
	text-decoration: none!important;
}
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
	text-decoration: none!important;
}
a.readon {
	float: right;
	padding: 1px 5px 1px 16px;
	display: block;
	background: url(arrow-readon.gif) no-repeat 5% 55% #697a48;
	color: #FFFFFF;
	font-size: 0.87em;
	text-decoration: none;
}
a.readon:hover, a.readon:active, a.readon:focus {
	color: #FFFFFF;
	background: url(arrow-readon.gif) no-repeat 5% 55% #5FA4FB;
	text-decoration: none!important;
}
table.contentpaneopen td, table.contentpane td {
}
table.contentpaneopen, table.contentpane, table.blog {
	width: 100%;
}
.moduletable {
	padding: 0;
}
.mosimage {
	padding: 0;
	margin: 8px 15px 0 0!important;
	margin: 8px 5px 0 0;
}
.mosimage img {
	padding: 0;
	margin: 0!important;
}
.mosimage_caption {
	margin-bottom: 10px;
	padding: 0px 2px;
	color: #8E9CAE;
	text-decoration: none;
}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 95%;
	text-align: left;
	min-width: 750px;
	max-width: 2000px;
	border: 1px solid #333366;
}
.narrow #wrapper {
	width: 750px;
}
.wide #wrapper {
	width: 930px;
}
#container-fl {
	clear: both;
	padding: 0;
	border-right: 1px solid #cccccc;
	background: #FFFFFF;
}
#contentwrap {
	background: url(grad2.gif) repeat-x top;
}
#content {
	padding: 10px 15px 20px;
}

/* HEADER
--------------------------------------------------------- */
#header {
	clear: both;
	background: url(banner-right.jpg) top right no-repeat #8b9d67;
	color: #FFFFFF;
	text-align: left;
	line-height: normal;
	height: 130px;
	position: relative;
}
#header h1 {
	font-size: 3em;
	position: absolute;
	top: 0px;
	left: 0px;
}
#header h1 img {
	float: left;
}
#usertoolswrap {
	position: absolute;
	top: 79px;
	right: 5px;
	height: 27px;
	padding: 0;
}
#usertools {
	padding: 0;
	float: right;
	display: block;
	height: 27px;
}
#usertools span {
	float: left;
	margin: 0 6px 0 0;
	display: block;
}
#usertools img {
	padding: 9px 2px 0;
}
#usertools a {
}
#usertools a:hover, #usertools a:active, #usertools a:focus {
}
#usertools .inputbox:hover,
#usertools .inputbox:focus {
}

/* MAIN NAVIGATION
--------------------------------------------------------- */
#mainnav {
	float: left;
	width: 100%;
	font-size: 1em;
	line-height: normal;
	background: red;
	border-top: 1px solid #3f3f75;
	border-bottom: 1px solid #3f3f75;
}
#ja-subnavwrap {
	clear: both;
	float: left;
	width: 100%;
	background: #5FA4FB;
	border-bottom: 5px solid #5FA4FB;
}
#ja-subnav {
	padding: 0 10px;
}

/* CONTENT COLUMN
--------------------------------------------------------- */
#mainbody-fl {
	float: left;
	width: 68.3%;
	border-right: 1px solid #cccccc;
}
#mainbody-fl #contentwrap {
	float: left;
	width: 100%;
}
#mainbody-fl h1 {
	padding: 0.2em 0 0.5em;
}
#mainbody-fl h2 {
	padding: 0.1em 0 0.4em;
}
.smalltext {
	font-size: 0.8em;
}


/* RIGHT COLUMN
--------------------------------------------------------- */
#rightcol {
	float: right;
	width: 30%;
	padding-top: 10px;
}
#rightcol a {
	color: #697a48;
	text-decoration: underline;
}
#rightcol h1 {
	color: #a5ba7a;
	font: bold 1.6em arial, helvetica sans-serif;
	padding: 0.2em 0 0.5em;
}
#rightcol h1 a {
	text-decoration: none;
}
#rightcol h2 {
	color: #697a48;
	font: bold 1.3em arial, helvetica sans-serif;
	padding: 0.2em 0 0.4em;
}
#rightcol h2 a {
	text-decoration: none;
}
#rightcol a:hover, #rightcol a:active, #rightcol a:focus {
	color: #47562a;
	text-decoration: underline;
}
#rightcol ul {
	margin-top: 5px;
	margin-bottom: 5px;
	list-style: none;
}
#rightcol ul li {
	padding-left: 25px;
	background: url(bullet-right.gif) no-repeat 10px top;
}

#rightcol div.basic h3 {
	margin: 0 0 5px;
	padding: 0 10px 4px 14px;
	color: #697a48;
	background: url(h3right-bg.gif) no-repeat bottom left;
	font-size: 1em;
	font-weight: bold;
}
#rightcol div.basic {
	margin-bottom: 5px;
	padding: 5px 0 10px;
	width: 92%;
}
#rightcol div.paperclip h3 {
	margin: 0 -10px 5px;
	padding: 10px 25px 10px 8px;
	color: #FFFFFF;
	background: url(h3-bg-hilite.gif) no-repeat top right #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
}
#rightcol div.paperclip {
	margin-bottom: 15px;
	padding: 0px 10px 10px;
	color: #FFFFFF;
	background: #697a48;
	border-right: 13px solid #FFFFFF; 
}
#rightcol div.paperclip a {
	color: #FFFFFF;
	text-decoration: underline;
}
#rightcol div.paperclip a:hover, 
#rightcol div.paperclip a:active, 
#rightcol div.paperclip a:focus {
	color: #f1f7e7;
	text-decoration: underline;
}
#rightcol div.postit h3 {
	margin: 0 -10px 5px;
	padding: 22px 85px 25px 10px;
	color: black;
	background: url(knote3-bg.gif) no-repeat top right #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
}
#rightcol div.postit {
	margin-bottom: 15px;
	padding: 0px 10px 10px;
	color: #45494f;
	background: #c0d595;
	border-right: 13px solid #FFFFFF; 
}
#rightcol div. a {
	color: #545C66;
	text-decoration: underline;
}
#rightcol div.postit a:hover, 
#rightcol div.postit a:active, 
#rightcol div.postit a:focus {
	color: black;
	text-decoration: underline;
}
#rightcol div.thanks h3 {
	margin: 0 -10px 5px;
	padding: 22px 85px 25px 10px;
	color: black;
	background: url(thanks-bg.gif) no-repeat top right #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
}
#rightcol div.thanks {
	margin-bottom: 15px;
	padding: 0px 10px 10px;
	color: #45494f;
	background: #c0d595;
	border-right: 13px solid #FFFFFF; 
}
#rightcol div.thanks a {
	color: #545C66;
	text-decoration: underline;
}
#rightcol div.thanks a:hover, 
#rightcol div.thanks a:active, 
#rightcol div.thanks a:focus {
	color: black;
	text-decoration: underline;
}


/* FOOTER
--------------------------------------------------------- */
#footer {
	clear: both;
	background: url(footer-bgx.gif) repeat-x top #697a48;
	color: #f1f3f5;
	font-size: 1.0em;
	border-top: 0 solid black;
	position: relative;
	height: 30px;
}
#footer a {
	color: #f1f3f5;
	text-decoration: none;
}
#footer a:hover,
#footer a:active,
#footer a:focus {
	color: white;
	text-decoration: underline;
}
#bottomline {
	position: absolute;
	top: 2px;
	left: 15px;
}
#cert {
	position: absolute;
	top: 10px;
	right: 13px;
}
/* #cert {
	position: absolute;
	top: 10px;
	right: 15px;
}
#cert a {
	padding-left: 5px;
} */

/* MISCELLANOUS
----------------------------------------------------------- */
div.back_button a,
div.back_button a:hover,
div.back_button a:active {
	margin: 10px 0;
	display: block;
	color: #8E9CAE;
	background: none!important;
	text-decoration: none!important;
}

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

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

* html .clearfix {
	height: 1%;
}

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