/* Content plugn link styles */
.comment-link, .readmore-link{padding: 0 5px 5px 14px;background-image: url(jc_blog0.gif);background-repeat: no-repeat;}
.comment-link {background-position: 0 -29px;}
.readmore-link {background-position: 0 2px;}
	
/* Common JComments styles */
#jc a:link, #jc a:visited, #jc a:hover {outline: none;} 
#jc .clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}
#jc .busy { display:none; margin: 3px auto; padding: 0; width: 16px; height: 16px; background: url(jc_busy0.gif) no-repeat; }

#reg
{
	margin:10px 15px; 
	padding: 10px 0;
	border: 1px solid #E5F0FB; 
	background: #F4F8FD
}

/* title h4*/
#jc h4 {
	color: #555;
	background-color: inherit;
	font-weight: bolder;
	text-align: left;
	border-bottom: 1px solid #D2DADB;
	padding: 0 0 2px 0;
	margin-bottom: 10px;
}

/*message*/
#jc p.message {color: #777;background-color: inherit;text-align: center;text-decoration: none;text-transform: none;text-indent: 0;padding: 5px 0 0 0;border-top: 1px solid #D2DADB;}

/*comment*/
#comments {margin: 0;padding: 0;width: 100%;text-align: left;text-decoration: none;text-transform: none;text-indent: 0;}
#comments a {color: #849B9F;background-color: inherit;font-weight: normal;text-decoration: none;}
#comments a:active, #comments a:focus, #comments a:hover {color: #cc0000;background-color: inherit;}
#comments a[rel*=external] {background: url(jc_link0.gif) no-repeat center right;padding: 0 10px 0 0;margin: 0 2px;}
	
/*rss / refresh*/
#comments a.rss, #comments a.refresh, #comments a.subscribe {padding: 0 0 0 14px;margin: 0 0 0 2px;border: none;}
#comments a.rss {background: url(jc_rss00.gif) no-repeat center left;}
#comments a.refresh {background: url(jc_refre.gif) no-repeat center left;}
#comments a.subscribe {background: url(jc_subsc.gif) no-repeat center left;}
#comments h4 a.rss, #comments h4 a.refresh {padding: 0 0 0 10px;margin: 0 0 0 5px;display: inline;}

/*list footer*/
#comments-list-footer {margin: 0 0 10px 20px;}

/*show/hide form*/
#comments-form-link a.showform {
margin: 5px 0 0 22px;
padding: 0 0 5px 14px;
background: url(jc_blog0.gif) no-repeat 0 -28px;
border: none;
font-weight: bold;
display: block;
}

#comments .comment-box {margin: 0;padding: 0; color: #999;}
#comments .comment-avatar {float: left;margin: 0px;padding: 0px;}
#comments .avatar-indent {padding-left: 40px;}

#comments a.comment-anchor, 
#comments a.comment-anchor:active, 
#comments a.comment-anchor:focus, 
#comments a.comment-anchor:hover {color: #777; background-color: inherit; text-decoration: none; border: none;}

#comments span.comment-author,
#comments a.author-homepage {color: #3c452d;background-color: inherit;font: bold 1em Verdana, Arial, Sans-Serif;margin: 0;padding: 0;}
#comments a.author-homepage {text-decoration: none; border-bottom: 1px dotted #3c452d;}

/*avatar*/
#comments .comment-avatar img {width: 32px; height: 32px;}

/*date and time*/	
#comments span.comment-date {font-size: 10px;color: #999;margin: 0;padding: 0 0 0 12px;background: url(jc_date0.gif) no-repeat center left;}
#comments span.comment-body {color: #777;background-color: inherit;display: block;margin: 0;padding: 2px 0;}

/* Quote, Code and Hidden block styles */
#comments span.quote, #comments blockquote {margin: 5px 0 5px 10px; display: block; clear: both; }
#comments blockquote, #comments span.hidden {
	color: #849B9F;
	background-color: inherit;
	text-align: left;
	padding: 8px;
	border: 1px dashed #849B9F;
	margin-bottom: 8px;
}
#comments span.quote {color: #777;}
#comments span.hidden {clear: both;display: block;margin: 5px 0;}

/* Quote and Reply to buttons panel */
#comments span.comments-buttons {height: 15px;float: right;}

#comments p.toolbar {clear: both;color: #ccc;background-color: inherit;border-top: 1px solid #ccc;margin: 8px 0 0 0;padding: 5px 0 0 0;}
#comments p.toolbar img{cursor: pointer;}

#comments span.email, #comments span.emailactive {
	font		: normal 1em Verdana, Arial, Sans-Serif;
	text-decoration : none;
	white-space	: normal;
	margin		: 0;
	padding		: 0;
	line-height	: 10px;
	cursor		: pointer;
	border-bottom	: 1px dotted #999;
}

#comments span.email {
	color		: #444;
	background-color: inherit;
}
#comments span.emailactive {
	color		: #cc0000;
	background-color: inherit;
}

#comments span.email img, #comments span.emailactive img {padding: 0;}

#comments p {
	font		: normal 1em Verdana, Arial, Sans-Serif;
	margin		: 5px 5px 5px 0;
	padding		: 0;
	text-decoration	: none; 
	text-transform	: none;
	text-indent	: 0;
}

#comments p img{padding: 4px 0;}


/* comments list styles */
#comments div.comments-list {margin-left: 20px;height: 1%;clear: both;}
#comments .even, #comments .odd {background-image: none;color: #3c452d; margin-left: 0px;margin-bottom: 10px;padding: 0;}

#comments-list div.comments-inline-edit {padding: 5px; margin: 5px 0; color: inherit;background-color: #fff;border: 1px solid #ccc;}

/* comment form styles */
#comments-form, #comments-form p, #comments-form div.comments-policy, #comments-form span, #comments-form .counter {text-align: left;text-decoration: none;text-transform: none;text-indent: 0;}
#comments-form p, #comments-form span, #comments-form .counter {color: #777;background-color: inherit;font: normal 1em Verdana, Arial, Sans-Serif;}
#comments-form p, #comments-form #comments-form-buttons, #comments-form #comments-form-error {
	font: normal 1em Verdana, Arial, Sans-Serif;
	margin-left: 20px !important;
	margin-top: 10px;
	margin-bottom: 8px;
	padding: 0;
	clear: both;
}

