/*------------------------------------------------------------------------
# JA Iolite 1.0 - June, 2008
# ------------------------------------------------------------------------
# Copyright (C) 2004-2008 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;
        background: #206BA4;
}
body {
	background: #206BA4;
	color: #000000;
	font-family: "Lucida Grande", Arial, sans-serif;
	line-height: 1.6;
}
body#bd {
	color: #F1EFE2;
	background: #206BA4;
	margin: 0 0 50px;
}
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;}
/* Normal link */
a {
        font-size: 100%;
	color: #FFB709;
	text-decoration: none;
}
a:hover, a:active, a:focus {
        font-size: 100%;
	color: #FFFFFF;
	text-decoration: none;
	/*background: #FA6900;*/
}
a img {
	border: none;
}
/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4, .nftitle {
	line-height: normal;
	font-weight: normal;
/*	color: #3C3229;*/
        color:#FFFFFF;
	font-family: "Trebuchet MS", Arial, sans-serif;
}	
/* Small text */
small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption,
p.site-slogan, a.readon, #ja-pathway, #ja-colwrap, #ja-colwrap2, #ja-botsl1, #ja-botsl2, #ja-footer {
	font-size: 92%;
}
small, .small, .img_caption {
	color: #A99C90;
}
img {
	margin: 0;
	padding: 0;
}
img.caption {
        float:left;
		margin-top: 10px;
		margin-right:10px;
        border:2px solid #FFFFFF;
}

