/* default styles

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

*{ margin: 0; padding: 0; }* 

body { 

	font: .7em Arial, "Trebuchet MS", Tahoma, sans-serif; 

	line-height: 1.6em;

	background: #fff; 

	color: #444; 

	margin: 10px 10px 10px 10px;



	}

img.l {

	margin: 3px 3px 3px 3px;

	border: 1px solid #000033;

	}



img {

	margin: 3px 3px 3px 3px;

	padding: 0px 3px 0px 0px;

	}



img.news {

	margin: 3px 156px 3px 3px;

	}

	

a {	

	color: #669999;	background: inherit;

	}



a:hover { 

	color: #00CC99; background: inherit; 

	}



h1 { 

	font: normal 2.4em "Trebuchet MS", Arial, Sans-Serif; 

	padding: 7px 0 0 8px; 

	margin: 0; 

	}



h1 a { 

	color: #737373; 

	background: inherit; 

	}



.green { 

	color: #00CC99; 

	}



sup { 

	font-size: .5em; 

	}



h1 a, h2 a { 

	text-decoration: none; 

	background: none;

	}



h1 a:hover, h2 a:hover { 

	color: #00CC99; 

	background: none; 

	}



h2 { 

	font-size: 1.5em; 

	margin-bottom: 5px; 

	color: #000; 

	background: inherit; 

	line-height: 22px;

	}

h3, H3 a { 

	font: bold 1.7em 150% "Trebuchet MS"; 

	color: #00CC99;

	margin-bottom: 5px; 
	padding-bottom: 10px;

	background: inherit; 

	}


h4 a{ 

	font: bold .7em 150% "Trebuchet MS"; 

	color: #00CC99;

	margin-bottom: 5px; 

	background: inherit; 

	}



p {	margin: 0 0 5px 0; }



ul { 

	list-style : none; 
	margin: 0 0 10px 0px;
	padding: 0 0 0 0px;
	}



#bullet { 

	list-style-image: url('images/arrow.gif');

	margin: 5px 10px 5px 35px; 

	padding: 5px 10px 5px 15px; 

	}

	

#bullet li{ 

	margin: 0px 10px 0px 15px; 

	}

	

/* layout

   ------ */



.content { 

	margin: 0 auto;

	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: 700px;

	padding: 5px 0 0px 0;

	color: #808080;

	}



.top_info_left {

	width: 240px;

	float: left;

	}



.top_info_right {

	float: right;



	padding: 0 0 0 35px;

	border-left: 1px solid #eee;

	}



.browse_category  {

	width: 390px;

	color: #FFF;

	background: inherit;

	}



.bar { 

	clear: both;

	font-size: 1em;

	height: 30px; 

	color: #FFFFFF;

	background: #00cc99 url('images/menubg.gif') repeat-x;
	
	width: 100%;


	}

.bar ul {
	list-style: none;
			text-decoration: none;
	}



.bar li { 

	padding: 6px 6px 6px 6px;
	color: #FFFFFF;
	float: right; 
	border-right: 1px solid #FFFFFF;
	font: bold .9em "Trebuchet MS", Arial, Sans-Serif; 
	text-decoration: none;

	}
	

.bar li.active { 

	background: #E0691A url('images/bar.gif') repeat-x; 

	color: #FFFFFF;

	font-weight: bold 
			text-decoration: none;
		

	}

	

.bar li a { 

	font-weight: bold;

	color: #FFFFFF; 

	background: inherit;
			text-decoration: none;


	} 

	

/* search form */

