@charset "utf-8";
/* CSS Document */



.eropbtn {background-color:rgb(181,96,181,0.4); color: white; font-weight:bold; font-size: 24px; border: none; background-color:transparent; padding:12px; border-bottom:1px solid gold; border-top:1px solid gold;}

.eropdown {position: relative; display inline-block; float:left;}

.eropdown-content {background-image:url(../pngs/olivevine-blog.fw.png); background-position:center center; display: none; position: absolute; min-width: 160px; z-index: 1;}

.eropdown-content a {color: black; padding: 12px 16px; text-decoration: none; display: block;}

.eropdown-content a:hover {background-color:rgb(255,215,0,0.2);}

.eropdown:hover .eropdown-content {display: block; width:400px;}

div.slant {-ms-transform: rotate(-3deg); /* IE 9 */ transform: rotate(-3deg);}





.eropbtn1 {background-color:rgb(197,175,137,0.5); color: white; font-weight:bold; font-size: 24px; border: none; background-color:transparent; padding:12px; border-bottom:1px solid gold; border-top:1px solid gold;}

.eropdown1 {position: relative; display inline-block; float:right;}

.eropdown1-content {background-image:url(../pngs/olivevine-blog.fw.png); background-position:center center; display: none; position: absolute; min-width: 160px; left:-258px;}

.eropdown1-content a {color: black; padding: 12px 16px; text-decoration: none; display: block;}

.eropdown1-content a:hover {background-color:rgb(255,215,0,0.2);}

.eropdown1:hover .eropdown1-content {display: block; width:400px;}

div.slant1 {-ms-transform: rotate(3deg); /* IE 9 */ transform: rotate(3deg);}