#comments-inline-edit {border: 1px solid #ccc;margin: 5px 0 0 0;background-color: #fff;}
#comments-inline-edit #comments-form p, #comments-inline-edit #comments-form #comments-form-buttons,
#comments-inline-edit #comments-form-error {font: normal 1em Verdana, Arial, Sans-Serif;margin-left: 5px !important;margin-left: 5px;margin-top: 5px;margin-bottom: 2px;padding: 0;}

#comments-form div.comments-policy {color: #777; background-color: inherit; border: 1px dotted #ccc; margin-left: 20px !important; margin-left: 20px; margin-top: 5px; margin-bottom: 5px; padding: 5px;}
#comments-form div.comments-policy ol, #comments-form div.comments-policy ul {margin: 0;padding: 5px 0 0 20px;line-height: 5px;}
#comments-form div.comments-policy ol li,
#comments-form div.comments-policy ul li {font: normal 1em Verdana, Arial, Sans-Serif; margin: 0;padding: 0;border: none;line-height: 5px;}

#comments-form img.smile {margin: 0 3px 3px 0;padding: 0;border: none;cursor: pointer;}
#comments-form img.captcha {padding: 0;margin: 0 0 3px 0;border: 1px solid #ccc;}
#comments-form span.captcha {padding: 0 0 0 12px; color: #777; background: url(jc_refre.gif) no-repeat 0 2px;cursor: pointer;}
#comments-form label {color: #777; background-color: inherit; line-height: 1.2em; vertical-align: baseline;}
#comments-form input, #comments-form textarea {color: #444; background-color: #fff; padding: 0; border: 1px solid #ccc;}
#comments-form input {width: 170px;margin-bottom: 2px;height: 1.5em;}
#comments-form input.selected, #comments-form textarea.selected {color: #777;background-color: #ffffe0;border: 1px solid #849B9F;}
#comments-form input.error, #comments-form textarea.error {border: 1px solid #f00;text-decoration:none;text-transform:none;background-color: #ffffe0;}

#comments-form input.checkbox {width: 16px;padding: 0;margin: 0 0 5px 0;border: none;}
#comments-form input.captcha {width: 116px;margin: 3px 0 5px 0;}
#comments-form textarea {max-width: 400px !important;width: 350px;margin:0;}

