body { padding: 5px 0 0 0; 
margin: 0; 
font:.7em Tahoma, Arial, sans-serif; 	 
line-height: 1.7em; 
background: #fff url(images/bg.gif) repeat-x; 
color: #454545;

 }

a { color: #005566; }
a:hover { color: #808080; 
}
p {	margin: 0 0 5px 0; }
h1 {font: bold 2.2em Arial, Sans-Serif; padding: 8px 0 0 0; margin: 0; letter-spacing: -1px; }
h2 { margin: 0; padding: 0; font: bold 1.6em Arial, Sans-Serif; letter-spacing: -1px; }
h3 { margin: 0; padding: 0; font: bold 1.8em Arial, Sans-serif; letter-spacing: -1px; }
h1 a, h2 a { color: #808080; background: inherit;}
h2 a:hover{color: #005566; text-decoration:none;}
ul { margin: 0; padding : 0; list-style : none;}
img { border: 0; }


/* layout */

#content { margin: 0px auto; width: 978px; }
#logo { margin: 0; }
#top_info { line-height: 27px; float: right; color: #808080;  margin: 12px 5px 0px 0; 
text-align: right; 
}


/* main horizontal menu */
#tablist{clear: both; 
float: left; 
padding: 0px 0 0 200px;
position: relative;
top: 0px; }
	#tablist li{ list-style: none; display: inline; margin: 0;}
	#tablist li a{
		float: left;		
		text-decoration: none;
		padding: 6px 0;
		background: url(images/barbg.gif) no-repeat;
		width: 84px;
		text-align: center;
		font-weight: bold;
		color: #008899;
	}
	#tablist li a:hover{
		background: url(images/barbg.gif) no-repeat;
		color: #006600;
	}
	#tablist li a.current{
		background: url(images/barcurrent.gif) no-repeat;
		color: #008899;
		
	}
	#tablist .key { text-decoration: underline; }

	/* search form styling */
	form{ margin: 0; padding: 0; line-height: 25px; }
	
		.button { padding: 4px; font: bold 1em Arial, Sans-Serif; }

	
/* left side */


#catmenub
{clear: both;

background: url(images/catbckmenu_b.gif) ;
position: relative;
height: 30px;
left: 18px;

width: 945px;
}
#catmenub a.catmenue
{background: url(images/catbckmenu_e.gif);
float: left;
height: 30px;
width: 3px;
position: relative;
left: 65px;}
#catmenub a.catmenub1 
{
background: transparent;
text-decoration: none;
float: left;
font-weight: bold;
text-align: center;
padding: 4px 3px;
color: #fff;
position: relative;
left: 65px;
}
#catmenub a.catmenub1:hover
{
background: url(images/catbckmenu_a.gif) repeat-x ;
margin-top:4px;
height: 15px;
color: #006600;
}
#catmenub a.current
{
background: url(images/catbckmenu_a.gif) repeat-x ;
margin-top:4px;
height: 15px;
text-decoration: none;
float: left;
font-weight: bold;
text-align: center;
padding: 4px 3px;
color: #006600;
position: relative;
left: 65px;
}
.bigimage {
float: left; 
margin: 5px 15px 0px 0;
line-height: 15px;
color: #808080; 
		}
#mainlt{
float: left;
width: 758px;
padding: 0; }
.titlebar{
clear: both;
height: 30px;
display: block; 
 }

.titlebar1{
width: 758px; 
clear: both;
float: left;
background: url(images/titlebar1.gif) repeat-y; 
padding-left: 8px;
 }
 
.titlebar1a{
 width: 758px;
 clear: both;
float: left;
background: url(images/titlebar1a.gif) repeat-y; 
padding-left: 8px;
}
.titlebar1c{

display: block; 
margin-left: -4px; 
width: 750px; 
background: transparent; 
border-bottom: 1px dotted #ccc; 
overflow: hidden;
}
.titlebart {

float: left;
color: #008899;
background: transparent; 
border-right: 1px dotted #ccc;
}
.titlebartl{

float: left;
color: #008899;
background: transparent; 
}

.titlebar2{
clear: both;
background: url(images/titlebar2.gif) no-repeat; 
width: 758px; 
height: 25px;
}
.textstyle
{
clear: both;

text-align:center;
color: #007788;


}

.questionbar{
width: 740px; 
clear: both;
float: left;
font-size: 1.1em;
color: #005566;
font-family: Arial;
background: url(images/titlebar1.gif) repeat-y; 
padding: 8px;
 }