.search_field { 

	background: #fff url('images/searchbg.gif') no-repeat right; 

	color: #00CC99;

	clear: both;

	font-weight: bold;

	margin: 5px 0; padding-left:10px; padding-right:12px; padding-top:7px; padding-bottom:10px

}

	input.search { 

		width: 292px; 

		border: 0px none;

		background: #FFF url('images/input.gif') no-repeat;

		padding: 4px; 

		color: #00cc99;

		font-weight: bold;

		margin-left:3px; margin-right:0; margin-top:0; margin-bottom:0

	}

	input.submit {

		background: #00CC99 url('images/submit.gif') no-repeat;

		border: 0px none;

		width: 65px;

		color: #FFF;

		font-style:normal; font-variant:normal; font-weight:bold; font-size:1em; font-family:Arial, Sans-Serif; margin-left:0; margin-right:10px; margin-top:0; margin-bottom:1px; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:4px

	}

	.grey { color: #808080; background: inherit; font-weight: normal; }

	.search_form { float: right; }



/* left side

   --------- */



.left {

	float: left;

	width: 63%;
	height: 100%;
	margin: 0 0px 10px 0;
	padding: 3px 3px 0 3px;
	border-right: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
}



.left h2 {

	clear: both;

	background: #E8E8E8 url('images/h2bg.gif') no-repeat center left;

	color: #444;

	font-style:normal; font-variant:normal; font-weight:bold; font-size:1.4em; font-family:Trebuchet MS, Arial, Sans-Serif; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px; padding-left:43px; padding-right:0; padding-top:3px; padding-bottom:4px

}

.left_side {
	float: left;
	width: 50%;
	padding: 0 0 0 10px;
	line-height: 20px;
	margin: 10px 0 0 38px;
	
	}

.left_side a, .right_side a { color: #414141; background: #FFF; text-decoration: none;}
.left_side a:hover { color: #00CC99; text-decoration: none;}	
	
.left_side h3 { 
	font: bold .8em 150% "Trebuchet MS"; 
	text-align: center;
	color: #414141;
	margin: 5px 5px 5px 5px; 
	background: inherit;
	border-bottom: 1px #414141 solid;
	text-decoration: none; 
}


.right_side {
	font: bold 1.1em "Trebuchet MS"; 
	float: right;
	width: 35%;
	background: #FFF url('images/dotted.gif') repeat-y;
	color: #414141;
	margin: 10px 0; 
	padding: 0px 0px 0px 10px;
	letter-spacing: 1px;
	}

	.left_box { 

		margin: 0 0 10px 0; 

		color: #000; 

		background: #FFF; 

		padding: 3px 0; 

	}

	

		

/* right side

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

		

.right {

	float: right;
	width: 34%;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	margin: 0 0 10px 0;
	padding: 3px 5px 0 3px;
	height: 100%;

}

	.right h3 {

		background: #BDBDBD url('images/h3bg.gif') no-repeat center right;

		line-height:13px;

		color: #FFF;

		font-style:normal; font-variant:normal; font-weight:bold; font-size:1em; font-family:Tahoma, Arial, Sans-Serif; margin-left:0; margin-right:0; margin-top:0; margin-bottom:3px; padding-left:5px; padding-right:0; padding-top:8px; padding-bottom:8px

	}

	.right_articles {

		background: #f5f5f5;

		color: #414141;

		padding: 8px;	

		margin: 0 0 3px 0;

	}

	.notice {

		background: #eee;

		color: #808080;

		padding: 12px 8px;	

		margin: 0 0 3px 0;

	}

	.image {

		float: left;

		margin: 0 9px 3px 0;

	}



/* footer

   ------ */



.footer { 

	clear: both;

	text-align: center;

	padding: 10px 0;

	border-top: 1px solid #ccc;

	line-height: 2em;

}

	.footer a { color: #808080; background: #fff; width: 934px;}
	
/*
 menu styles
 note: not all browsers render styles the same way so try out your style sheet
 in different browsers before publishing
*/

/* level 0 inner */
.m0l0iout {
	font: bold 1em sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	color: #FFFFFF;
	margin: 4px 0 0 4px;
}
.m0l0iover {
	font: bold 1em sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	color: #FFFFFF;
	margin: 5px 0 0 4px;
}

/* level 0 outer */
.m0l0oout {
	text-decoration : bold;
	border-left: 1px solid #FFFFFF;
}
.m0l0oover {
	text-decoration : none;
	border-left: 1px solid #FFFFFF;
}

/* level 1 inner */
.m0l1iout {
	font: bold 1em sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	color: #FFFFFF;
	margin: 4px 0 0 17px;
}
.m0l1iover {
	font: bold 1em sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	color: #FFFFFF;
	margin: 4px 0 0 17px;
}

/* level 1 outer */
.m0l1oout {
	text-decoration : none;
	background-color: #00CC99;
	border: 1px solid #FFFFFF;
	padding: 0;
}
.m0l1oover {
	text-decoration : none;
	background-color: #00cc99;
	background-image: url('images/lev1_arrow.gif');
	background-repeat: no-repeat;
	border: 1px solid #FFFFFF;
	padding: 0
}