#comments-form #comments-form-message, #comments-inline-edit #comments-form-message {padding: 5px 5px 5px 25px;margin-right: 5px;display: block;}
.comments-form-message-error {background: #FFD86F url(jc_error.gif) no-repeat 4px 50%;}
.comments-form-message-info {background: #DFEEFF url(jc_info0.gif) no-repeat 4px 50%;}

#comments-form .counterpanel {height:13px;display:block;overflow:hidden;color: #ccc;padding: 0;margin:0;border:1px solid #ddd;border-top-width:0;max-width: 400px !important;width: 350px;background-color: #eee;}

#comments-form .grippie {height:13px;display:block;overflow:hidden;color: #ccc;padding: 0;margin:0;border:1px solid #ddd;border-top-width:0;max-width: 400px !important;width: 350px;cursor:s-resize;background: #eee url(resize00.gif) no-repeat right center;}
#comments-form .grippie .counter {font-size: 10px;padding: 0; margin: 0;}
#comments-form .grippie span {display:block;float:left;}
#comments-form .grippie span span {display:inline;float:none;}

#comments-form .btn {float: left;}
#comments-form .btn {background: url(jc_btnl0.gif) no-repeat; margin-right: 5px;}
#comments-form .btn div {margin: 0px; float: left;background: url(jc_btnr0.gif) 100% 0 no-repeat;}
#comments-form .btn a {height: 22px;line-height: 22px;font-size: 12px;font-weight: bold;color: #777;padding: 0px 5px;border: none;}
#comments-form .btn a:hover {text-decoration: none; color: #0B55C4;}
#comments-form .smilespanel {display: none;cursor: pointer;padding: 2px;width: 200px;height: 50px;background-color: #fff;border: 1px solid #ccc;overflow: auto;left: 0px;top: 0px;}


#comments-footer, #comments-footer a {color: #ccc; background-color: inherit; font: normal 9px Verdana, Arial, Sans-Serif;}
#comments-footer {clear: both;display: block;height: 14px;border-top: 1px solid #ccc;padding-top: 1px;margin-top: 4px;text-align: right;}
#comments-footer a {text-decoration: none;text-transform: none;padding: 0;margin: 0;border: none;float: right;}

/* comments pagination styles */
body #jc #nav-bottom, body #jc #nav-top {line-height: 19px !important;line-height: 17px;height: auto !important;text-align: center;}
#jc #nav-bottom span.page, #jc #nav-top span.page {color: #777;background-color: #eee;border: 1px solid #d6dadd;}
#jc #nav-bottom span.hoverpage, #jc #nav-top span.hoverpage {color: #777;background-color: #e8e9ea;border: 1px solid #d6dadd;}
#jc #nav-bottom span, #jc #nav-top span {color: #777;background-color: inherit;font-size: 10px;font-family: Arial, sans-serif;margin: 0 2px;height: 15px;padding: 2px 8px;cursor: pointer;vertical-align: top;}
#jc #nav-bottom span.activepage, #jc #nav-top span.activepage {color: inherit;background-color: white;}
#jc div#nav-bottom, #jc div#nav-top {position: relative;z-index: 2;width: 100%;}
#jc div#nav-bottom {margin: 10px 0 0 0;padding: 0;background: url(jc_dot00.gif) repeat-x top left;}
#jc #nav-bottom span.activepage {border-bottom: 1px solid #d6dadd;border-left: 1px solid #d6dadd;border-right: 1px solid #d6dadd;border-top: 1px solid white;}
#jc div#nav-top {margin: 10px 0;background: url(jc_dot00.gif) repeat-x bottom;}
#jc #nav-top span.activepage {border-top: 1px solid #d6dadd;border-left: 1px solid #d6dadd;border-right: 1px solid #d6dadd;border-bottom: 1px solid white;}

/* Vote */
#jc span.comments-vote {width: 58px;height: 15px;float: right;}
#jc span.comments-vote a{width: 15px;height: 14px;float: left;margin: 0 3px 0 0;display: block;background-repeat: no-repeat;background-image: url(jc_vote0.gif);border: none !important; text-decoration: none;}
#jc span.comments-vote .busy{margin: 0;float: right;}
#jc a.vote-good{background-position: 0 0;}
#jc a.vote-poor{background-position: -15px 0;}
#jc span.vote-good,span.vote-poor,span.vote-none{margin: 0;float: right;font: bold 1em Verdana, Arial, Sans-Serif;line-height: 14px;}
#jc span.vote-good{color: #339900;background-color: inherit;}
#jc span.vote-poor{color: #CC0000;background-color: inherit;}
#jc span.vote-none{color: #A9A9A9;background-color: inherit;}

/* BBCode */
#jc span.bbcode{width: auto;height: 23px;clear: both;display: block;margin-bottom: 5px;}
#jc .bbcode a, #jc .bbcode a:focus, #jc .bbcode a:active, #jc .bbcode a:hover{width: 23px;height: 23px;float: left;margin: 0 2px 0 0;display: block;background-repeat: no-repeat;background-image: url(jc_bbcod.gif);text-decoration:none;}
#jc a.bbcode-b{background-position: 0 0;}
#jc a.bbcode-i{background-position: -30px 0;}
#jc a.bbcode-u{background-position: -60px 0;}
#jc a.bbcode-s{background-position: -90px 0;}
#jc a.bbcode-url{background-position: -120px 0;}
#jc a.bbcode-img{background-position: -150px 0;}
#jc a.bbcode-list{background-position: -180px 0;}
#jc a.bbcode-hide{background-position: -210px 0;}
#jc a.bbcode-quote{background-position: -240px 0;}
#jc a.bbcode-smile{background-position: -270px 0;}

/* rounded comments */
.rbox {margin: 0;width: auto;}
.rbox div {text-align: left;margin: 0px;}
.rbox_t {margin: 0;border-top: 1px solid #ccc;background-color: #FFF;}
.rbox_tl {background: url(jc_rb_tl.gif) 0 0 no-repeat;padding-left: 13px;}
.rbox_tr {height: 10px;overflow: hidden;background: url(jc_rb_tr.gif) 100% 0 no-repeat;padding-right: 13px;}
.rbox_m {border-left: 1px solid #ccc;border-right: 1px solid #ccc;width: auto;padding: 1px 8px; background-color:#fff;line-height: 100%;}
.rbox_b {margin-top: -5px;border-bottom: 1px solid #ccc;background-color: #FFF;height: 12px;line-height: 12px;}
.rbox_bl {background: url(jc_rb_bl.gif) 0 100% no-repeat;padding-left: 13px;}
.rbox_br {height: 13px;background: url(jc_rb_br.gif) 100% 100% no-repeat;padding-right: 13px;}

/* Styles for lists of attachments */

div.attachmentsList table {
    background-color: transparent;
    border: 1px solid #C0C0C0;
}

div.attachmentsList caption {
    font-size: 110%;
    font-weight: bold;
    text-align: left; 
    margin-top: 4px;
}

div.attachmentsList thead {
    font-size: 90%;
    font-weight: bold;
    background-color: #EEEEEE;
}

div.attachmentsList th {
    border: 1px solid #D0D0D0;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 0px;
    padding-bottom: 0px;  
}

div.attachmentsList tr.odd {
    background-color: transparent;
}

div.attachmentsList tr.even {
    background-color: #F6F6F6;
}

div.attachmentsList td {
    vertical-align: top;
    padding-left: 3px;
    padding-right: 3px;
}

div.attachmentsList table a { 
    font-weight: bold; 
}

div.attachmentsList table img {
    vertical-align: text-bottom;
}


div.addattach img {
    padding-right: 3px;
    }
div.addattach a.at_icon:link    { text-decoration: none; }
div.addattach a.at_icon:visited { text-decoration: none; }
div.addattach a.at_icon:hover   { text-decoration: none; }
div.addattach a.at_icon:active  { text-decoration: none; }


div.attachmentsList a.at_icon {
    padding-right: 4px;
    }
div.attachmentsList a.at_icon:link    { text-decoration: none; }
div.attachmentsList a.at_icon:visited { text-decoration: none; }
div.attachmentsList a.at_icon:hover   { text-decoration: none; }
div.attachmentsList a.at_icon:active  { text-decoration: none; }

div.attachmentsList a.at_url:link     { text-decoration: none; }
div.attachmentsList a.at_url:visited  { text-decoration: none; }
div.attachmentsList a.at_url:hover    { text-decoration: underline; }
div.attachmentsList a.at_url:active   { text-decoration: none; }

div.attachmentsList td.at_file_size { text-align: right; }

div.attachmentsList th.at_downloads { text-align: center; }
div.attachmentsList td.at_downloads { text-align: center; }

div.attachmentsList th.at_modify { text-align: center; }
div.attachmentsList td.at_modify { text-align: center; }


/* Style for the 'Add Attachment' link */

div.addattach { margin-top: 4px; }

div.addattach a:link    { color : red; text-decoration: none; }
div.addattach a:visited { color : red; text-decoration: none; }
div.addattach a:hover   { color : red; text-decoration: underline; }
div.addattach a:active  { color : red; text-decoration: none; }

div.addattach a img { vertical-align: text-bottom; }

/* Styles for the upload page (move to attachments2.css?) */
div.uploadAttachmentsPage {
   margin-left: 15px;
   margin-top:10px;
}

/* For the link to change the article */

a.changeButton  {
    padding-top: 1px;
    padding-top: 1px;
    padding-left: 4px;
    padding-right: 4px;
    margin-left: 20px;
	font-size: 90%;
    color : #333333;
	text-decoration: none;
    background-color: #CCCCCC;
    border: 1px solid #888888;
}
a.changeButton:link    { color : #333333; text-decoration: none; }
a.changeButton:visited { color : #333333; text-decoration: none; }
a.changeButton:hover   { color : #333333; text-decoration: none; background-color: #DDDDDD; }
a.changeButton:active  { color : #333333; text-decoration: none; }


/* Styles for upload form */

input#description { width: 100%; }
input#upload      { width: 100%; }

form.attachments {
    margin-top: 6px;
    margin-left: -2px;
}

form.attachments legend {
    font-size: 140%;
    font-weight: bold;
}

form.attachments div.formWarning {
    width: 100%;
    font-size: 150%;
    font-weight: bold;
    line-height: 120%;
    padding: 8px;
    padding-left: 15px;
    margin-bottom: 10px;
    color: #0000CC;
    background-color: #FFFF66;
}

form.attachments input#upload_warning {
	background-color: #FFFF66;
}

div.uploadAttachmentsPage h1 {
	color: #000;
}

div.requestLogin h1 {
    color: #135cae;
    font-size: 130%;
    line-height: 130%;
}

div.requestLogin h2 {
    font-size: 115%;
    line-height: 115%;
}

div.requestLogin h2 a {
    font-size: 100%;
    font-weight: bold;
}

/* Styles for warnings */
div.warning {
    margin-left: 20px;
    margin-top: 10px;
}

div.warning h1 {
    line-height: normal;
    font/* Form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* Buttons */
#editor-xtd-buttons {
	padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #666;
	cursor: pointer;
}

.button2-left span,
.button2-right span {
	cursor: default;
	color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px;
}

.page span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #0B55C4;
}

.button2-left a,
.button2-left span {
	padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
	padding: 0 6px 0 24px;
}

.button2-left {
	background: url(j_button.png) no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-right {
	background: url(j_button.png) 100% 0 no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-left .image {
	background: url(j_button.png) 100% 0 no-repeat;
}

.button2-left .readmore {
	background: url(j_button.png) 100% 0 no-repeat;
}

.button2-left .pagebreak {
	background: url(j_button.png) 100% 0 no-repeat;
}

.button2-left .blank {
	background: url(j_button.png) 100% 0 no-repeat;
}

/* Tooltips */
div.tooltip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	z-index:13000;
}

div.tooltip h4 {
	padding: 0;
	margin: 0;
	font-size: 95%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(selector.png) no-repeat;
}

div.tooltip p {
	font-size: 90%;
	margin: 0;
}

/* Caption fixes */
.img_caption.left {
	float: left;
	margin-right: 1em;
}

.img_caption.right {
	float: right;
	margin-left: 1em;
}

.img_caption.left p {
	clear: left;
	text-align: center;
}

.img_caption.right p {
	clear: right;
	text-align: center;
}

/* Calendar */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}

-size: 200%;
    font-weight: bold;
    text-align: center;
    color: red;
}

div.warning h2 {
    line-height: normal;
    font-size: 150%;
    font-weight: bold;
}


/* Styles for delete warnings */
div.deleteWarning {
    margin-left: 20px;
    margin-top: 10px;
}

div.deleteWarning h1 {
    line-height: normal;
    font-size: 200%;
    font-weight: bold;
    text-align: center;
    color: red;
}

div.deleteWarning h2 {
    line-height: normal;
    font-size: 150%;
    font-weight: bold;
    text-align: center;
}

/* CSS style - Core Design Ajax Pagebreak plugin for Joomla! 1.5 */

.article_start, .cdajaxpagebreak {
	display: none;
}
.cdajaxpagebreak_loading {
	background: transparent url(loading0.gif) top left no-repeat;
	width: 32px;
	height: 32px;
	margin: 0;
	padding: 0;
	clear: both;
}

#ja-cssmenu {
	margin: 0; /* all lists */
	padding: 0;
	background: url(mainnav0.gif) no-repeat left;
}

#ja-cssmenu ul {
	margin: 0; /* all lists */
	padding: 0;
}

#ja-cssmenu li {
	margin: 0; /* all list items */
	padding: 0;
	float: left;
	display: block;
	background: none;
	background: url(mainnav0.gif) no-repeat right;
	cursor: pointer;
}

#ja-cssmenu li ul {
	width: 16.4em;
	position: absolute; /* second-level lists */
	z-index: 99;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	height: auto;
	w\idth: 15.9em;
}

#ja-cssmenu li ul ul {
	margin: -2em 0 0 15em; /* third-and-above-level lists */
}

#ja-cssmenu li li {
	padding: 0 1em 0 0;
	margin: 0;
	width: 14.9em;
}

