@charset "utf-8";
/*Main CSS Document */

body{

background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
}



/*CSS for Slide Panel(upper right corner)*/
.intro{
font-family:Arial, Helvetica, sans-serif;
padding:10px 10px 10px 10px;
font-size:12px;
color:#000;
}

.intro a:link,.intro a:visited{
font-family:Arial, Helvetica, sans-serif;
padding:10px 10px 10px 10px;
font-size:1em;
color:#0e4486;
text-decoration:none;


}
.intro a:active,.intro a:hover{
font-family:Arial, Helvetica, sans-serif;
padding:10px 10px 10px 10px;
font-size:1em;
color:#000;
text-decoration:underline;
}


a:focus {
	outline: none;
}

.bt{
font-size:12px;}

.fodri{
 position:absolute;
  
  top:0;
  left:800px;
  right:auto;
  
  }
#panel {
background: #fff;
color:#3077a1;
font-size:.8em;
font-weight:bold;
	height: 150px;
	display: none;
	width:200px;
	border:solid 1px #422410;
}
.slide {
	margin: 0;
	padding: 0;
	
	background: url(../images/btn-slide11.gif) no-repeat center top;
}
.btn-slide {

	background: url(../images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 154px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 80%/100% Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
}

.active {
	background-position: right 12px;
}

/*End of css for slide panel*/

#menu
{margin-top:15px;
border:dashed 0px #3f3f3f;
width:850px;
background:#FFFFFF;
}


#side{
margin:20px 0 0 0;
border-bottom:1px dashed #000;
width:227px;
font-size:.7em;
}
#side a{color:#3077a1; font-weight:bold;}



.accordion2 {
margin:0;
width:100%;
border-bottom: solid 0px #c4c4c4;
}
.accordion2 h3 {
	background: url(../images/arrow-square.gif) no-repeat right -51px;
	color:#000;
	padding: 5px 5px 5px 5px;
	margin: 0;
	font:12px Arial, Helvetica, sans-serif;
	border-bottom: solid 1px #c4c4c4;
	
	cursor: pointer;
}
.accordion2 h3:hover,.accordion2 h3:focus{
border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	
	color: #369dcc;
}
.accordion2 h3.active {
background-color:#369dcc;
color:#FFFFFF;
	background-position: right 5px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	
}
.accordion2 p {
	background: #ffffbe;
	font-size:12px;
	margin: 0;
	
	padding:10px 0px 10px 0px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	display:none;
	width:100%;
	 
}


  
<style type="text/css">      
        .accordion2 {
		margin:0;
		padding:0;
		border-bottom: solid 0px #c4c4c4;
}
.accordion2 h3 {
	color:#3077a1;
	padding: 3px 1px 3px 1px;
	margin: 0;
	font-size:12px; 
	border-bottom: solid 1px #c4c4c4;
	
	cursor: pointer;
}
.accordion2 h3:hover,h3:focus{
border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	

}
.accordion2 h3.active {

background-color:#369dcc;
color:#FFFFFF;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	
}

