@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700');
ul.drop { width: 220px; }
ul.drop li { font-size: 12px; font-family: 'Roboto Slab', serif; line-height: 22pt; background-image: url(../siteimages/core/m-line.png); background-repeat: no-repeat; text-align: left; text-indent: 20px; position: relative; left: 10px; width: 220px; height: 30px; padding-left: 10px; }
ul.drop li.hover, ul.drop li:hover { background-image: url(../siteimages/core/m-over.png); background-repeat: no-repeat; -o-transition: color .2s, background-image .2s; -ms-transition: color .2s, background-image .2s; -moz-transition: color .2s, background-image .2s; -webkit-transition: color .2s, background-image .2s; transition: color .2s, background-image .2s; }
ul.drop a:link, ul.drop a:visited	{ color: #fff; text-decoration: none; text-align: left; width: 210px; padding-left: 10px; display: block; }
ul.drop a:hover		{ color: #fff; }
ul.drop ul { width: 180px; float: left; }
ul.drop ul li { font-weight: normal; }
ul.drop-v *.dir { color: #fff; background-image: url(../siteimages/core/m-side.png); background-repeat: no-repeat; cursor: pointer; }
ul.drop, ul.drop li, ul.drop ul { list-style: none; margin: 0; padding: 0 0 0 0;}
ul.drop li { float: left; }
ul.drop li.hover, ul.drop li:hover { position: relative; z-index: 500; cursor: default;}
ul.drop { position: relative; z-index: 597; float: left;}
ul.drop ul { visibility: hidden; position: absolute; top: -20px; left: -230px; z-index: 598; width: 100%; }
ul.drop ul li { float: none; }
ul.drop ul ul { top: 1px; left: 99%;}
ul.drop li:hover > ul { visibility: visible;}
.hdr { color: #969696; font-size: 11px; font-family: 'Roboto Slab', serif; line-height: 25px; background-image: url(../siteimages/core/m-hdr.png); background-repeat: no-repeat; text-indent: 20px; position: relative; left: 10px; width: 220px; height: 25px; float: left; }
.top { background-image: url(../siteimages/core/m-top.png); background-repeat: no-repeat; position: relative; left: 10px; width: 220px; height: 20px; }
.bot { background-image: url(../siteimages/core/m-bot.png); background-repeat: no-repeat; position: relative; left: 10px; width: 220px; height: 20px; float: left; }
.mid { color: #fff; font-size: 12px; font-family: 'Roboto Slab', serif; line-height: 20px; background-image: url(../siteimages/core/m-mid.png); background-repeat: repeat-y; position: relative; left: 10px; width: 160px; float: left; padding: 8px 30px; }
.mid p { margin: 0; padding: 0; }
.mid h1 { color: #fff; font-size: 12pt; font-family: 'Roboto Slab', serif; font-weight: bold; line-height: 15pt; margin: 0 0 8px; }
.midlink { color: #fff; font-size: 12px; font-family: 'Roboto Slab', serif; line-height: 20px; background-repeat: repeat-y; position: relative; left: 10px; float: left; }
.midlink a:link, .midlink a:visited { color: #fff; background-image: url(../siteimages/core/m-over.png); background-repeat: no-repeat; text-decoration: none; width: 160px; height: 25px; padding-top: 5px; padding-right: 30px; padding-left: 30px; display: block; -o-transition: background-image .6s; -ms-transition: background-image .2s; -moz-transition: background-image .2s; -webkit-transition: background-image .2s; transition: background-image .2s; }
.midlink a:hover { color: #fff; background-image: url(../siteimages/core/m-side.png); background-repeat: no-repeat; text-decoration: none; width: 160px; height: 25px; padding-top: 5px; padding-right: 30px; padding-left: 30px; display: block; -o-transition: background-image .6s; -ms-transition: background-image .2s; -moz-transition: background-image .2s; -webkit-transition: background-image .2s; transition: background-image .2s; }
.date { color: #c8c8c8; font-size: 12px; font-family: 'Roboto Slab', serif; line-height: 16px; text-align: center; width: 220px; height: 30px; margin-left: 10px; }
.search { font-size: 8pt; font-family: 'Roboto Slab', serif; background-image: url(../siteimages/core/searchbg.png); background-repeat: no-repeat; background-position: 0 -10px; width: 180px; height: 28px; margin-top: 0; margin-bottom: 0; margin-left: 10px; padding: 11px 20px; }
.box { color: #fff; font-size: 9pt; font-family: 'Roboto Slab', serif; line-height: 28px; background-color: #12a651; background-image: url(../siteimages/core/searchicon.png); background-repeat: no-repeat; background-position: left 0; text-align: left; text-indent: 20px; width: 150px; height: 28px; float: left; margin: 0; padding: 0; border-width: 0; }
.button { width: 28px; height: 28px; float: left; margin: 0 0 0 2px; padding: 0; border-width: 0; cursor: pointer; }