/* */

   
/* default styles
   -------------- */
	*{ margin: 0; padding: 0; }* 
	body { 
		font: .7em Arial, "Trebuchet MS", Tahoma, sans-serif; 
		line-height: 1.6em;
		background: #fff; 
		color: #444; 
	}
	

	
	h1 { font: normal 2.4em "Trebuchet MS", Arial, Sans-Serif; padding: 7px 0 0 8px; margin: 0; }
	h1 a { color: #737373; background: inherit; }
	.orange { color: #E0692A; }
	sup { font-size: .5em; }
	
	h1 a, h2 a { text-decoration: none; }
	h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }
	p {	margin: 0 0 5px 0; }
	
	ul { list-style : none; }

/* layout
   ------ */

	.content { 
		margin: 0 auto;
		width: 980px;
		padding: 10px; 
	}
	
	.header { 
		height: 70px;
		background: #fff url(../images/headerbg.gif) repeat-x bottom;
		color: #808080;
		margin: 3px 0;
		padding: 10px 0 0 0;
	}

	.top_info {
		float: right;
		width: 405px;
		padding: 5px 0 4px 0;
		color: #808080;
	}

	.top_info_left {
		/*width: 150px;*/
		float: left;
		/*margin-top:25px;*/
                padding:10px 0px 0px 0px;

	}

	.top_info_right {
		float: right;
		/*width: 290px;*/
		width: 350px;
		padding: 0 0 0 35px;
		border-left: 1px solid #eee;
	}

	.browse_category  {
		
		color: #FFF;
		background: inherit;
	}
	
	

	.bar li { 
		padding: 2px 12px 6px 12px;
		background: url(../images/tab_right_over-orange.gif); 
		float: left; 
	}
	
	
	.bar li.active { 
		background: url(../images/tab_left_active.gif); 
		padding: 2px 12px 6px 12px;
		font-weight: bold; 
		
	}
	

	.bar li a { 
		font-weight: bold;
		color: #00CCFF; 
		background: inherit;
		text-decoration: none;
	} 
	
	.odd{
	background:#EFEFEF;
	}
	.tableheader{
        font-size: 1.5em; 
        font: 1.5em Arial, "Trebuchet MS", Tahoma, sans-serif;
	background:#FF9148;
	color:#FFFFFF;
	}
	
/*Topic Navigator*/
.topic_box { 
		margin: 0 0 10px 0; 
		color: #000; 
		background: #FFF; 
		padding: 3px 0; 
		height:300px;
		overflow:scroll;
	}
	#scroll { width:650px;
}
#scroll a img {
    float: left;
    page-break-before: right;
    line-height:300px;
    display: inline;
    margin: 0px;
    padding: 0px;
    letter-spacing: -3em;
    white-space: nowrap;
    border: 0 none;
}
#scroll img {
margin-right: 10px; 
vertical-align: middle;
} 
.topicbar { 
		Z-INDEX: 1; OVERFLOW-x: scroll; overflow-y: hidden;  WIDTH: 650px; HEIGHT: 220px
		clear:both;
		font-size: 1.1em;
		height: 100px; 
		color:#000000;
	}

	.topicbar li { 
		display:inline;
		white-space:nowrap;
		padding: 6px 12px 6px 12px;
		width:250px;
		color: #FFEADC;
		float: left; 
	}
	
	
	.topicbar li.active { 
		background: #E0691A url(../images/bar.gif) repeat-x; 
		color: #fff;
		font-weight: bold; 
		
	}
	
	.topicbar li a:hover { 
		background: url(../images/tab_left_active.gif) repeat-x; 
		color: #fff;
		font-weight: bold; 
		
	}
	
	.topicbar li a { 
		font-weight: bold;
		color:#000000;
		background: inherit;
		text-decoration: none;
	} 
	
