/*general*/

/* COMMON STYLE
--------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

body {
	margin:0;
	padding:0;
}

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

a:link {
	color: #3e7a7f;
	text-decoration: none;       
}

a:visited {
	color: #495f66;
	text-decoration: none;    
}
a:hover {
	text-decoration: none;
	color: #76b5cc;        
 }
a:active {
	text-decoration: none;        
}
ul {
	padding: 0;
	margin-left: 2px;
}
li {
	list-style: none;
}

ol{
	margin-left:10px;
	list-style-position:inherit;
}


form { 
	display:inline;
	margin:0; padding:0;
}

blockquote {
	margin: 10px;
}

blockquote div {

}

pre {
}

/* end of general */

/* Custom class */

.bodies{
	background: #818181 url(../images/bg.gif) repeat-x;   
	padding: 0px;
	margin: 0px; 
	color: #000;
	font: 13px/12pt Arial, Helvetica, MingLiu, Geneva, sans-serif;
}

.contentpaneopen fieldset{
	width:100%;
	border:none;
}
.highlight { 
	background:#F3F977;
}
.mainlevel {
	display:block;
	color:#000;
	line-height: 14px;
	border-bottom:1px solid #ccc;
	padding: 2px 0 2px 5px;
	width:160px;
}
a.mainlevel:hover { 
	background:#f0f0f0;}
.sublevel {
	padding-left:15px;
	}
a.pathway {
	color: #fff;
	font-weight:bold;
}

.inputbox { 
	border:1px solid #666;
	font-size: 12px;
	padding:2px;
	}
.button{
	background:url(../images/bgbutton.gif) repeat-x;
	padding: 5px;
	border: 1px solid  #999999;
	margin-top: 5px;
	font-size: 12px;
}

.syndicate {
	padding-bottom: 6px;
}
#core { 
	margin:auto 0px;
	padding:0;
}
#mid {
	width:790px;
	border:5px solid #FFFFFF;
	background:#FFFFFF;
	min-width:790px!important;
	margin-top:-5px!important;
	margin-top:0;
}

#top {
	width:790px;	
	height:103px;
	background:url(../images/top-background.gif) repeat-x top center;
	border:5px solid #FFFFFF;
	border-bottom:0;
	padding:0;
	margin:10px 0 0 0;
	min-width:790px;
}


/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-mainnav {
	height: 45px;
	font-size: 11px;
	line-height: normal;
	background: url(../images/mainnav-bg.gif) no-repeat top left;
}

.narrow #ja-mainnav {
	background: url(../images/mainnav-narrow-bg.gif) no-repeat top left;
}

#ja-mainnav a {
}

#ja-subnav {
	padding: 10px 20px 5px;
	margin: 0;
	clear: both;
	line-height: normal;
}

/* Transmenu
---------------------------------------------------------*/
.transMenu .item.hover {
	background: url(../images/child-active-bg.gif) top left repeat-x !important;
}

.transMenu .item#active {
	background: url(../images/child-active-bg.gif) top left repeat-x !important;
}

.transMenu .item#active:hover {
	background: url(../images/child-active-bg.gif) top left repeat-x !important;
}

a.havechild-mainlevel-active-trans,
a.havechild-mainlevel-active-trans:hover,
a.havechild-mainlevel-active-trans:active,
a.havechild-mainlevel-active-trans:focus {
	background: url(../images/mainnav-active-bg.gif) repeat-x top left !important;
}

a.jahover-active {
	background: url(../images/mainnav-active-bg.gif) repeat-x top left !important;
}

a.mainlevel-active-trans,
a.mainlevel-active-trans:hover,
a.mainlevel-active-trans:active,
a.mainlevel-active-trans:focus {
	background: url(../images/mainnav-active-bg.gif) repeat-x top left !important;
}

/* First item */
a.havechild-mainlevel-active-trans-first,
a.havechild-mainlevel-active-trans-first:hover,
a.havechild-mainlevel-active-trans-first:active,
a.havechild-mainlevel-active-trans-first:focus,
a.mainlevel-active-trans-first,
a.mainlevel-active-trans-first:hover,
a.mainlevel-active-trans-first:active,
a.mainlevel-active-trans-first:focus {
	background: url(../images/mainnav-active-bg.gif) repeat-x top left !important;
}

/* End of navigation */


#line2 {
	background: url(../images/bgtopbar.gif) repeat-x #FFFFFF;
	width:790px;
	border-left:5px solid #FFFFFF;
	border-right:5px solid #FFFFFF;
	border-top:0;

	padding-top:11px;
	padding-bottom:4px;
	height:32px;

}

#date-today{
	text-align:right;
	padding-right: 10px;
	float: right;
	width: 300px;
	color: #fff;
	margin:0;
}

#path-way {
	float: left;
	padding-left:10px;
	color: #fff;
	width:auto;
	margin:0;
}



#mainbody{
	padding:5px;
	background: #ffffff url(../images/midbg.gif) repeat-x; 
	border-left:#FFFFFF 5px solid;
	
}
#menuleft {
	background: #F3F977 url(../images/leftbg.gif) repeat-x;
	padding:5px 5px 15px 5px;}