img.caption2 {
        border:2px solid #FFFFFF;
}
/* Heading */
h1 {font-size: 180%;}
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: 10px 0;
	padding: 0;
}
ul {
	list-style: none;
}
ul li {
	background: url(../../images/bullet.gif) no-repeat 18px 7px;
	line-height: 160%;
}
ol li {
	line-height: 180%;
	margin-left: 35px;
}
th {
	font-weight: bold;
	padding: 5px;
	text-align: left;
}
fieldset {
	border: none;
	padding: 10px 5px;
}
fieldset a {
	font-weight: bold;
}
fieldset.input {
	padding: 0;
}
hr {
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-top: 1px solid #C9C0B7;
	height: 1px;
}
td, div {
	font-size: 100%;
}
/* FORM
--------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}
form label {
	cursor: pointer;
}
input, select, textarea, .inputbox, .button {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 100%;
}
.inputbox {
	border: 1px solid #C9C0B7;
	padding: 2px;
	background: #8BB2D0;
	color: #003250;
}
.button {
	padding: 1px 8px;
	border: 1px solid #C9C0B7;
	background: url(../../images/but-bg.gif) repeat-x center #D3D3CA;
	font-weight: bold;
	color: #695B4E;
}
* html .button { /*IE 6*/
	padding: 0 5px !important;
}
*+html .button { /*IE 7*/
	padding: 0 5px !important;
}
/* JOOMLA STYLE
--------------------------------------------------------- */
.article_separator {
	clear: both;
	display: block;
	height: 30px;
}
.column_separator {
	padding: 0 25px;
}
/* content tables */
.sectiontableheader {
	background: #000000;
	border-right: 1px solid #E7E6DF;
	padding: 4px;
}
tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
	padding: 4px;
}
tr.sectiontableentry2 td {
	background: #E7E6DF;
}
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%;
	font-size: 92%;
}
table.contenttoc a {
	text-decoration: none;
}
table.contenttoc td {
	background: url(../../images/bullet.gif) no-repeat 10px 7px;
	padding: 1px 5px 1px 20px;
}
table.contenttoc th {
	border-bottom: 1px solid #E7E6DF;
	padding: 0 0 3px;
	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 img {
	vertical-align: baseline;
}
table.pollstableborder td {
	border-collapse: collapse;
	border-spacing: 0;
	padding: 4px !important;
	background: none;
}
table.pollstableborder tr.sectiontableentry1 td {
	background: #E7E6DF;
}
table.searchintro {
	padding: 10px 0;
	width: 100%;
}
table.searchintro td {
	padding: 5px!important;
}
.blog_more strong {
	display: block;
	font-size: 125%;
	margin: 0 0 5px;
}
.blog_more ul {
	margin: 0;
	padding: 0;
}
.blog_more ul li {
	background: url(../../images/bullet.gif) no-repeat 6px 7px;
	margin: 0;
	padding: 0 0 0 17px;
}
.category {
	font-weight: bold;
}
h1.componentheading, .componentheading {
	margin: 0 0 10px;
	padding: 0 0 5px;
}
.componentheading {
	font-size: 250%;
}
.contentdescription {
	padding-bottom: 30px;
}
h2.contentheading, .contentheading {
	margin: 0;
	padding: 0 0 5px;
}
.contentheading {
	font-size: 175%;
	background: url(../../images/hdot1.gif) repeat-x bottom;
}
a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
}
a.readon {
	display: block;
	float: left;
	text-align: center;
	clear: both;
	padding: 0 5px 0 12px;
	text-transform: uppercase;
	text-decoration: none;
	background: url(../../images/arrow3.png) no-repeat 5px 50% #FA6900;
	color: #FFFFFF;
}
a.readon:hover, a.readon:focus, a.readon:active {
	background: url(../../images/arrow3.png) no-repeat 5px 50% #695B4E;
}
table.contentpaneopen td, table.contentpane td {
}
table.contentpaneopen, table.contentpane, table.blog {
	width: 100%;
}
.moduletable {
	padding: 0;
}
ul.pagination {
	margin: 15px auto 0;
	padding: 0;
}
ul.pagination li {
	background: none;
	display: inline;
	margin: 0;
	padding: 0;
}
ul.pagination li span{
	padding: 2px 5px;
}
ul.pagination a {
	padding: 2px 3px;
	text-decoration: none;
}
ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
}
.pagenavbar {
	background: url(../../images/icon-pages.gif) no-repeat center left;
	font-weight: bold;
	padding-left: 14px;
}
.pagenavcounter {
	background: url(../../images/icon-pages.gif) no-repeat 0 11px;
	font-weight: bold;
	padding: 8px 14px 0 14px;
}
.sectiontableheader {
	color: #FFFFFF;
	font-weight: bold;
	padding: 8px 5px;
}
.sectiontableheader a {
	color: #FFFFFF;
}
tr.sectiontableentry1 td {
	padding: 8px 5px;
}
tr.sectiontableentry2 td {
	padding: 8px 5px;
}
tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
}
.smalldark {
	text-align: left;
}
div.syndicate div {
	text-align: center;
}
.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
	background: none;
}
/* META
--------------------------------------------------------- */
.createdate {
	color: #A99C90;
}
.modifydate {
	float: left;
	width: 100%;
	color: #A99C90;
	margin-bottom: 10px;
	display: block;
}
.buttonheading {
	background: url(../../images/hdot1.gif) repeat-x bottom;
}
.buttonheading img {
	border: 0;
	float: right;
	margin: 7px 5px 0 0;
}
/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper {
    width:965px;
    margin: 0 auto;
}
#ja-header,
#ja-mainnav,
#ja-hp,
#ja-container,
#ja-topsl,
#ja-footer {
	width: 965px;
	margin: 0 auto;
	clear: both;
}
.narrow #ja-header,
.narrow #ja-mainnav,
.narrow #ja-hp,
.narrow #ja-container,
.narrow #ja-topsl,
.narrow #ja-footer {
	width: 750px;
}
#ja-container {
	/*background: url(../../images/vdot2.gif) repeat-y 56% 0;*/
}
#ja-container-inner {
	/*background: url(../../images/vdot2.gif) repeat-y 78% 0;*/
}
/* PRIMARY COLUMN
--------------------------------------------------------- */
#ja-content {
	/*clear: both;*/
	margin-left:10px;
	display: block;
	float: left;
	width: 50%;
}
#ja-contentnews {
	/*clear: both;*/
	margin-left:10px;
	display: block;
	float: left;
	width: 75%;
}
#ja-content2 {
	/*clear: both;*/
	display: block;
	float: left;
	width: 85%;
}
#ja-content3 {
	/*clear: both;*/
	margin-left:10px;
	display: block;
	float: left;
	width: 75%;
}
/* COLUMNS
--------------------------------------------------------- */
#ja-colwrap {
	float: left;
	overflow: hidden;
	margin-right:10px;
	width: 22%;
}
#ja-colwrap2 {
	float: right;
	overflow: hidden;
	width: 15%;
}
/*columns*/
#ja-col1 {
	float: left;
	width: 80%;
}
#ja-col2 {
	float: right;
	width: 80%;
}
* html #ja-col2 {
}
#ja-col1 div.ja-innerpad,
#ja-col2 div.ja-innerpad {
	padding: 2px 3px 0px 3px;
}
/*common style for column*/
#ja-colwrap table {
	border-collapse: collapse;
	border-spacing: 0;
}
#ja-colwrap .article_separator {
	display: none;
}
#ja-colwrap ul {
	list-style: none;
}
/* COLLAPSIBLE LAYOUT
--------------------------------------------------------- */
#ja-containerwrap,
#ja-containerwrap-f,
#ja-containerwrap-c {
	width:965px;
	padding: 10px 0 20px;
	margin: 0;
	clear: both;
	/*background: url(../../images/grad1.gif) repeat-x top;*/
        background-color:#206BA4;
}
/* full */
#ja-containerwrap-f #ja-container  {
	background: none;
}
#ja-containerwrap-f #ja-container-inner {
	background: none;
}
#ja-containerwrap-f #ja-content {
	width: 30%;
}
#ja-containerwrap-f #ja-contentnews {
	width: 30%;
}
/* content + 1 col */
#ja-containerwrap-c #ja-container  {
	background: none;
}
#ja-containerwrap-c #ja-container-inner {
	/*background: url(../../images/vdot2.gif) repeat-y 78% 0;*/
}
#ja-containerwrap-c #ja-content {
	width: 50%;
}
#ja-containerwrap-c #ja-contentnews {
	width: 75%;
}
#ja-containerwrap-c #ja-colwrap {
	width: 22%;
}
#ja-containerwrap-c #ja-colwrap2 {
	width: 15%;
}