/* search form */
	.search_field { 
		background: #fff url(../images/searchbg.gif) no-repeat right; 
		
		clear: both;
		font-weight: bold;
		padding: 3px 12px 10px 10px;
		margin: 5px 0;
	}
	.search_articles {
		background: #f5f5f5;
		color: #414141;
		padding: 8px;	
		margin: 0 0 3px 0;
		height:20px;
	}
	input.search { 
		width: 292px; 
		border: 0;
		background: #FFF url(../images/input.gif) no-repeat;
		padding: 4px; 
		color: #E0691A;
		font-weight: bold;
		margin: 0 0 0 3px;
	}
	input.submit {
		background: url(../images/submit.gif) no-repeat;
		border: 0;
		padding: 4px 0;
		width: 65px;
		margin: 0 10px 1px 0;
		color: #FFF;
		font: bold 1em Arial, Sans-Serif;
	}
	
	.grey { color: #808080; background: inherit; font-weight: normal; }
	.search_form { float: right; }
	
/* login form
--------- */
	.login_field { 
		/*background: url(../images/searchbg.gif) no-repeat right; */
		color: #808080;
		clear: both;
		font-weight: bold;
		/*padding: 7px 12px 10px 10px;*/
		margin: 5px 0;
	}/*
	input.name { 
		width: 100px; 
		border: 0;
		background: #FFF url(../images/input1.gif) no-repeat;
		padding: 4px; 
		color: #E0691A;
		font-weight: bold;
		margin: 0 0 0 3px;
	}
	input.password { 
		width: 100px; 
		border: 0;
		background: #FFF url(../images/input1.gif) no-repeat;
		padding: 4px; 
		color: #E0691A;
		font-weight: bold;
		margin: 0 0 0 3px;
	}
	input.login {
		background: url(../images/login.gif) no-repeat;
		border: 0;
		padding: 4px 0;
		width: 30px;
		margin: 0 10px 1px 0;
		color: #FFF;
		font: bold 1em Arial, Sans-Serif;
	}
	*/


/* left side
   --------- */
	.left {
	float: left;
	width: 100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	}
	
	.left h2 {
		clear: both;
		background: #E8E8E8 url(../images/h2bg.gif) no-repeat center left;
		color: #444;
		padding: 3px 0 4px 43px;
		font: bold 1.4em "Trebuchet MS", Arial, Sans-Serif;
		margin: 0 0 10px 0;
	}
	.left_side {
		float: left;
		width: 160px;
		padding: 0 0 0 10px;
		margin: 10px 0 0 38px;
	}
		
			
	.right_side {
		float: right;
		width: 280px;
		background: #FFF url(../images/dotted.gif) repeat-y;
		color: #414141;
		padding: 0 0 0 70px;
		margin: 10px 0;
	}
	.left_box { 
		margin: 0 0 10px 0; 
		color: #000; 
		background: #FFF; 
		padding: 3px 0; 
	}
	.center_box{
	float:right;
		margin: 50 0 50px 0; 
		color: #000; 
		background: #FFF; 
		padding: 3px 0; 
		width:340px;
	}
	
		
/* right side
   ---------- */
		
	.right {
		float: right;
		width: 340px;
		margin: 0 0 10px 0;
	}
	.right h3 {
		background: #BDBDBD  url(../images/h3bg.gif) no-repeat center right;
		color: #FFF;
		padding: 8px 0 8px 5px;
		font: bold 1em Tahoma, Arial, Sans-Serif;
		margin: 0 0 3px 0;
	}
	.right_articles {
		background: #f5f5f5;
		color: #414141;
	/*	padding: 10px;	*/
		margin: 0 0 3px 0;
	/*	height:10px; */
	}
	.notice {
		background: #eee;
		color: #808080;
		padding: 12px 8px;	
		margin: 0 0 3px 0;
	}
	.image {
		float: left;
		margin: 0 9px 3px 0;
	}
	.downloadDiv {
		float: right;
		margin: 0 9px 3px 0;
	}
	.downloadDiv ul{
	border:thick  #000000;
	}
/* footer
   ------ */
	.footer { 
		clear: both;
		text-align: center;
		padding: 10px 0;
		border-top: 1px solid #ccc;
		line-height: 2em;
	}
	.footer a { color: #808080; background: #fff; }