#ja-cssmenu ul a {
	width: 14.8em;
	w\idth: 10.8em;
}

#ja-cssmenu li:hover ul ul, #ja-cssmenu li:hover ul ul ul,
#ja-cssmenu li.sfhover ul ul, #ja-cssmenu li.havechildsfhover ul ul, #ja-cssmenu li.havechild-activesfhover ul ul, #ja-cssmenu li.activesfhover ul ul,
#ja-cssmenu li.sfhover ul ul ul, #ja-cssmenu li.havechildsfhover ul ul ul, #ja-cssmenu li.havechild-activesfhover ul ul ul, #ja-cssmenu li.activesfhover ul ul ul {
	left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#ja-cssmenu li:hover ul, #ja-cssmenu li li:hover ul, #ja-cssmenu li li li:hover ul,
#ja-cssmenu li.sfhover ul, #ja-cssmenu li.havechildsfhover ul, #ja-cssmenu li.havechild-activesfhover ul, #ja-cssmenu li.activesfhover ul,
#ja-cssmenu li li.sfhover ul, #ja-cssmenu li li.havesubchildsfhover ul, #ja-cssmenu li li.havesubchild-activesfhover ul, #ja-cssmenu li li.activesfhover ul,
#ja-cssmenu li li li.sfhover ul, #ja-cssmenu li li li.havesubchildsfhover ul, #ja-cssmenu li li li.havesubchild-activesfhover ul, #ja-cssmenu li li li.activesfhover ul {
	left: auto;
}

/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
#ja-cssmenu li a {
	display: block;
	text-decoration: none;
	line-height: 40px;
	padding: 0 20px 4px;
	color: #AAAAAA;
	font-size: 100%;
	font-weight: bold;
	letter-spacing: 1px;
}

#ja-cssmenu li a:hover,
#ja-cssmenu li a:active,
#ja-cssmenu li a:focus {
	color: #FFFFFF;
}