#ja-containerwrap-c #ja-col1,
#ja-containerwrap-c #ja-col2 {
	width: 100%;
}
/* MODULE
--------------------------------------------------------- */
div.moduletable h3,
div.moduletable_menu h3,
div.moduletable_text h3,
div.moduletable_hilite h3 {
	font-size: 175%;
	margin: 0 0 5px;
	padding: 2px 0 5px;
	letter-spacing: -1px;
	/*background: url(../../images/hdot1.gif) repeat-x bottom;*/
}
div.moduletable,
div.moduletable_menu,
div.moduletable_text,
div.moduletable_hilite {
	margin: 0 0 20px;
	padding: 0 0 5px;
}
div.moduletable_menu h3 {
	background: none;
	padding: 0;
}
div.moduletable_hilite {
	background: url(../../images/grad2.gif) repeat-x top #FA6900;
	padding: 5px 10px;
	border: 1px solid #DD5D00;
}
div.moduletable_hilite h3 {
	padding: 0 0 5px;
	background: url(../../images/hdot2.gif) repeat-x bottom;
}
div.moduletable_hilite,
div.moduletable_hilite h3, div.moduletable_hilite a {
	color: #FFFFFF;
}
/* mis */
div.banneritem_text {
	padding: 5px 0 !important;
}
div.advs {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}
div.moduletable ul,
div.moduletable_text ul,
div.moduletable_menu ul,
div.moduletable_hilite ul {
	margin: 0;
	padding: 0;
}
div.moduletable li,
div.moduletable_text li,
div.moduletable_menu li,
div.moduletable_hilite li {
	background: url(../../images/bullet.gif) no-repeat 5px 8px;
	margin: 0;
	padding-left: 16px;
}
/* HEADER
--------------------------------------------------------- */
/*
#ja-headerwrap {
	height: 110px;
	background: url(../../images/hd-bg.jpg) repeat-x center bottom #000000;
}
*/
#ja-headerwrap {
    clear:left;
	float:left;
	height: 256px;
	/*background: url(../../images/banner.png) no-repeat center bottom #206BA4;*/
}