#menuleft table.moduletable th,#menuleft div.moduletable h3{
	display:block;
	background: #7fa420;
	font-size:14px;
	color: #fff;
	font-weight:normal;
	text-align:left;
	width: 160px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
}
#right { 
	background: #b8c3cf url(../images/rightbg.gif) repeat-x;
	padding:0px 5px 15px 10px;
	width:160px;
	border-left:5px solid #FFFFFF;
	color: #fff;
}

#right table.moduletable th,#right div.moduletable h3 {
	display:block;
	background: #323a3e;
	font-size: 14px;
	color: #fff;
	padding:5px 5px 5px 30px;
	font-weight:normal;
	text-align:left;
	width: 140px;	
	margin-top: 5px;
	margin-bottom: 5px;	
}
#right div.moduletable td {
	text-align:left;
}
#right div.moduletable {
	margin-bottom: 10px;
		text-align:left;
		
	

}

#menuleft table.moduletable form{
	display:block;
	padding-left:10px;
}

#menuleft table.moduletable form a{
	color: #000;
	font-weight: bold;
}

#mainbody .contentheading, #mainbody .contentpagetitle a:link,#mainbody .contentpagetitle a:visited {
	font-size: 18px;
	color: #526e9c;
	padding-left: 27px;
	background: url(../images/contheading.gif) no-repeat 3px 8px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 15pt;
	font-weight: bold;
}

#banner {
	padding-top: 20px;
	padding-bottom:10px;
}

#bottom{
	background:#000;
}


#ads {
	width:100%;
	text-align:center;
	margin:0;
	padding:0;
	}
#foot {
	background:#333;
	color : #fff;
	font-size:11px;
	width:790px;
	min-width:790px;
	border-left:5px solid #FFFFFF;
	border-right:5px solid #FFFFFF;
	border-bottom:5px solid #FFFFFF;
	padding:5px 0 5px 0;
}

#foot div {

}

#foot a {
	font-weight : bold;
	color: #FFFFFF ;
}
.small {
	font-size: 11px;
	color: #666666;
	font-weight:normal;
}

.createdate {
	font-size: 11px;
	color: #999;
	font-weight:bold;
	padding:2px 2px 2px 25px;
	background: url(../images/date.gif) no-repeat 3px 2px;


	
}

.modifydate {
	font-size: 11px;
	color: #999;
}

.readon {
	font-size: 12px;
	color: #999;
	padding-left: 15px;
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-position:3px;
}

a.readon:hover {
	color: #000;
	font-weight: bold;
}

.mosimage {
	border:1px solid #81ae53;
	margin:5px;
	background:url(../images/bgmoscontent.gif) repeat-x bottom left;
	border:1px solid #ccc;
	padding-top:5px;
	padding-bottom:1px;
}
.mosimage_caption {
	margin:5px 2px 2px 2px;
	padding:3px 1px 1px 1px;
	color:#fff;
	font-size: 12px;
	background: url(../images/moscaptionborder.gif) repeat-x top center;
	
}

.blog_more{
}

.contentpaneopen p a{
	color: #000;
	font-weight:bold;
	width:100%；；;
}
#mainbody div table.contentpane {
	width:100%;
}
table.contentpaneopen, table.contentpane,table.blog{
	width:100%;
}

td#mainbody  .contentdescription {
	width:100%;
}

#mainbody h2 {
	font-size: 140%;
	color: #3e7a7f;	
	margin-top: 5px;
	margin-bottom: 5px;	
}

#mainbody h3 {
	font-size: 130%;
	color: #ff693a;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 12pt;
}
#mainbody h4 {
	font-size: 120%;
	color: #6797f1;
		margin-top: 5px;
	margin-bottom: 5px;
	line-height: 12pt;
}
#mainbody h5 {
	font-size: 100%;
	color: #f01;
		margin-top: 5px;
	margin-bottom: 5px;
}

.blogsection {
	color: #999;
	display: block;
	width: 150px;
	}

a.blogsection:hover {
	color: #000;
	font-weight: bold;
}

.back_button {
	padding: 3px;
	text-align:center;
	margin-top: 5px;

}

.back_button a{
	color: #fff;
	background: #767676 repeat-x left;
	padding: 2px;
	padding-left: 7px;
	padding-right: 7px;
	border:1px solid #666666;
}

.componentheading {
	font-size: 18px;
	color: #405499;
	padding-left: 30px;
	background:url(../images/contheading.gif) no-repeat 3px;
	padding-top: 5px;
	padding-bottom: 10px;
}

.category {
	font-size: 12px;
	color: #000;
	font-weight:bold;
}

.sectiontableheader {background:#999999;
	padding:5px;
	color:#FFFFFF;}

.sectiontableentry2 td{
	border-top: 1px solid #f0f0f0;
	padding:5px;
}

.sectiontableentry1 td{
	border-top: 1px solid #f0f0f0;
	background: #fff;
	padding:5px;
}





ul#mainlevel-nav li{
	float: left;
	width: 99px;
	text-align:center;
	border-left: 1px solid #fff;
	margin-top: 15px;
	}