#ja-cssmenu li:hover,
#ja-cssmenu li.sfhover,
#ja-cssmenu li.havechildsfhover,
#ja-cssmenu li.havechild-activesfhover {
	background: url(mainnav1.gif) no-repeat center bottom;
	color: #FFFFFF;
}

#ja-cssmenu li a.active,
#ja-cssmenu li a.active:hover,
#ja-cssmenu li a.active:active,
#ja-cssmenu li a.active:focus {
	background: url(mainnav2.gif) no-repeat center bottom;
	color: #FFFFFF;
}

/* 2nd level and above */
#ja-cssmenu li ul {
	border: 2px solid #555555;
	border-bottom-width: 1px;
	background: url(trans-bg.png);
}

#ja-cssmenu li ul li {
	border-bottom: 1px solid #555555;
	border-right: none;
	background: none;
}

#ja-cssmenu li ul a {
	border-right: none;
	margin: 0;
	padding: 7px 10px;
	line-height: normal;
	height: auto;
	background: none;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 92%;
}

#ja-cssmenu li.havesubchild,
#ja-cssmenu li.havesubchild-active {
	background: url(arrow300.png) no-repeat 94% 50%;
}

#ja-cssmenu li ul a:hover,
#ja-cssmenu li ul a:active,
#ja-cssmenu li ul a:focus,
#ja-cssmenu ul li:hover,
#ja-cssmenu ul li.sfhover,
#ja-cssmenu ul li.havesubchildsfhover,
#ja-cssmenu ul li.havesubchild-activesfhover,
#ja-cssmenu ul ul li:hover,
#ja-cssmenu ul ul li.sfhover,
#ja-cssmenu ul ul li.havesubchildsfhover,
#ja-cssmenu ul ul li.havesubchild-activesfhover {
	background: #00B0DB;
	color: #FFFFFF;
}

#ja-cssmenu ul li a.active {
	background: none !important;
	color: #00B0DB;
	font-weight: bold;
}

#ja-cssmenu ul li a.active:hover,
#ja-cssmenu ul li a.active:active,
#ja-cssmenu ul li a.active:focus {
	color: #FFFFFF;
}

/* Big menu */
#ja-newsmoo-container {
	text-align: left;
}

#ja-newsmoo-container li {
	background: none;
}

#ja-newsmoo-wrap {
	position: relative;
	margin: 20px -5px 0 0;
	text-align: left !important;
}

#ja-newsmoo-wrap .ja-newsmoo-items {
	display: block;
	margin: 0px;
}

#ja-newsmoo-wrap div {
	float: left;
}

div:after {
	content: "";
}

#ja-newsmoo-wrap .ja-newsmoo {
	display: block;
	cursor: pointer;
	overflow: hidden;
	background: url(newsmoo-.gif) repeat-x bottom left #FFFFFF;
	position: absolute;
	margin: 0;
	padding: 0;
}

#ja-newsmoo-wrap .ja-newsmoo span {
	display: block;
}

#ja-newsmoo {
}

.ja-newsmoo img {
	margin: 0 0 5px;
	padding: 0;
}

.ja-newsmoo-title a {
	padding: 5px;
	font-weight: bold;
	font-size: 100%;
	text-decoration: none;
}

.ja-newsmoo-desc {
	padding: 0 5px;
}

#ja-newsmoo-wrap a.readon {
	margin: 5px 0 0 5px;
}

/* OpenID icon style */
input.system-openid {
   background: url(login-bg.gif) no-repeat;
   background-color: #fff;
   background-position: 0 50%;
   color: #000;
   padding-left: 18px;
}


/* Unpublished */
.system-unpublished {
background: #e8edf1;
border-top: 4px solid #c4d3df;
border-bottom: 4px solid #c4d3df;
}

/* System Messages */
#system-message    { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}

/* form elements */
form {
	margin:10px 15px; 
	padding: 10px 0;
	border: 1px solid #E5F0FB; 
}
fieldset {
	margin: 0;	padding: 0;
	border: none;
}
legend {
	display: none;
}
label {
	display:block;
	font-weight:bold;
	margin: 7px 0;
}
input
{
	padding:3px;
	border: 1px solid #ref; 
	font: normal 1em Verdana, sans-serif;
	color:#777;	
}
textarea {
	width:400px;
	padding:3px;
	font: normal 1em Verdana, sans-serif;
	border: 1px solid #E5F0FB; 
	height:100px;
	display:block;
	color:#777;
}

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

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

body#bd {
	border-top: 1px solid #FFFFFF;
	color: #333333;
	background: #333333;
}

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 {
	color: #00B0DB;
	text-decoration: unerline;
}

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

a img {
	border: none;
}

/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {
}

/* Small text */
small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption,
p.site-slogan, a.readon, #ja-pathway, #ja-botsl, #ja-footer {
	font-size: 92%;
}

small, .small {
	color: #999999;
}

img {
	margin: 0;
	padding: 0;
}

img.caption {
	margin-top: 15px;
}

/* Heading */
h1 {font-size: 120%;}
h2 {font-size: 120%;}
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(bullet00.gif) no-repeat 18px 7px;
	line-height: 160%;
	padding-left: 30px;
}

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 #CCCCCC;
	height: 1px;
}

td, div {
	font-size: 100%;
}

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

form label {
	cursor: pointer;
}

input, select, textarea, .inputbox {
	font-family: Arial, sans-serif;
	font-size: 100%;
}

.inputbox {
	border: 1px solid #CCCCCC;
	padding: 2px;
	background: #FFFFFF;
}

.button {
	padding: 2px 8px;
	border: 1px solid #666666;
	background: url(but-bg00.gif) repeat-x center #666666;
	font-size: 92%;
	color: #FFFFFF;
}

* html .button { /*IE 6*/
	padding: 1px 5px !important;
}

*+html .button { /*IE 7*/
	padding: 1px 5px !important;
}

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

.article_separator {
	clear: both;
	display: block;
	height: 30px;
	background: url(sep00000.gif) repeat-x center;
}

.article_column {
}

.column_separator {
	padding: 0 25px;
}

