body {
        font-family: verdana, helvetica, arial, sans-serif;
        font-size: 10px;
        text-align: center;
        background-color:White;
        
    }
    
html, body, #wrapper, h1 {
	margin: 0;
	padding: 0;
}

/********brouse***************/


#browse {
	float: left;
	width: 170px;
	margin: 0;
	padding: 0;
	
	
}

#browse dt {
	
	background-color:#FF6347;
	text-align: center;
	margin: 2px 2px 0px 2px;
 	padding: 2px 0;
	text-align: center;
	font-weight: bold;
	
}

#browse dd {
	background: white;
	border-bottom: 1px solid #659db4;
	padding: 0;
	margin:0 2px;
}

#browse dd a {
	color:#191970;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 3px 9px;
    text-align: left;
    font-size:11px;
}



#browse dd a:hover {
	background:#e8f5f2;
    color:#663300;
    font-weight: normal;
    
}

#browse .first {
	padding-top: 3px;
}

/**********brouse1***********/
#browse1 {
	float: left;
	width: 183px;
	
	
}

#browse1 dt {
	background-color:#228B22;
	margin: 2px 2px 0px 2px;
 	padding: 1px 0;
	text-align: center;
	font-weight: bold;
	
}

#browse1 dd {
	background: white;
	padding: 0;
	margin:0 2px;
}

#browse1 dd a {
	color:black;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 3px 0px;
    text-align: left;
    font-size:11px;
}





#browse1 .first {
	padding-top: 5px;
}

/**********brouse2***********/
#browse2 {
	float: right;
	width: 170px;
	margin: 0;
	padding: 0;
	background: white;
	border-bottom: 1px solid white;
}

#browse2 dt {
	background-color:#BA55D3;
	margin: 2px 2px 0px 2px;
 	padding: 10px 0;
	text-align: center;
	font-weight: bold;
	
}

#browse2 dd {
	background: white;
	border-bottom: 1px solid #659db4;
	padding: 0;
	margin:0 2px;
	text-align: left;
}

#browse2 dd a {
	
	color:#191970;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 3px 5px;
    text-align: left;
    font-size:11px;
}



#browse2 dd a:hover {
	background:#e8f5f2;
    color:#663300;
    font-weight: normal;
	
}

#browse2 .first {
	padding-top: 3px;
}


/*****************NEW CSS ************************/

#navigation a 
{ 
color:#000000; 
background: #fb0 url("images/left-tab.gif") left top no-repeat; 
text-decoration: none; 
padding-left: 15px ;
font-size: 12px;
font-weight: bold
 
} 

#navigation a span 
{ 
background: url("images/right-tab.gif") right top no-repeat; 
padding-right: 15px 
} 

#navigation a, #navigation a span 
{ 
display: block; 
float: left 
} 

/* Commented backslash hack hides rule from IE5-Mac \*/ 
#navigation a, #navigation a span 
{ 
float: none 
} 
/* End IE5-Mac hack */ 

#navigation a:hover 
{ 
color: #fff; 
background: #26a url("images/left-tab-hover.gif") left top no-repeat; 
text-decoration:none;
padding-left: 15px;
font-weight: bold 
} 

#navigation a:hover span 
{ 
background: url("images/right-tab-hover.gif") right top no-repeat; 
padding-right: 15px; 

} 

#navigation 
{ 
list-style: none; 
padding: 0; 
margin: 0 
} 

#navigation li 
{ 
float:left;  
display: block; 
margin: 0; 
padding: 0 
}