h1.logo, h1.logo-text {
	margin: 0;
	padding: 0;
	font-size: 300%;
	letter-spacing: 1px;
}
h1.logo a {
	width: 182px;
	display: block;
	/*background: url(../../images/logo.png) no-repeat;*/
	position: absolute;
	height: 38px;
	bottom: 10px;
	left: 0;
}
h1.logo a:hover, h1.logo a:active, h1.logo a:focus {
}
* html h1.logo a:hover {
	background: none;
	cursor: pointer;
}
h1.logo a span {
	position: absolute;
	top: -1000px;
}
h1.logo-text a {
	text-decoration: none;
	outline: none;
	position: absolute;
	top: 5px;
	left: 25px;
	color: #FFFFFF;
}
h1.logo-text a:hover, logo-text a:active, logo-text a:focus {
	color: #FFFFFF;
	background: none;
}
p.site-slogan {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 10px;
	left: 25px;
	letter-spacing: 1px;
}
/* MAIN NAVIGATION
--------------------------------------------------------- */
#lang {
	 float:left;
        position: relative;
}
#ja-header {
	position:absolute;
}
#ja-mainnavwrap {
	float:left;
	z-index: 999;
    margin-top:190px;
    width:965px;
	position:absolute;
	background: url(../../images/mainnav-bg.png) no-repeat bottom;
	height: 40px;
}
#ja-mainnav {
	height: 35px;
	padding-top: 5px;
       /*padding-left:75px*/
}
#ja-mainnav a, #ja-subnav a {
	outline: none;
}
#ja-subnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(../../images/hdot1.gif) repeat-x top;
}
#ja-subnav li {
	background: none;
	margin: 0;
	padding: 1px 0;
	background: url(../../images/hdot1.gif) repeat-x bottom;
}
#ja-subnav a {
	display: block;
	outline: none;
	padding: 5px 2px;
	color: #695B4E;
	text-decoration: none;
}
#ja-subnav a:hover,
#ja-subnav a:active,
#ja-subnav a:focus {
	color: #695B4E;
	background: #E7E6DF;
}
#ja-subnav li.active a {
	color: #695B4E;
	background: #E7E6DF;
	font-weight: bold;
}
/* breadcrumbs */
#ja-pathway {
	padding: 6px 0 7px;
	background: url(../../images/hdot1.gif) repeat-x bottom;
	text-transform: uppercase;
}
#ja-pathway strong {
	margin-right: 5px;
	background: url(../../images/symbol.gif) no-repeat 2px center #E7E6DF;
	padding: 5px 5px 5px 31px;
	text-transform: uppercase;
}
#ja-pathway a {
	text-decoration: none;
}
#ja-pathway a:hover {
	text-decoration: underline;
}
#ja-pathway img {
	margin: 1px 5px;
}
/* Default Joomla! Menu */
ul.menu {
	list-style: none;
	margin: 0;
	padding: 0;
	/*background: url(../../images/hdot1.gif) repeat-x top;*/
}
ul.menu li {
	background: none;
	margin: 0;
	padding: 1px 0;
	background: url(../../images/hdot1.gif) repeat-x bottom;
}
ul.menu li a {
	display: block;
	outline: none;
	padding: 5px 2px;
	color: #FFB709;
	text-decoration: none;
}
ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {
	color: #695B4E;
	background: #206BA4;
}
ul.menu li.active a {
	background: #206BA4;
	font-weight: bold;
}
ul.menu li ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.menu li li {
	border: none;
}
ul.menu li li a {
	background: url(../../images/arrow.png) no-repeat 10px 11px !important;
	border: none;
	font-weight: normal !important;
	padding-left: 20px !important;
	width: 75%; /*need for ie6*/
}
ul.menu li li a:hover,
ul.menu li li a:active,
ul.menu li li a:focus {
	background: none;
	color: #FA6900;
}
/* SPOTLIGHT
--------------------------------------------------------- */
/* Spotlight Box Style */
.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
	float: left;
	overflow: hidden;
}
.ja-box-left, .ja-box-center {
}
/* Top spotlight */
#ja-topslwrap {
	color: #FFFFFF;
	background: #000000;
}
#ja-topsl {
	color: #FFFFFF;
	position: relative;
	height: 220px;
}
#ja-topsl div.moduletable {
	padding: 0;
	margin: 0;
	width: 100%;
	position: absolute;
	top: 20px;
}
#ja-topsl .nftitle {
	padding: 40px 0 0;
	margin: 0;
	font-size: 300%;
	color: #FA6900;
}
#ja-topsl .nfcontent {
	font-size: 175%;
	color: #C9C0B7;
	background: #000000;
}
/* Bot spotlight 1 */
#ja-botsl1 {
	/*border: 1px solid #C9C0B7;
	background: url(../../images/botsl-bg.gif) no-repeat bottom right #E7E6DF;*/
}
#ja-botsl1 div.moduletable {
	padding: 5px 15px;
	margin-bottom: 0;
}
#ja-botsl1 ul, #ja-botsl ol {
	margin: 10px 0;
	padding: 0;
}
#ja-botsl1 ol li {
	margin: 0 0 0 18px;
	padding: 0;
}
#ja-botsl1 ul li {
        clear:both;
	margin: 5px 0 5px 0;
	padding: 5px 12px 5px 12px;
	background: url(../../images/arrow.png) no-repeat 2px 7px;
}
#ja-botsl1 li a {
	color: #FFB709;
        font-size:12px;
}
#ja-botsl1 a:hover, #ja-botsl1 a:active, #ja-botsl1 a:focus {
	color: #FFFFFF;
        font-size:12px;
        font-weight:bold;
}
/* Bot spotlight 2 */
#ja-botsl2 {
}
/* FOOTER
--------------------------------------------------------- */
#ja-footerwrap {
	padding: 0;
}
#ja-footer {
        background: url(../../images/footer.png) no-repeat;
        height:144px;