/* content tables */
.sectiontableheader {
	background: #444444;
	border-right: 1px solid #EFEFEF;
	padding: 4px;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
	padding: 4px;
	background: url(dot00000.gif) repeat-x bottom;
}

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(bullet00.gif) no-repeat 10px 9px;
	padding: 1px 5px 1px 20px;
}

table.contenttoc th {
	border-bottom: 1px solid #EFEFEF;
	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: #EFEFEF;
}

table.searchintro {
	padding: 10px 0;
	width: 100%;
}

table.searchintro td {
	padding: 5px!important;
}

table.adminform {
}

.adminform .inputbox {
}

.blog_more {
}

.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(bullet00.gif) no-repeat 6px 10px;
	margin: 0;
	padding: 0 0 0 17px;
}

.category {
	font-size: 125%;
	font-weight: bold;
}

h1.componentheading, .componentheading {
	margin: 0 0 10px;
	padding: 0 0 5px;
}

.componentheading {
	font-size: 200%;
	font-weight: bold;
	border-bottom: 1px solid #EFEFEF; 
}

.contentdescription {
	padding-bottom: 30px;
}

h2.contentheading, .contentheading {
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: normal;
}

.contentheading {
	font-size: 200%;
	line-height: normal;
}

table.blog .contentheading {
	font-size: 180%;
	line-height: normal;
	font-weight: bold;
}

a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
}

a.readon {
	display: block;
	float: left;
	text-align: center;
	clear: both;
	padding-left: 20px;
	text-transform: uppercase;
	background: url(icon-arr.gif) no-repeat left center;
	text-decoration: none;
}

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(icon-pag.gif) no-repeat center left;
	font-weight: bold;
	padding-left: 14px;
}

.pagenavcounter {
	background: url(icon-pag.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: #999999;
}

.modifydate {
	float: left;
	width: 100%;
	color: #999999;
	margin-bottom: 10px;
	display: block;
}

div.buttonheading {
	float: right;
	width: 20%;
}

.buttonheading img {
	border: 0;
	float: right;
	margin: 7px 5px 0 0;
}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper {
	background: url(bd-bg000.gif) repeat-x 0 5px #FFFFFF;
}

#ja-headerwrap,
#ja-mainnavwrap,
#ja-botslwrap,
#ja-footerwrap {
	clear: both;
}

#ja-header,
#ja-mainnav,
#ja-container,
#ja-botsl,
#ja-footer {
	width: 920px;
	margin: 0 auto;
	clear: both;
}

#ja-header,
#ja-mainnav,
#ja-container,
#ja-botsl,
#ja-footer {
	width: 920px;
	margin: 0 auto;
	clear: both;
}

.narrow #ja-header,
.narrow #ja-mainnav,
.narrow #ja-container,
.narrow #ja-botsl,
.narrow #ja-footer {
	width: 750px;
}

#ja-container {
	padding: 20px 0 0;
	background: url(bd-deco0.gif) no-repeat right bottom;
}

#ja-mainbody {
	width: 75%;
	float: left;
}

/* PRIMARY COLUMN
--------------------------------------------------------- */
#ja-content {
	clear: both;
	display: block;
	float: right;
	width: 69%;
}

#ja-current-content
{
	padding: 0 0 20px;
}
/* COLUMNS
--------------------------------------------------------- */
#ja-col1 {
	float: left;
	overflow: hidden;
	width: 27%;
}

#ja-col1 .ja-innerpad {
	padding: 0 0 50px 0;
}

#ja-col2 {
	float: right;
	overflow: hidden;
	width: 25%;
	background: url(col-cent.gif) repeat-y 20px 0;
}

#ja-col2-top {
	background: url(col-top0.gif) no-repeat 20px 0;
}

#ja-col2-bot {
	background: url(col-bot0.gif) no-repeat 20px bottom;
	padding: 0 0 0 40px;
}

/*common style for column*/
#ja-colwrap a {
}

#ja-colwrap a:hover, #ja-colwrap a:active, #ja-colwrap a:focus {
}

#ja-colwrap table {
	border-collapse: collapse;
	border-spacing: 0;
}

#ja-colwrap .article_separator {
	display: none;
}

/* COLLAPSIBLE LAYOUT
--------------------------------------------------------- */
#ja-containerwrap,
#ja-containerwrap-f,
#ja-containerwrap-fr,
#ja-containerwrap-fl {
	padding: 0;
	margin: 0;
	background: url(grad2000.gif) repeat-x bottom;
	clear: both;
}

/*full*/
#ja-containerwrap-f #ja-mainbody {
	width: 100%;
}

#ja-containerwrap-f #ja-content {
	width: 100%;
}

/*content + left*/
#ja-containerwrap-fr #ja-mainbody {
	width: 100%;
}

#ja-containerwrap-fr #ja-content {
	width: 77%;
}

#ja-containerwrap-fr #ja-col1 {
	width: 20%;
}

/*content + right*/
#ja-containerwrap-fl #ja-content {
	width: 100%;
}

/* MODULE
--------------------------------------------------------- */
div.moduletable h3,
div.moduletable_menu h3,
div.moduletable_text h3,
div.moduletable_light h3,
div.moduletable_hilite h3 {
	font-size: 100%;
	margin: 0 -5px 5px;
	padding: 0 0 0 28px;
	background: url(h3-bg000.gif) no-repeat center left #333333;
	white-space: nowrap;
	color: #CCCCCC;
	height: 30px;
}

div.moduletable h3 span,
div.moduletable_menu h3 span,
div.moduletable_text h3 span,
div.moduletable_light h3 span,
div.moduletable_hilite h3 span {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	display: block;
	background: url(h3-bg000.gif) no-repeat center right;
	height: 30px;
	line-height: 28px;
}

div.moduletable_light h3 {
	background: url(h3-bg-li.gif) no-repeat center left #EFEFEF;
	color: #333333;
}

div.moduletable_light h3 span {
	background: url(h3-bg-li.gif) no-repeat center right;
}

div.moduletable_hilite h3 {
	background: url(h3-bg-hi.gif) no-repeat center left #00B0DB;
	color: #FFFFFF;
}

div.moduletable_hilite h3 span {
	background: url(h3-bg-hi.gif) no-repeat center right;
}

div.moduletable,
div.moduletable_menu,
div.moduletable_text,
div.moduletable_light,
div.moduletable_hilite {
	margin: 0 0 20px;
	padding: 0 5px;
}

