/*------------------------------------------------------------------------

# JA Sabina - June, 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

-------------------------------------------------------------------------*/



* {

	margin: 0;

	padding: 0;

}



/* COMMON STYLE

---------------------------------------------------------------------------*/

body {

	background: url(../images/od_bg.gif) repeat-x #E29E14;

	color: #515151;

	font: 11px/1.5 Tahoma, Arial, Verdana, sans-serif;

}



a {

	color: #FF8901;

	text-decoration: none;

}



a:hover {

	color: #006400;

	text-decoration: underline;

}



/* Heading */

h1 {

	font-size: 170%;

}



h2 {

	font-size: 150%;

}



h3 {

	font-size: 125%;

}



h4 {

	font-size: 100%;

	text-transform: uppercase;

}



p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {

	margin: 15px 0;

	padding: 0;

}



ul {

	list-style: none;

}



ul li {

	padding-left: 35px;

	background: url(../images/arrow.png) no-repeat 25px 8px;

	line-height: 170%;

}



ol li {

	margin-left: 35px;

	line-height: 170%;

}



th {

	padding: 5px;

	font-weight: bold;

	text-align: left;

}



fieldset {

	border: none;

}



fieldset a {

	font-weight: bold;

}



hr {

	border-top: 1px solid #CCCCCC;

	border-right: 0;

	border-left: 0;

	border-bottom: 0;

	height: 1px;

}



a img {

	border: none;

}



td, div {

	font-size: 100%;

}



/* FORM STYLE

---------------------------------------------------------------------------*/

.button {

	border-top: solid 1px #FFFFFF;

	border-left: solid 1px #FFFFFF;

	border-right: solid 1px #CCCCCC;

	border-bottom: solid 1px #CCCCCC;

	background: #FF8901;

	color: #FFFFFF;

}



input, select {

	border: #FFC807 solid 1px;

	padding: 1px;

	background: #FFFDE5;

}



input:focus, input:hover {

	border: #FFC807 solid 1px;

	padding: 1px;

	background: #FFF3C9;

	color: #FFFFFF;

}



textarea {

	border: #FFC807 solid 1px;

}



/* MODULE

--------------------------------------------------------- */

div.moduletable h3 {

	margin: 0;

	padding: 0;

}



div.moduletable {

	margin-bottom: 20px;

	padding: 0;

}



/* HEADER ELEMENT

--------------------------------------------------------- */

#ja-header h1 {

	margin: 0;

	padding-top: 0;

	padding-left: 0;

}



#ja-search {

	float: right;

	width: 300px;

	margin: 30px 10px 0 0;

	text-align: right;

}



#ja-search input {

	border: solid 1px #999999;

	padding: 2px;

	color: #000000;

	background: #D1EFCD;

}



/* Mainnav */

#ja-mainnav {

	margin: 0;

	padding: 0;

}



/* Spotlight */

#ja-lefthead {

	width: 602px;

	float: left;

}



#ja-lefthead h3 {

	padding-top: 15px;

	padding-left: 160px;

	color: #FFFFFF;

	font-weight: bold;

	font-size: 120%;

	text-transform: uppercase;

}



#ja-lefthead table td {

	padding: 10px 10px 10px 160px;

	color: #FFFFFF;

}



#ja-lefthead span.article_seperator {

	display: none;

}



#ja-righthead {

	float: right;

	padding: 15px 5px 0 0;

	width: 145px;

	color: #FFFFFF;

}



#ja-righthead h3 {

	margin-bottom: 10px;

	padding: 0;

	font-size: 120%;

	text-transform: uppercase;

}



/* PATHWAY STYLE

--------------------------------------------------------- */

#ja-pathway {

	padding-bottom: 3px;

	margin-bottom: 15px;

	background: url(../images/dotted.gif) repeat-x bottom left;

}



#ja-pathway a {

	color: #787878;

	text-decoration: none;

}



#ja-pathway a:hover {

	color: #787878;

	text-decoration: none;

}



#ja-pathway a:visited {

	color: #787878;

	text-decoration: none;

}



/* RIGHTCOL STYLE

--------------------------------------------------------- */

#ja-rightcol a {

	color: #A65C00;

}



#ja-rightcol div.moduletable {

	padding: 0;

	text-align: left;

}



#ja-rightcol div.moduletable h3 {

	margin: 0;

	padding: 3px 0 13px 10px;

	color: #FFFFFF;

	background: url(../images/right-h3-bg.gif) no-repeat bottom right #9BBEC4;

	font-size: 100%;

	font-weight: bold;

	text-transform: uppercase;

}



/* Default joomla menu */

#ja-rightcol a.mainlevel {

	margin: 2px 2px 0px 5px;

	padding-left: 10px;

	display: block;

	color: #434343;

	background: url(../images/bullet.gif) no-repeat left center;

	font-weight: bold;

	text-decoration: none;

}



#ja-rightcol a.mainlevel:hover {

	background: url(../images/bullet2.gif) no-repeat left center;

	color: #FF8901;

}



#ja-rightcol a.sublevel {

	margin: 2px 5px 0px 15px;

	padding: 0;

	display: block;

	color: #000000;

	text-decoration: none;

}



#ja-rightcol a.sublevel:hover {

	color: #FF8901;

	text-decoration: underline;

}



#ja-rightcol #active_menu {

	color: #FF8901;

}



/* BOT SPOTLIGHT

--------------------------------------------------------- */

.ja-box {

	float: left;

	width: 33.3%;

	background: url(../images/bottombox_left.jpg) top left no-repeat;

	color: #FFFFFF;

}



.ja-box-inner {

	padding: 0 0 0 15px;

	background: url(../images/bottombox_right.jpg) top right no-repeat;

}



.ja-box h3 {

	margin: 0 0 10px 0 !important;

	padding: 5px 15px 4px 0 !important;

	border-bottom: 3px solid #4FAC00;

	color: #FFFFFF;

	font-size: 120%;

	text-transform: uppercase;

}



.ja-box ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



.ja-box ul li {

	margin: 0;

	padding-left: 15px;

	list-style: none;

	background: url(../images/white_arrow.gif) no-repeat 3px 7px;

}



.ja-box a {

	color: #FFFFFF;

	text-decoration: none;

}



.ja-box a:hover {

	font-size: 100%;

	text-decoration: underline;

}



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

}