/*	border-top: 5px solid #C9C0B7;*/
	padding: 0;
	position: relative;
}
#ja-footer small {
    clear:both;
	float: left;
	color: #003250;
	font-size: 100%;
	padding: 10px 5px 5px 8px;
}
#ja-footer ul {
	float: left;
	margin: 0;
	padding: 13px 0 0;
	line-height: normal;
}
#ja-footer li {
	display: inline;
	margin: 0;
	padding: 0;
	background: none;
}
#ja-footer li a {
	display: inline;
	font-weight:bold;
	color: #FFB709;
	line-height: normal;
	padding: 0 7px;
}
li.ja-firstitem {
	background: none !important;
}
.ja-footurl {
	float: none;
	clear: both;
}
/* MISCELLANOUS
----------------------------------------------------------- */
ul.accessibility {
	position: absolute;
	top: -100%;
}
/* Search */
#ja-search {
	float:right;
	margin:0;
	font-size: 12px;
	width: 198px;
	clear:both;	
}
* html #ja-search {
	/*right: 75px;*/
}
#ja-search .inputbox {
       width:170px;
	padding: 3px 0 3px 5px;
	background: #8bb2d0;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
}
/*others*/
.mostread, .latestnews {
	text-decoration: none;
}
ul .latestnews {
	margin: 0;
	padding: 0;
	list-style: none;
}
#ja-banner {
	margin: 20px 0 0;
	text-align: center;
	overflow: hidden;
	width: 100%;
}
div.back_button a,
div.back_button a:hover,
div.back_button a:active {
	background: none!important;
	display: block;
	margin: 10px 0;
	text-decoration: none!important;
}
.clr {
	clear: both;
}
.hasTip img {
	border: none;
	margin: 10px 5px 0 0;
}
div.ja-innerdiv {
	padding: 8px 0 5px;
	border-bottom: 1px solid #E7E6DF;
}
div.ja-innerdiv img {
	padding: 2px;
	margin: 0 5px 0 0;
}
div.ja-innerdiv span.date {
	font-size: 80%;
	font-weight: bold;
}
div.ja-innerdiv img {
	padding: 2px;
	border: 1px solid #E7E6DF;
}
/* JA Hpanel */
#ja-hp-switch {
	float: right;
	display: none;
	cursor: pointer;
	background: url(../../images/hpanel-bg.png) no-repeat top;
	color: #FFFFFF;
	width: 35px;
	height: 30px;
	text-indent: -5000px;
	margin-right: 15px;
}
.ja-hp-active {
	color: #3C3229 !important;
	background: url(../../images/hpanel-bg.png) no-repeat bottom !important;
}
#ja-hpwrap {
	background: #D3D3CA;
	font-size: 11px;
}
#ja-hp {
	line-height: normal;
}
div.ja-hpmodule {
	float: right;
	padding: 3px 0 2px;
}
html>body div.ja-hpmodule {
	float: right;
	padding: 5px 0 5px;
}
div.ja-hpmodule form {
	float: left;
}
div.ja-hpmodule form label {
	float: left;
	padding: 0 5px;
}
div.ja-hpmodule form input.button {
	float: left;
}
div.ja-hpmodule form #mod_login_username,
div.ja-hpmodule form #mod_login_password {
	width: 100px;
}
div.ja-hpmodule .ja-login-links {
	display: none;
}
/* User Tools */
#ja-usertools {
	padding: 7px 0 0;
	font-size: 11px;
	float: left;
}
#ja-usertools ul {
	margin: 0 15px 0 0;
	padding: 0;
	float: left;
}
#ja-usertools ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
	display: inline;
}
#ja-usertools img {
	padding: 0 3px 0 0;
}
/* Tooltips */
.tool-tip {
	background: #FFFFFF;
	border: 1px solid #CCCCCCS;
	float: left;
	max-width: 200px;
	padding: 5px;
}
.tool-title {
	background: url(../../system/images/selector-arrow.png) no-repeat;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	margin-top: -15px;
	padding: 0;
	padding-bottom: 5px;
	padding-top: 15px;
}
.tool-text {
	font-size: 100%;
	margin: 0;
}
#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul {
	margin: 0;
	padding: 0;
}
#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {
	background: none;
	color: #FFFFFF;
	margin: 0;
	padding: 5px;
}
/* System Standard Messages */
#system-message dd.message ul {
	background: #666666;
	border: none;
}
/* System Error Messages */
#system-message dd.error ul {
	background: #666666;
	border: none;
}
/* System Notice Messages */
#system-message dd.notice ul {
	background: #666666;
	border: none;
}
/* Clearfix */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html > body .clearfix {
	display: block;
	width: 100%;
}
* html .clearfix {
	height: 1%;
}
.ctitle {
     margin-top: 0pt;
     margin-right: 0pt;
     margin-left: 0pt;
     padding-top: 5px;
     padding-bottom: 5px;
     line-height: 1.1;
     margin-bottom: 5px;
}
.csummary {
    font-size:12px;
     margin-top: 0pt;
     margin-right: 0pt;
     margin-left: 5pt;
	 margin-bottom: 5px;		 
     padding-top: 5px;
     padding-bottom: 5px;
	 padding-left:5px;
	 padding-right:5px;
}
#contentForm {
 /* float:left;
  display: block;
  width: 500px;
  margin: 0px auto;this line will center the page
  padding: 0px 25px 25px 25px;*/
}
#contentForm label {
  display: block;
  Width: 150px;
  margin: 5px 0;
}