div.module h3,
div.module_menu h3,
div.module_text h3,
div.module_hilite h3 {
	margin: 0 0 8px;
	padding: 5px 5px 6px 13px;
	white-space: nowrap;
	font-size: 100%;
	color: #CCCCCC;
}

div.module,
div.module_menu,
div.module_text,
div.module_hilite {
	margin: 0 0 20px;
	padding: 0;
	width: 100%; /*need for ie 6 */
	background: url(box-br00.gif) no-repeat bottom right;
}

div.module div,
div.module_menu div,
div.module_text div,
div.module_hilite div {
	padding: 0;
	background: url(box-bl00.gif) no-repeat bottom left;
}

div.module div div,
div.module_menu div div,
div.module_text div div,
div.module_hilite div div {
	padding: 0;
	background: url(box-tr00.gif) no-repeat top right;
}

div.module div div div,
div.module_menu div div div,
div.module_text div div div,
div.module_hilite div div div {
	padding: 0 15px 15px;
	background: url(box-tl00.gif) no-repeat top left;
}

div.module_hilite h3 {
	color: #FFFFFF;
	border-bottom: 1px solid #8DDDF0;
}

div.module_hilite {
	background: url(box-hili.gif) no-repeat bottom right #00B0DB;
	color: #FFFFFF;
}

div.module_hilite div {
	background: url(box-hili.gif) no-repeat bottom left;
}

div.module_hilite div div {
	background: url(box-hili.gif) no-repeat top right;
}

div.module_hilite div div div {
	background: url(box-hili.gif) no-repeat top left;
}

/*common style for module*/
div.module div div div div,
div.module_menu div div div div,
div.module_text div div div div,
div.module_hilite div div div div {
	margin: 0;
	padding: 0;
	background: none;
	overflow: hidden;
}

/* 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,
div.moduletable_light ul,
div.module ul,
div.module_menu ul,
div.module_text ul,
div.module_hilite ul {
	margin: 0;
	padding: 0;
}

div.moduletable li,
div.moduletable_text li,
div.moduletable_menu li,
div.moduletable_hilite li,
div.moduletable_light li,
div.module li,
div.module_menu li,
div.module_text li,
div.module_hilite li {
	background: url(bullet00.gif) no-repeat 5px 8px;
	margin: 0;
	padding-left: 16px;
}

/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {
	height: 80px;
}


#ja-header {
	height: 80px;
	line-height: normal;
	position: relative;
}

#ja-header a {
}

h1.logo, h1.logo-text {
	margin: 0;
	padding: 0;
	font-size: 300%;
	letter-spacing: 1px;
}

h1.logo a {
	width: 450px;
	display: block;
	background: url(logo0000.png) no-repeat;
	position: absolute;
	height: 94px;
	bottom: -10px;
	left: 0;
}

h1.logo a span {
	position: absolute;
	top: -1000px;
}

h1.logo-text a {
	text-decoration: none;
	outline: none;
	position: absolute;
	bottom: 25px;
	left: 5px;
}

p.site-slogan {
	margin: 0;
	padding: 0;
	color: #999999;
	position: absolute;
	bottom: 10px;
	left: 5px;
	letter-spacing: 2px;
}

/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-mainnavwrap {
	background: url(mainnav-.gif) repeat-x top;
	color: #CCCCCC;
}

#ja-mainnav {
	height: 50px;
	position: relative;
	z-index: 999;
}

#ja-mainnav a, #ja-subnav a {
	outline: none;
}

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

#ja-subnav li {
	background: none !important;
	display: block;
	margin: 0 !important;
	padding: 0 !important;
}

#ja-subnav a {
	display: block;
	outline: none;
	padding: 5px 2px;
	border-bottom: 1px solid #EFEFEF;
	color: #333333;
	text-decoration: none;
}

#ja-subnav a:hover,
#ja-subnav a:active,
#ja-subnav a:focus {
	color: #00B0DB;
	background: url(arrow000.png) no-repeat 95% center;
}

#ja-subnav li.active a {
	color: #00B0DB;
	background: url(arrow000.png) no-repeat 95% center;
	font-weight: bold;
}

/* breadcrumbs */
#ja-pathwaywrap {
	padding: 0 0 0 25px;
	color: #FFFFFF;
	font-weight: bold;
	background: url(h3-bg-hi.gif) no-repeat left center #00B0DB;
	margin: 0 5px 10px 0;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	height: 30px;
}

#ja-pathway {
	padding: 0;
	display: block;
	float: left;
	width: 100%;
	background: url(h3-bg-hi.gif) no-repeat right center;
	margin: 0;
	height: 30px;
}

#ja-pathway div.ja-innerpad {
	padding-top: 7px;
	line-height: normal;
}

#ja-pathway strong {
	margin-right: 5px;
}

#ja-pathway a {
	color: #FFFFFF;
	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;
}

ul.menu li {
	background: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #FFFFFF;
}

ul.menu li a {
	display: block;
	outline: none;
	padding: 5px 2px;
	border-bottom: 1px solid #CCCCCC;
	color: #333333;
	text-decoration: none;
}

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {
	color: #00B0DB;
	background: url(arrow000.png) no-repeat 95% center;
}

ul.menu li.active a {
	background: url(arrow000.png) no-repeat 95% center;
	font-weight: bold;
	color: #00B0DB;
}

ul.menu li ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.menu li li {
	border: none;
}

ul.menu li li a {
	background: url(bullet00.gif) no-repeat 10px 13px !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;
}

/* 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-topsl {
	color: #FFFFFF;
	height: 250px;
	margin-bottom: 25px;
}

.ja-slideshow-mask {
	width: 100%;
	display: block;
	background: url(header-m.png) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	height: 250px;
	z-index: 100;
}

#ja-topsl div.moduletable {
	padding: 0;
	margin: 0;
}

/* Bot spotlight */
#ja-botslwrap {
	background: #333333;
	color: #999999;
	padding: 10px 0;
	border-top: 1px solid #FFFFFF;
}

#ja-botsl {
	color: #999999;
	padding: 10px 0;
	background: url(hline000.gif) repeat-x bottom;
}

