*{margin:0; padding:0;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin:20px auto;
	font-size:11px;
	
}

td a img{margin:5px 0px;}





body{   
		background:url("image/bg.gif") repeat-y #B3B3B3;
		margin:0px;
		padding:0px;
		width:1200px;
		font-size:12px;
		font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
		
		}
		


.left{float:left;}
.right{float:right;}
		
.clear{clear:both;}

a:hover{ text-decoration:none;}
/**********************

wrap

**********************/

#wrap{	
		float:left;
		width:637px;
		padding-left:108px;
		min-height:500px;
	    background:url("image/bg_wrap.gif") no-repeat top;
	  }
	  
#logo{float:right;}
	#nav li{float:left;}
		#nav li a{display:block;width:80px;height:20px;padding-top:2px;}	
#nav{margin-top:33px;} 

#nav_1{ background-color:#8C8C8C;}
#nav_2{ background-color:#7a7a7a;padding-left:5px;}
#nav_3{ background-color:#686868;padding-left:10px;}
#nav_4{ background-color:#525252;padding-left:15px;}


	#nav li a{color:#FFFFFF;font-weight:700; text-decoration:none;}
	#nav_4:hover,#nav_3:hover,#nav_2:hover,#nav_1:hover{background:#CCCCCC;color:#333333;}


		/****    banner    ****/
			#banner{margin-top:10px;}
			
						.fragment1 .banner_right img,.fragment2 .banner_right img ,.fragment3 .banner_right img  {float:right;}
			
				/*
				button
				*/
			
			#anchors,.anchors{float:left;}
			/*
			
			Tabs - important styles to ensure accessibility in print
			
			*/
			@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
				.tabs-hide {
					display: none;
				}
			}
			@media print {
				.anchors {
					display: none;
				}
			}
			
			/*
			
			Tabs - not important for accessibility, just for the look of it...
			
			*/
			.fragment2,.fragment3,.fragment4 ,.fragment5{ display:none;}
			
				ul.anchors { margin: 0 auto;display:block; padding: 0;width: 160px; }
			.anchors {float:left;}
			
			
			/* attaching active state to background of li for pre-loading */
				.anchors .tab5 {	background: #333333 no-repeat ;}
				.anchors .tab4 {	background: #333333 no-repeat ;}
				.anchors .tab3 {	background: #333333 no-repeat ;}
				.anchors .tab2 {	background: #333333 no-repeat ;}
				.anchors .tab1 {	background: #333333 no-repeat;}
			
			
				.anchors li {height:45px; width: 160px;margin:0 0 10px 0; float:left;}
					.anchors li a {display: block; position: relative; top: 0px; left:0; z-index: 2; ; color: #000;height:45px; width: 160px; }
			
				#box_pro_exploer img{margin-left:10px;}
				/* Tab Rollovers */
							.anchors .tab5 a:link, .anchors .tab5 a:visited { background:#333333 no-repeat ;position:static;}
							.anchors .tab4 a:link, .anchors .tab4 a:visited { background:#333333 no-repeat ;position:static;}
							.anchors .tab3 a:link, .anchors .tab3 a:visited { background:#333333 no-repeat ;position:static;}
							.anchors .tab2 a:link, .anchors .tab2 a:visited { background:#333333 no-repeat ;position:static;}
							.anchors .tab1 a:link, .anchors .tab1 a:visited { background:#333333 no-repeat ;position:static;}
			
				/* Makes the text disappear */
				.anchors span {display:block;height:0;width:0; overflow: hidden;font-size: 1px;color: #3B88AF;}
				.anchors .tabOn5 {	background: #cccccc no-repeat ; }
				.anchors .tabOn4 {	background: #cccccc no-repeat ; }
				.anchors .tabOn3 {	background: #cccccc no-repeat ; }
				.anchors .tabOn2 {	background: #cccccc no-repeat ; }
				.anchors .tabOn1 {	background: #cccccc no-repeat ; }
			
				section-1,section-2,section-3,section-4,section-5{float:left;margin-right:15px;height:122px;width:129px;background:url("images/bg_section.gif") no-repeat;}
/***** banner end******/
		
		#content{margin:10px 30px 0 20px; line-height:160%; color:#333333; }
		
		#content h1{ font-size:200%; font-weight:lighter;color:#666666;margin-bottom:20px;}

		#content img.left{margin-right:40px;}
		#content p.overview{ font-size:11px;}

		#content #table{margin:30px auto; width:510px;padding:8px 22px;background:url(image/bg_table.gif) no-repeat top center;}
		#content #table h1{ float:left;}#content #table h1 strong{color:#990000;}
		
		#content #table .btn{ float:left; width:130px;height:27px; text-align:center;color:#990000;font-weight:700;margin-left:10px; background:url(image/btn_table.gif) no-repeat;}
		#content #table .btn:hover{text-decoration:underline;}
		#content #table table,#content #table table th,#content #table table tr{
	margin: 0;
	border: 0;
	outline: 0;
	font-size: 11px;
	color:#333333;
	vertical-align: baseline;
	background: transparent;
	text-align:left;
}

		#content #table_home{margin:30px auto; width:550px;padding:30px 0 0 0;background:url(image/bg_table_home.gif) no-repeat top center;}
	#content #table_home table{ border:#B6B6B6 1px solid; text-align:center;margin:0px 0px 30px 0px; font-size:9px; font-weight:400; line-height:120%;}
	
	#content #table_home ul{margin:20px 0 0 75px ;}

	#content #table_home ul li {
 float:left;background-image:none;width:75px;height:130px;padding:2px 10px 0px 10px; text-align:center;
font-size:9px; line-height:100%;
}
#content #table_home ul li p{margin-bottom:5px;}
		
	#content #table_home ul li.sel {
background-image:url(image/bg_tab.gif)

}	


#evaluation {width:215px;padding:30px 20px 5px 20px; height:20px; background:url("image/btn_evaluation.gif") no-repeat ;font-size:11px; text-align:center;color:#666666; display:block;margin:30px auto;}

#information {width:215px;padding:30px 20px 5px 20px; height:20px; background:url("image/btn_information.gif") no-repeat ;font-size:11px; text-align:center;color:#666666; display:block;margin:30px auto;}


.dis{display:block;}
.undis{display:none;}
/**********************

sidebar

**********************/	  
#sidebar{	
		float:left;
		width:220px;
		min-height:150px;
	    background:url("image/bg_sidebar.gif") no-repeat top;
		padding:98px 15px;
	  }
			#sidebar #links li a{font-weight:700; 	
					color:#FFFFFF;
				    line-height:240%; 
					text-decoration:none;
					
				}
				


			#sidebar #links li a:hover{color:#990000;}

	#sidebar a{color:#ffffff;line-height:160%;}

/**********************

ad

**********************/	
#ad{	
		float:left;
		width:185px;
		padding-left:15px;
		padding:100px 0;
		margin:0 0 0 15px;
	  }
	  
	#ad img{margin-bottom:15px;}