a.mainlevel-nav:link,a.mainlevel-nav:visited {
	color:#ff9900;
	font-weight:bold;
}

a.mainlevel-nav:hover {
	color: #fff;
	font-weight:bold;
}
#mainbody ul {
	list-style-type: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

	
ul.latestnews li{
	background: url(../images/bullet-orange.gif) no-repeat;
	width:auto;
	border-bottom: 1px dotted #a6a6a6;
	padding: 2px 2px 5px 18px;
}

ul.mostread li{
	background: url(../images/bullet-orange.gif) no-repeat;
	padding:2px 2px 5px 18px;
	margin-left:0px;
	width:auto;
	border-bottom: 1px dotted #a6a6a6;		
}


/*slide panel*/
#dhtmlgoodies_leftPanel{	/* Styling the help panel */
	/* Blue background color */
	color:#FFF;
	/* White text color */
	/* Which font to use */

	/* You shouldn't change these 5 options unless you need to */		
	height:100%;	
	left:0px;
	z-index:10;
	position:absolute;
	display:none;
	overflow:hidden;
	}
#dhtmlgoodies_leftPanel #leftPanelContent{
	padding:49px 5px 5px 10px;
	border-top:5px solid #FFFFFF;
	border-right:5px solid #FFFFFF;
	background: #020203 url(../images/bgslidepanel.gif) repeat-x;
	height:100%;
	}
#dhtmlgoodies_leftPanel #leftPanelContent  div {
	padding:0px;
	width:160px;
	color:#FFFFFF;
	
	}
#dhtmlgoodies_leftPanel #leftPanelContent  table.moduletable,#dhtmlgoodies_leftPanel #leftPanelContent  div.moduletable {
	margin-top:20px;width:155px;

	}
	#dhtmlgoodies_leftPanel #leftPanelContent  div .moduletable th,#dhtmlgoodies_leftPanel #leftPanelContent  div .moduletable h3 { 
	background: #000;
	font-size:16px;
	padding: 5px 15px;
	font-weight:normal;
	width: auto;
	margin-bottom: 5px;
}
#dhtmlgoodies_leftPanel #leftPanelContent  div .moduletable td {
	padding:5px 0px 5px 0px;
}
	
#dhtmlgoodies_leftPanel #leftPanelContent a {
	color: #f6edff;}
#dhtmlgoodies_leftPanel #leftPanelContent  a:visited {
	color: #d4ccff;}
#dhtmlgoodies_leftPanel #leftPanelContent a:hover {
	color:#FFFFFF;}
	
#dhtmlgoodies_leftPanel #leftPanelContent .mainlevel {
	display:block;
	width:150px;
	color:#fff;
	background:url(../images/dotyellow.gif) repeat-x bottom center;
	padding:2px 2px 5px 2px;
	font-size: 12px;
}
#dhtmlgoodies_leftPanel #leftPanelContent a.mainlevel:hover {
color: #f6edff;}
#dhtmlgoodies_leftPanel #leftPanelContent .sublevel {
	padding-right:15px;
	color:#FFFFFF;}	
	
/* tab on slide panel */

.tabberlive .tabbertabhide {
 	display:none;
}
.tabber {
}
.tabberlive {
	 margin-top:0;
	 margin-left:0px;
}

ul.tabbernav {
	 margin:0;
	 font: bold 12px Arial, sans-serif;
	 letter-spacing:1px;
	padding: 3px 0 0;
}

ul.tabbernav li
{

	 list-style: none;
	 margin: 0;
	 display: inline;
	}

ul.tabbernav li a
{
	 padding: 3px 0.5em 0;
	 margin-left: 3px;
	 border:1px solid #333300;
	 border-bottom: none;
	 background: #DDE;
	 text-decoration: none;
}

ul.tabbernav li a:link { 
	color: #ccc;
	background: url(../images/bgtablink.gif) repeat-x; }
ul.tabbernav li a:visited { 
	color: #667;
	background: #FFFF00; }

ul.tabbernav li a:hover
{
	 color: #ccc;
	 background: #bd6fd7;
	 border-color: #333300;
}

ul.tabbernav li.tabberactive a
{
	background:url(../images/bgtabactive.gif) repeat-x;
	color:#FFFFFF;
}
ul.tabbernav li.tabberactive a:hover
{
}
.tabberlive .tabbertab {
	 padding:5px;
	 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

.tabberlive .tabbertab h2 {
 	display:none;
}
/*.tabberlive .tabbertab h3 {
 display:none;
}*/

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
	 height:200px;
	 overflow:auto;
}

.bannerImage {
	padding-top: 2px;
	padding-bottom: 2px;
}

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

img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.left {
	float: left;
}
img.left, img[align="left"] {
	float:left;
	margin: 2px 10px 5px 0px;
}
.right {
	float: right;
}
img.right, img[align="right"] {
	float:right;
	margin: 2px 0px 5px 10px;
}