#contentForm input, textarea, select {
  margin: 0;
  padding: 2px;
  font-size: 1em;
  color: #666666;
  background: #FFFFCC;
  border: 1px solid #ccc;
  margin: 5px 0;
}   

#contentForm input:focus, textarea:focus, select:focus {
  border: 1px solid #999;
  background-color: #FFFFFF;
}

#contentForm input.button {
  cursor: pointer;
  border: none;
  font-weight: bold;
  background-color:#FFB709;
  color:#003250;
  width: 90px;
  height: 28px;
  margin-left: 300px;
}

#contentForm span.required{
  font-size: 13px !important;
  color: red !important;
}

#contentForm .errormsg {
  display: block;
  width: 90%;
  height: 22px;
  line-height: 22px;
  color: #FFFFFF;
  font-weight: bold;
  background: #FF9D9D url(../images/stop.gif) no-repeat 10px center;
  padding: 3px 10px 3px 40px;
  margin: 10px 0;
  border-top: 2px solid #FF0000;
  border-bottom: 2px solid #FF0000;
}

#contentForm .msgSent {
  font-size: 20px;
  text-align: center;
}

#ja-col3 {
	float: right;
	width: 250px;
}
* html #ja-col3 {
	width: 250px;
}
#leftcolumn {float:left; width:200px; padding:0; margin:0;}
/*
.dropdown {display:block; position:relative; padding:0; margin:0;}
.dropdown dt {display:block; width:188px; border:2px solid #9ac1c9; padding:4px; font-weight:bold; cursor:pointer; background:url(../../images/header.gif)}
.dropdown dt:hover {background:url(../../images/header_over.gif)}
.dropdown a {display:block; text-decoration:none; color:#003250}
.dropdown a:hover {color:#003250}
.dropdown .upperdd {border-bottom:none}
.dropdown dd {position:absolute; top:0; padding:0;margin:0; overflow:hidden; width:200px; display:none; opacity:0}
.dropdown ul {width:204px; border:2px solid #9ac1c9; list-style:none}
.dropdown li {display:inline}
.dropdown ul a, .dropdown ul a:active, .dropdown ul a:visited {padding:5px; background:#eaf0f2; width:194px}
.dropdown ul a:hover {background:#d9e1e4}
.dropdown .underline {border-bottom:1px solid #b9d6dc}

.subdown {display:block; position:relative; padding:0; margin:0;}
.subdown dt {display:block; width:188px; border:2px solid #9ac1c9; padding:4px; font-weight:bold; cursor:pointer; background:url(../../images/header.gif)}
.subdown dt:hover {background:url(../../images/header_over.gif)}
.subdown a {display:block; text-decoration:none; color:#003250}
.subdown a:hover {color:#003250}
.subdown .upperdd {border-bottom:none}
.subdown dd {position:absolute; top:20; padding:0;margin:0; overflow:hidden; width:200px; display:none; opacity:0}
.subdown ul {width:204px; border:2px solid #9ac1c9; list-style:none}
.subdown li {display:inline}
.subdown ul a, .dropdown ul a:active, .dropdown ul a:visited {padding:5px; background:#eaf0f2; width:194px}
.subdown ul a:hover {background:#d9e1e4}
.subdown .underline {border-bottom:1px solid #b9d6dc}
*/
.supportym {
	border:2px solid #9ac1c9;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	background-color:#FFFFFF;
}
	/* CSS for my first scrolling box */
	#scrollingContainer{
		width:188px;	/* 170 pixels in width */
		height:170px;	/* Height of box */
		
		/* border:1px solid #000;	Black border around box */
		/*background-color: #E2EBED;	 Light blue background color */
		border-top:2px solid #9ac1c9;
		border-bottom:2px solid #9ac1c9;
		padding:4px;	/* A little bit of space between border of box and text inside */
		float:left;	/* I want the text to wrap around the box */
		/*margin-right:10px;	 Right margin of 10 pixels */
		font-size:0.9em;	/* Smaller font size than the rest of the page */
		
		overflow:hidden;	/* Hide overflow content */
	padding-top:10px;
	padding-bottom:10px;

	}
	/* End css for my first scrolling box */
	
	
	/* CSS for my second scrolling box */
	#scrollingContainer2{
		width:188px;	/* 170 pixels in width */
		height:170px;	/* Height of box */
		
		/* border:1px solid #000;	Black border around box */
		/*background-color: #E2EBED;	 Light blue background color */
		border-top:2px solid #9ac1c9;
		border-bottom:2px solid #9ac1c9;
		padding:4px;	/* A little bit of space between border of box and text inside */
		float:left;	/* I want the text to wrap around the box */
		/*margin-right:10px;	 Right margin of 10 pixels */
		font-size:0.9em;	/* Smaller font size than the rest of the page */
		
		overflow:hidden;	/* Hide overflow content */
	padding-top:10px;
	padding-bottom:10px;		
	}
	#scrollingContent2{
		font-size:0.9em;
	}	