.commentbar1{
clear:both;
font: 1.1em arial;
width:685px;
background-color: #ffffef; 
border: 1px solid #ccc;
margin-left: 15px;
padding-left: 8px;

}
.commentbar1a{
clear:both;
width:685px;
border: 1px solid #aaa;
margin-left: 15px;
padding-left: 8px;
font: 1.1em Arial;
}




#sidebarw{
float: right;
margin: 10px 0 0 0;
width: 206px;

}

.sidebart {
	float: right;
	background: url(images/sidebar_t.gif) no-repeat; 
	width: 206px;
	height: 22px;
	}
.sidebarb {
	float: right;
	background: url(images/sidebar_b.gif) repeat-y; 
	width: 206px;
	overflow: auto;	
	}
	.sidebarb1{
	display: block;
	width: 184px;
	margin: 8px;
	color: #008899;
	overflow: auto;
	background-color: #fff;
	border: 3px double #ccc;}
	.sidebarhdr{
	clear: both;
	width: 184px;
	background-color: #ddd;
	color: #008899;
	font-weight: bold;
	text-align: center;}

.topuser	{
height: 25px;
Float: Left;
border-bottom: 1px solid #ccc;
padding: 0 0 0 8px;
width: 84px;
}

.sidebard {
	float: right;
    background: url(images/sidebar_d.gif) no-repeat; 
	width: 206px;
	height:22px;
	}
.loginform{
float:left;  
width: 90px;
line-height: 12px;
}

.loginform1{
float:left;  
width: 110px;
line-height: 20px;

}
#commentstyle
{display: block; 
background: transparent; 
border-bottom: 1px solid #ccc; 
margin-right: 0px; 
color: #007788;
}

.signform{
float:left;  
width: 250px;
line-height: 20px;
margin-top: 2px;
color: #007788;
}
.account{
float:left; 
color: #007788;
width: 250px;
line-height: 20px;

}
.resname{
border-top: 2px solid #ccc;
clear: both;
float: left;
Margin-left: 50px;
margin-top:10px;
text-align:center;
color: #005500;
width: 600px;
line-height: 20px;

}
.resdetail{
clear: both;
float: left;
color: #007788;
width: 700px;
line-height: 20px;

}
.empform{
clear:both;
float:left;  
width: 350px;
margin-top: 2px;
line-height: 20px;
color: #007788;
}
.mnboxhdr { height: 19px; background: #fff url(images/mnboxhdr.gif) no-repeat; color: #007788;  }
.mnbox{ background: #fff url(images/mnbox.gif) no-repeat bottom left; color: #5b5b5b; text-align: justify; padding: 10px 10px 15px 15px; margin: 0 0 10px 0; height: 135px; }
.emphdr { height: 38px; background: #fff url(images/emphdr.gif) no-repeat; color: #007788;  }
.empbdy{ background: #fff url(images/empbdy.gif) no-repeat bottom left; color: #5b5b5b; padding: 10px 10px 15px 15px; margin: 0 0 10px 0; height: 200px; }
.resmnhdr {  background: #fff url(images/resmnhdr.gif) no-repeat; height: 30px; }
.resmnbdy{ background: #fff url(images/resmnbdy.gif) no-repeat bottom left; 
color: #5b5b5b; text-align: justify; padding: 0px 20px 5px 15px; margin: 0 0 10px 0; height: 125px; }

.srchresform{
clear: both;
float: left;
width: 150px;
margin-left:10px;
margin-top: 3px;
color: #008899;
font-weight: bold;
}
.srchresform1{
float: left;
margin-left:10px;
border:1px solid #ccc;
margin-top: 3px;
color: #008899;

}
.formaslink
{
float: left;
border: none;
background: transparent;
padding-bottom: 4px;
text-decoration: Underline;
height: 22px;
font-size: 12px;
color: #008899;
cursor: pointer
}

.smapne { clear: both; float: left; margin: -2px 0 2px 63px;}
.smapei {float: left; margin-left: 34px;}
.smape1  {float: left; margin: -5px 0 0 14px;}
.smape {clear: both; float: left;}
.smape li {list-style: none; padding-left: 80px; }

.left {
margin: 0; padding :0;
	float: left;
}

#footer { 

	clear: both;
	width: 970px;
	color: #808080;
	border-top: 1px solid #ccc;
	margin-top: 10px;
}
#footer .right { float: right; }