.block {
    color: #fff;
    background: #3cb371;
    padding: 20px;
    border: 2px dashed rgba(255,255,255,0.5);
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0 0 0 5px #3cb371, 0 2px 3px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 0 5px #3cb371, 0 2px 3px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 0 5px #3cb371, 0 2px 3px 5px rgba(0,0,0,0.5);
}

.block3 {
    color: #fff;
    background: #9B8C8C;
    padding: 15px;
    border: 2px dashed rgba(255,255,255,0.5);
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0 0 0 5px #9B8C8C, 0 2px 3px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 0 5px #9B8C8C, 0 2px 3px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 0 5px #9B8C8C, 0 2px 3px 5px rgba(0,0,0,0.5);
}

.block2 {
    color: #fff;
    padding: 20px;
    background: #b2946c;
    position: relative;
    z-index: 10;
}
 
.block2:before {
    content: "";
    position: absolute;
    background: #b2946c;
    margin: 4px;
    border: 1px #fff solid;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: -10;
}

.btn {  
  background: #B22222;
  border: 2px solid #B22222;
  color: #ffffff;
  width: 280px;
  padding: 10px 0;
} 

.btn1 {  
  background: #ddd;
  border: 2px solid #DDD;
  color: #111;
  width: 280px;
  padding: 10px 0;
} 

.btn2 {  
  background: #fff;
  border: 4px solid #DDD;
  color: #111;
  width: 280px;
  padding: 10px 0;
} 

.btn3 {  
  background: #fff;
  border: 4px solid #DDD;
  color: #111;
  width: 280px;
  padding: 5px 0;
} 

hr.li1 {
  height: 0px;
  border: none;
  color: #228B22;
  border-top: 1px #228B22 solid;
}
hr.li2 {
  height: 0px;
  border: none;
  color: #A0522D;
  border-top: 3px #A0522D solid;
}
hr.li3 {
  height: 0px;
  border: none;
  color: #FAEBD7;
  border-top: 1px #FAEBD7 solid;
}

#menu ul{
margin: 0; 
padding: 0; 
list-style: none;
}
#menu li{ 
display: inline; 
padding: 0; 
margin: auto; 
float: left;
}
#menu li a{
display: block; 
border-left: 1px solid #474655;
border-top: 1px solid #474655;
border-bottom: 1px solid #474655;
background-color: #fff;
padding: 3px;
text-decoration: none;
color: #333;
width: 200px;
height: 60px;
margin: 1px 0px;
text-align: center;
font-size: 14px;
}
#menu li a:hover{
border-left: 1px solid #474655;
border-top: 1px solid #474655;
border-bottom: 1px solid #474655;
background-color: #F3D898;
}
#menu #haji li a{
display: block; 
border: 1px solid #474655;
background-color: #fff;
padding: padding: 3px 10px;;
text-decoration: none;
color: #333;
width: 200px; 
height: 60px;
margin: 1px 0px;
text-align: center;
font-size: 14px;
}
#menu #haji li a:hover{
display: block; 
border: 1px solid #474655;
background-color: #F3D898;
}