#SlideItMoo_info_outer { 
	display:block; 
	position:relative; 
	width:230px; 
	margin:0px auto 0px; 
	/*border:1px #CCCCCC solid; */
}
#SlideItMoo_info_inner { 
	position:relative ; 
	overflow:hidden ; 
	width:230px ; 
	margin:0px auto 0px;  
}
#SlideItMoo_info_items { 
	display:block; 
	position:relative; 
}

#SlideItMoo_info_items .info_item{
	display:block; 
	position:relative;
	width:230px;
	float:left;
	/*background:#E8E8E8;*/
	text-align:justify;
	padding:5px;
	/*border-right:5px #333333 solid;*/
}

#SlideItMoo_info_items .info_item a img{
	border:none;
}

#SlideItMoo_info_items .info_item img {
	float:left;	
	margin-right:15px;
}

#SlideItMoo_info_items .info_item h1{
	background:none;
	color:#006699;
	text-align:right;
	margin:5px 0px 10px;
}
#itsthetable table {
	border-spacing:1px;
	color: #FFFFFF;
}

#itsthetable caption {
	font-weight: bold;
	border-bottom:2px solid #1975d7;
	color: #FFF;
	text-transform:uppercase;
	padding:10px;
}

#itsthetable td, th {
	padding: 4px;
}

