.block10 { box-shadow: 0px 0px 0px 0px rgba(145, 188, 201, 1);
 opacity:0.6;filter:alpha(opacity=60) 
}

font-family: 'Marck Script', cursive;


#menu li .current-menu-item a
{
color:#da2727;
}



h4 { font-size:16px; color:#000000; display:inline;}

#ex4 {
 width: 800px;
 margin: 0 auto;
}

#ex4 img {
 margin: 20px;
 border: 5px solid #eee;
 -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
 -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
 box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
 -webkit-transition: all 0.5s ease-out;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
}

#ex4 img:hover {
 -webkit-transform: rotate(-15deg);
 -moz-transform: rotate(-15deg);
 -o-transform: rotate(-15deg);
}


.block1 { 
 margin: 0 auto;
 float: center;
 
 }

#links ul {

list-style-type: none;

width: 700px;

}



#links li {

 border: 1px dotted #999;

 border-width: 1px 0;

 margin: 5px 0;

 }

 

 #links li a { 

 color: #990000;

 display: block;

 font: bold 120% Arial, Helvetica, sans-serif;

 padding: 5px;

 text-decoration: none;

 }

 

 * html #links li a { /* make hover effect work in IE */

 width: 700px;

 }

 

 #links li a:hover {

 background: #ffffcc;

 }

 

 #links a em { 

 color: #333;

 display: block;

 font: normal 85% Verdana, Helvetica, sans-serif;

 line-height: 125%; 

 }

 

 #links a span {

 color: #125F15;

 font: normal 70% Verdana, Helvetica, sans-serif;

 line-height: 150%;

 }

.exampleMenuAnCSS {
 background-color:#18AF90;
 width:320px;
 -webkit-transition: 1s ease-in-out; 
 -moz-transition: 1s ease-in-out; 
 -o-transition: 1s ease-in-out; 
 transition: 1s ease-in-out;
}
 
.exampleMenuAnCSS:hover {
 background-color:#C70C98;
 -webkit-transform: rotate(360deg) scale(2); 
 -moz-transform: rotate(360deg) scale(2); 
 -o-transform: rotate(360deg) scale(2); 
 -ms-transform: rotate(360deg) scale(2); 
 transform: rotate(360deg) scale(2);
}
.block22 { 
 position: fixed;
 top: 550px;
}