*{ margin: 0; padding: 0; }* 
body { 
	font: 12px "Trebuchet MS", Tahoma, sans-serif; 
	line-height: 18px;
	background: #ffffff; 
	color: #444; 
}

/*a {	color: #E0691A;	background: inherit;}*/
a {	color: #0000ff;	background: inherit;}
a:hover { color: #6C757A; background: inherit; }

h1 { font-size: 16px; font-weight:bold; padding: 7px 0 0 8px; margin: 0; }
h1 a { color: #737373; background: inherit; }
.orange { color: #E0692A; }
.brown { color: #a14121; }
sup { font-size: .5em; }

h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }
h2 { font-size: 14px; margin-bottom: 5px; color: #000; background: inherit; }
p {	margin: 0 0 0px 0; }

h3 { font-size: 12px; margin-bottom: 3px; color: #000; background: inherit; }

a img { border: none; vertical-align: middle; }


/* layout
   ------ */

.content { 
	margin: 0 auto;
	width: 985px;
	padding: 0px 3px 3px 3px; 
	background: #fff;
}

.header { 
	height: 60px;
	background: #fff url(images/headerbg.jpg) repeat-x bottom;
	color: #808080;
	margin: 0px;
	padding: 0px;
}

.top_info {
	float: right;
	width: 555px;
	padding: 0px;
	margin: 0px;
	color: #808080;
}

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

	.top_info_right {
		float: right;
		width: 390px;
		padding: 0 0 0 35px;
		margin:10px 5px 0px 0px;
	}

.browse_category  {
	width: 350px;
	color: #FFF;
	background: inherit;
}

.bar { 
	clear: both;
	font-size: 13px; font-weight:bold;
	height: 30px; 
	color: #FFF;
	background: #fff url(images/menubg.jpg) repeat-x;
	margin:0px 0px 10px 0px;
	padding:0px;
}

.bar ul { list-style : none; }

.bar li { 
	float: left;
	padding: 6px 6px 6px 6px;
	margin: 0px;
	border-left:1px solid #e0691a;
	color: #FFEADC;
}
	
.bar li a { 
	font-weight: bold;
	color: #FFF; 
	background: inherit;
	text-decoration: none;
	margin:0px;
	padding:0px;
} 
	
.bar li a:hover { color: #e0691a; background: inherit; }
.bar li.active a:hover { color: #256; background: inherit; }

.bar li.active { 
	background: url(images/bar.jpg) repeat-x;
	color: #256;
	border-top:0px;
	border-left:2px solid #a14121;
	border-right:2px solid #a14121;
	border-bottom:5px solid #a14121;
}
	
/* search form */
.search_field { 
	background: #fff url(images/searchbg.gif) no-repeat right; 
	color: #808080;
	clear: both;
	font-weight: bold;
	padding: 7px 12px 10px 10px;
	margin: 5px 0;
}
	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: #E0691A url(images/submit.jpg) 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; }

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

.left {
	float: left;
	width: 634px;
	margin: 0px;
	padding:0px;
}

.left h2 {
	clear: both;
	height:24px;
	background: #d5e3db url(images/h2bg.jpg) no-repeat center left;
	color: #444;
	padding: 5px 0px 0px 43px;
	margin: 0px;
	font-size: 16px; font-weight: bold;
	margin: 0px;
}
	.left_side {
		float: left;
		width: 160px;
		padding: 0 0 0 10px;
		margin: 10px 0 0 38px;
	}
		
	.left_side a, .right_side a { color: #414141; background: #FFF; }
		
	.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 { 
		float: left;
		margin: 0px 0px 10px 0px; 
		color: #000; 
		background: #FFF; 
		padding: 0px;
	}
.left_box p { margin-top: 7px; }
.left_box img.large { float: left; margin:0px; margin-top:10px;padding:0px; }
.left_box ul { list-style : disc inside; margin-left:10px; }
.left_box li { margin: 3px 0px 0px 10px; padding:0px; }

	
		
/* right side
   ---------- */
		
.right {
	float: right;
	width: 340px;
	margin: 0 0 10px 0;
}
	.right h3 {
		clear:both;
		height:24px;
		background: #7593a4  url(images/h3bg.jpg) no-repeat center right;
		color: #FFF;
		padding: 5px 0 0px 5px;
		font-size: 16px; font-weight: bold;
		margin: 0 0 5px 0;
	}
	.right_articles {
		background: #d5e3db;
		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: 0px 9px 3px 0;
	}

.pagebox { 
	width: 400px;
	float: left;
	margin: 0px;
	color: #000; 
	background: #fff url(images/footerbg.jpg) repeat-x top;
	padding: 5px;
	clear: both;
	border: 1px solid #bbb;
	border-top: 0px solid #bbb;
	border-right: 2px solid #bbb;
	border-bottom: 3px solid #bbb;
	line-height: 18px;
}

.pmbox { 
	width: 500px;
	float: left;
	margin: 0px;
	color: #000; 
	background: #fff url(images/footerbg.jpg) repeat-x top;
	padding: 5px;
	clear: both;
	border: 1px solid #bbb;
	border-top: 0px solid #bbb;
	border-right: 2px solid #bbb;
	border-bottom: 3px solid #bbb;
	line-height: 18px;
}

.navbox { 
	width: 150px;
	display: inline;
	float: left;
	margin: 10px;
	background: #fff url(images/navbg.jpg) repeat-x top;
	padding: 5px 5px 20px 5px;
	border: 1px solid #bbb;
	border-top: 0px solid #bbb;
	border-right: 2px solid #bbb;
	border-bottom: 3px solid #bbb;
}


/* footer
   ------ */

.footer { 
	clear: both;
	height:60px;
	background: #fff url(images/footerbg.jpg) repeat-x bottom;
	text-align: center;
	margin:0px;
	padding: 0px;
	border-top: 1px solid #ccc;
	line-height: 18px;
}
	.footer a { color: #0000ff; background: inherit; }

a.info{
    position:relative; /*this is the key*/
    z-index:24; /*background-color:#f0f0f0;*/
	color: #256;
    text-decoration:none}

a.info:hover {z-index:25; background-color:#ff0}

a.info span{display: none}
a.info img{vertical-align: middle}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-0.5em; left:1.5em; width:20em;
    border:2px solid #256;
    background-color:#fcfc9a; color:#000;
    text-align: left;
	padding:5px;
}

input.btn {
   color:#555;
   font: 12px "Trebuchet MS", Tahoma, sans-serif; 
   font-weight:bold;
   background-color:#d5e3db;
   height:22px;
}

.profileselect {
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	font-size:	11px;
	padding-top: 1px; 
	padding-right:	1px;
	padding-bottom: 1px;
	padding-left: 1px;
	background-color: #FFFEC5;
}

/*   background-color:#fed; */

img.imgclick:hover {
border:2px solid #c0c0c0;
cursor:pointer;
}