#itsthetable thead th {
	text-align: center;
	color: #FFFFF;
	border: 1px solid #FFF;
	text-transform:uppercase;
}

#itsthetable tbody th {
	font-weight: bold;
}

#itsthetable tbody tr		{
	text-align:left;
	}
#itsthetable tbody tr.odd 	{
	border-top:1px solid #FFF;
}

#itsthetable tbody th a:link, tbody th a:visited{
	color:#806666;
	padding:3px 0px 0px 18px;
	}
#itsthetable tbody th a:hover{
	color:#FF8601;
	}

#itsthetable tbody tr td { 
	height:50px;
	border: 1px solid #FFF;
	}

#itsthetable tbody tr.odd td{ 
	border-top:1px solid #FFF;
	}

#itsthetable table td a:link, table td a:visited {
	color: #FFB709;
	text-decoration: none;
}

#itsthetable table td a:hover {
	color: #FFFFFF;
	border-bottom:2px solid #8FD5FF;
	text-decoration: none ;
}

#itsthetable tfoot th, tfoot td {
	padding:10px;
	text-align:center; 
	font-size:22px; font-weight:bold; font-style:italic;
	border-bottom:3px solid #CCC;
	border-top:1px solid #DFDFDF;
}

#title { width: 500px; padding: 5px; background-color: #666666; color: #eeeeee; font-family: Verdana; font-size: 13px; }
marquee {width: 500px; padding: 5px; height: 100px; }
marquee img { border: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; }
marquee img:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; }
/* thumbnail slider begin */

/* apply the gallery design */
#gallery_container {  width:900px ; height:94px ; margin:10px auto 10px;padding:7px 0px 0px; display:block; position:relative; }
/* the width is set to show the number of thumbnails that will be visible */
#thumb_container{ position:relative ; overflow:hidden ; width:902px ; height:90px ; margin:0px auto 0px;  }
/* the thumbnails container */
#thumbs { white-space:nowrap; }

#thumbs a { padding:0px; margin:0px; }
#thumbs a img{ border:1px #333333 solid; }