#ja-botsl h3 {
	color: #CCCCCC;
	font-size: 125%;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	height: auto;
}

#ja-botsl div.moduletable {
	padding: 0 15px;
}

#ja-botsl ul, #ja-botsl ol {
	margin: 10px 0;
	padding: 0;
}

#ja-botsl ol li {
	margin: 0 0 0 18px;
	padding: 0;
}

#ja-botsl ul li {
	margin: 0;
	padding: 0 0 0 20px;
	background: url(arrow000.png) no-repeat 2px 7px;
}

#ja-botsl li a {
	color: #999999;
}

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

/* FOOTER
--------------------------------------------------------- */
#ja-footerwrap {
	padding: 0;
	background: #333333;
}

#ja-footer {
	color: #666666;
	padding: 10px 0 30px;
	position: relative;
	background: #333333;
}

#ja-footer small {
	position: absolute;
	top: 5px;
	left: 0;
	color: #999999;
	font-size: 100%;
}

#ja-footer ul {
	position: absolute;
	top: 6px;
	right: 0;
	margin: 0;
	padding: 0;
	line-height: normal;
}

#ja-footer li {
	display: inline;
	margin: 0;
	padding: 0;
	background: url(vline000.gif) no-repeat center left;
}

#ja-footer a:hover, #ja-footer a:active, #ja-footer a:focus  {
	color: #FFFFFF;
}

#ja-footer li a {
	display: inline;
	line-height: normal;
	padding: 0 15px;
}

li.ja-firstitem {
	background: none !important;
}

.ja-footurl {
	float: none;
	clear: both;
}

/* MISCELLANOUS
----------------------------------------------------------- */
ul.accessibility {
	position: absolute;
	top: -100%;
}

/* Search */
#ja-search {
	top: 10px;
	right: 0;
	position: absolute;
	font-size: 12px;
	background: url(search-b.gif) no-repeat;
	width: 190px;
	height: 20px;
}

#ja-search .inputbox {
	padding: 3px 0 0 25px;
	background: none;
	border: none;
}

/* Login Form */
#ja-login {
	position: absolute;
	top: 25px;
	right: 0;
}

#ja-login #login-wrap {
	background: url(login-bg.gif) no-repeat;	
	height: 22px;
	width: 333px;
}

#logout-wrap form input.button {
	font-size: 11px !important;
	float: left;
	color: #333333;
	background: #CCCCCC !important;
	border: 1px solid #B4B4B4 !important;
}

#ja-login form {
	float: left;
}

#ja-login form label {
	float: left;
}

label.ja-login-user span,
label.ja-login-password span {
	display: none;
}

#ja-login form input.button {
	font-size: 11px !important;
	float: left;
	background: none;
	border: none;
}

#ja-login form #mod_login_username,
#ja-login form #mod_login_password {
	width: 100px;
	margin: 3px 0 0 22px;
	font-size: 11px !important;
	padding: 2px;
	background: none;
	border: none;
}

#ja-login form #mod_login_password {
	margin: 3px 18px 0 35px;
}

#ja-login form a {
	padding: 0 8px 0 13px;
	text-decoration: none;
	font-size: 10px;
	background: url(arrow000.png) no-repeat left center;
}

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

.ja-login-links {
	display: block;
	clear: both;
	padding-top: 8px;
}

/*others*/
.mostread, .latestnews {
	text-decoration: none;
}

#ja-banner {
	margin: 0 0 15px;
	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 #EFEFEF;
}

div.ja-innerdiv img {
	padding: 2px;
	margin: 0 5px 0 0;
}

/* Tooltips */
.tool-tip {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	float: left;
	max-width: 200px;
	padding: 5px;
}

.tool-title {
	background: url(selector.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%;
}

/* BONUS TYPOGRAPHY STYLES
--------------------------------------------------------- */
pre, .code {
	background: #FFFFCC;
	border-left: 5px solid #CCCCCC;
	font: 1em/1.5 "Courier News", monospace;
	margin: 5px 0 15px;
	padding: 10px 15px;
}

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

blockquote span.open {
	background: url(so-q0000.gif) no-repeat left top;
	padding: 0 0 0 15px;
}

blockquote span.close {
	background: url(sc-q0000.gif) no-repeat bottom right;
	padding: 0 15px 0 0;
}

blockquote.testimonial {
	padding: 0 0 10px;
	border-bottom: 1px solid #E7E8E6;
}

blockquote.testimonial span.author {
	background: url(icon-aut.gif) no-repeat 5px center;
	display: block;
	font-weight: bold;
	margin-top: 5px;
	padding-left: 20px;
}

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

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

p.message {
	background: url(icon-inf.gif) no-repeat top left;
	color: #2C79B3;
	padding-left: 25px;
}

p.tips {
	background: url(icon-tip.gif) no-repeat top left;
	color: #E58C00;
	padding-left: 25px;
}

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

/* Note Style */
p.stickynote {
	background: url(sticky-b.gif) no-repeat 5px center #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 10px 0px 10px 40px;
}

p.download {
	background: url(download.gif) no-repeat 5px center #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 10px 0px 10px 45px;
}

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

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

ul.checklist li {
	background: url(icon-che.gif) no-repeat 0 4px;
	margin-left: 15px;
	padding: 0 0 0 20px;
}

/* Check list (star) */
ul.stars {
	list-style: none;
}

ul.stars li {
	background: url(icon-sta.gif) no-repeat 0 5px;
	margin-left: 15px;
	padding: 0 0 0 20px;
}

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

ul.arrow li {
	background: url(icon-arr.gif) no-repeat 3px 5px;
	margin-left: 15px;
	padding: 0 0 0 20px;
}

/* Bignumber */
.bignumber {
	background: url(ol-bg000.gif) no-repeat top left;
	color: #FFFFFF;
	display: block;
	float: left;
	font: bold 20px/normal Arial, sans-serif;
	margin-right: 8px;
	padding: 6px 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 {
	font-weight: bold;
	margin-left: 15px;
	padding-left: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.legend {
	border: 1px solid #CCCCCC;
	margin: 20px 0;
	padding: 0 10px;
	position: relative;
}
.extra a
{
	text-decoration: none;
}
.extra a:hover
{
	text-decoration: underline;
}