body  { color: #454545; font-size: 9pt; font-family: Arial; font-style: normal; font-variant: normal; font-weight: normal; background: #fff; margin: 0; padding: 0 }

a    { color: #666; font-size: 9pt; font-family: Arial; background: inherit inherit inherit inherit   }
a:hover { color: #6C757A; background: inherit; }

h1  { font: 2.1em Arial; letter-spacing: -1px; margin: 0; padding: 7px 0 0 8px }
.dark  { color: #737373; background: inherit; font-weight: bold; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }
h2 { margin: 0; padding: 0; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; }
h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }

p {	margin: 0 0 5px 0; }

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

form { 	margin: 0; }

input.search { 
	width: 292px; 
	border: 0;
	background: #FFF url(input.gif) no-repeat;
	padding: 4px; 
	color: #E0691A;
	font-weight: bold;
}

input.submit  { color: #fff; font: bold 1em Arial, Sans-Serif; background: #ff0000 url(submit.gif) no-repeat; margin: 0 15px 1px 0; padding: 4px 0; width: 65px; border: 0 }

input.login { 
	width: 150px;
	border: none; 
	
	padding: 4px; 
}

/* layout
   ------ */

.content { 
	margin: 0 auto;
	width: 780px;
	padding: 10px; 
}

.header     { color: #f9f9fa; background: #000; margin: 3px 0; padding: 10px 0 0; height: 55px !important }

.top_info    { color: #f9f9fa; background: #000; padding: 5px 0 4px; width: 555px; float: right }

	.top_info_left {
		width: 200px;
		float: left;
	}

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

.browse_category   { color: #fff; font-size: 9pt; background: inherit inherit inherit inherit; width: 190px }

.bar    { color: #fff; font-size: 9pt; background: #ff0000; margin: 0; height: 30px; clear: both }

	.bar li    { color: #000; background: #ff0000; margin: 0; padding: 7px 12px 5px; float: left }
	
	.bar li.active  { color: #fff; font-weight: bold; background: #f03 url(bar.gif) no-repeat center; padding: 7px 10px 6px }
	
	.bar li a { 
		font-weight: bold;
		color: #FFF; 
		background: inherit;
		text-decoration: none;
	} 
	
	.bar li a:hover   { color: #000; background: inherit inherit inherit inherit  } 

.search_field { 
	background: #fff url(searchbg.gif) no-repeat right; 
	color: #808080;
	clear: both;
	font-weight: bold;
	padding: 7px 25px 10px 10px;
	margin: 5px 0;
}

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

.search_form { float: right; }

.subheader {
	margin: 0px 0 10px 0;
	border-bottom: 1px solid #eee;
	padding: 5px 0 5px 0;
	background: #A4A4A4;
	color: #fff;
}

/* left side
   --------- */

.left   { font-size: 10pt; font-family: Arial; margin: 0 0 10px; width: 65%; float: left }

.left h3    { color: #fff; font: bold 9pt Arial, Sans-Serif; background: #ff0000 url(corner.gif) no-repeat right top; margin: 0; padding: 7px 0 7px 5px; clear: both }
	.left_side   { font-size: 9pt; font-family: Arial; margin: 10px 0; padding: 0 0 0 10px; width: 222px; float: left }
		
	.left_side a, .right_side a     { color: #000; font-size: 9pt; font-family: Arial; background: #fff }
		
	.right_side  { color: #000; background: #fff url(dotted.gif) repeat-y; margin: 10px 0; padding: 0 0 0 40px; width: 220px; float: right }
		
	.left_box     { color: #000; font-size: 9pt; font-family: Arial; margin: 0 0 5px; padding: 2px 0 }
	
		
/* right side
   ---------- */
		
.right {
	float: right;
	width: 34.6%;
	margin: 0 0 10px 0;
}

.right h3   { color: #fff; font: bold 1em Arial, Sans-Serif; background: #000 url(corner.gif) no-repeat right top; margin: 0 0 3px; padding: 7px 0 7px 5px }

	.right_articles {
		background: #f5f5f5;
		color: #414141;
		padding: 8px;	
		margin: 0 0 3px 0;
	}
	
.image {
	float: left;
	margin: 0 9px 3px 0;
}

/* footer
   ------ */

.footer { 
	clear: both;
	text-align: center;
	padding: 10px 0 10px 0;
	margin: 0;
	border-top: 1px solid #ccc;
	line-height: 1.8em;
}

.footer a { color: #808080; background: #fff; }