/* Resets
--------------------------------------------------*/
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, span, fieldset, legend, blockquote { margin: 0; padding: 0; }
li { list-style: none; margin: 0px; padding: 0px;}
img { border: none; }
a, a:link, a:visited, a:active, a:hover { font-weight: normal; color: #039; outline: none; text-decoration: none; border:none; }
p a, p a:link, p a:visited, p a:active, p a:hover { }

a:hover { color: #8EB349; text-decoration: none; }
hr, span, .plain-only{ height: 0px; display: none; }
body { font: 72.5% Georgia, "Times New Roman", Times, serif; margin: 0px; padding: 0px; background: #2D2510 url(../img/headwrap-bg.jpg) repeat-x; }
.clear { clear:both; }
h3.clear {margin-bottom:8px;}
.clearfix:after {    content: ".";    display: block;    height: 0;    clear: both;    visibility: hidden;    }
.clearfix {display: inline-block;}  /* for IE/Mac */
.pad {padding:10px;}
p { line-height: 1.8em; font-size: 1.1em; color: #000; padding-bottom: 10px; padding-top:10px; }
p.terms { font-size: 1em; }#wrap { width: 100%; }
.mcol h2,
.mcol p { display: none; }

/* General Smee .. pics and paras etc
--------------------------------------------------*/
.lcol .pic {margin-bottom:10px; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px;}
.pic-r {float:right; margin-left:20px;}
.pic-l {float:left; margin-right:20px; padding-bottom:8px}
p.image-title {color:#8EB349; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; padding-bottom:0px; margin-bottom:0px;}

h4.smaller span{display:inline;}
/* wraps and blocks
--------------------------------------------------*/

#headwrap { width: 100%; background: url(../img/headerwrap-bg.jpg) no-repeat center top; height: 253px; }
#head { height: 253px; background: url(../img/head.jpg) no-repeat; margin-right: auto; margin-left: auto; width: 980px; position: relative; }

#midwrap { width: 100%; background: url(../img/midwrap.jpg) repeat-x; margin: 0px; padding: 0px; }
#mid { position: relative; margin-right: auto; margin-left: auto; position: relative; width: 980px; padding-top: 0px; background: url(../img/repeet.gif) repeat-y; }
#contentwrap { background: #FFF; width: 100%; }
#content { width: 940px; margin-right: auto; margin-left: auto; padding-left: 20px; padding-right: 20px; padding-top: 13px; position: relative; clear: both; }

#footerwrap { width: 100%; background: repeat-x top; clear:both;}
#footer { width: 980px; margin-right: auto; margin-left: auto; position: relative; height: 180px; background: url(../img/footerv2.jpg);clear:both; }
#news-footer h3 { color: #FFF; font-weight: normal; font-size: 16px;  padding-bottom: 15px; padding-top: 20px; }


/* main nav
--------------------------------------------------*/
#main-nav { position: absolute; left: 17px; top: 213px; width: 818px; }
#main-nav li{float:left;}
#main-nav li a { display: block; float: left; height:26px; padding-top:14px; text-align: center; color: #E5D130; margin-right: 1px;}
#main-nav li.nshare a { position:absolute; width:125px; height:56px; float: none; right: -140px; top: -31px;}
#main-nav li.n1 a { background-color:#316330; width: 70px;  -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-top-left-radius: 6px; font-weight:bold; font-family:Tahoma, Geneva, sans-serif;}
#main-nav li.n2 a { background-color:#316330; width: 123px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-top-left-radius: 6px; font-weight:bold; font-family:Tahoma, Geneva, sans-serif;}

#main-nav .n1 a:hover, #main-nav li.n1 a.current { background: url(../img/main-nav-bg.jpg) 0px 0px; color: #FFF;  }
#main-nav .n2 a:hover, #main-nav li.n2 a.current { background: url(../img/main-nav-bg.jpg) -70px 0px; color: #FFF; }



/* top right nav
--------------------------------------------------*/
#top-nav { position: absolute; right: 10px; top: 0px; }
#top-nav li { display: inline; }
#top-nav li a { display: block; float: left; width: 75px; text-align: center; height: 20px; padding-top: 5px; font: 0.85em Verdana, Geneva, sans-serif; color: #FFF; }
#top-nav li.contact a { width: 70px; }
#top-nav li.login a { margin-right: 5px; }

/* structure page nav
--------------------------------------------------*/
#subnav { display: block; width: 220px; margin-bottom: 10px; }
#subnav li a{ padding: 5px 10px; display: block; text-align: left; color: #316330; background: #E9E9E9; border: 1px dotted #999; margin-bottom: 2px; }
#subnav li a:hover { background: #659821; color: #FFF; }

/* top panel head
--------------------------------------------------*/
#top-panel { background: no-repeat; position: relative; }
#top-panel .clear hr { clear: both; background: url(../img/theedge.gif); height: 10px; width: 980px; display: block; margin: 0px; padding: 0px; border-style: none; position: absolute; left: 0px; bottom: -10px; border-width: 0px; }
#top-panel.homepage { background: url(../img/top-panel.jpg); height: 280px; }
#top-panel .lcol { width: 170px; font-family: Verdana, Geneva, sans-serif; padding-top: 30px; padding-left: 50px; padding-right: 30px; float: left; }
#top-panel .lcol p { color: #FFF; line-height: 110%; font-size:11px; padding-top:10px; }
#top-panel .mcol { height: 260px; width: 380px; float: left; padding-top: 10px; padding-left: 4px; position: relative; }


#content h2 { font-size: 2em; font-weight: normal; padding-bottom: 2px; padding-top: 10px; border-bottom:dotted 1px #0C6; }
#content .lcol { float: left; width: 220px; }
#content .rcol { margin-left: 250px; padding-right: 110px; padding-bottom: 80px;}

.rcol h3 { color: #B02043; padding-bottom: 2px; border-bottom:dotted 1px #0C6;}
.rcol h3.tight {padding-bottom:0px;}

/* featured monster panels
--------------------------------------------------*/
.rcol .feature-panel-dark h3, .rcol .feature-panel-light h3 { margin-left: 140px; color: #FFF; font-size: 1.8em; font-weight: normal; padding-bottom: 8px; }
.rcol .feature-panel-light h3 { color: #360; }
.feature-panel-dark p, .feature-panel-light p { margin-left: 140px; color: #FFF; font: .85em/120% Verdana, Geneva, sans-serif; }
.feature-panel-light p { color: #360; }
.feature-panel-dark img, .feature-panel-light img { float: left; }
.feature-panel-dark a, .feature-panel-light a { background: url(../img/feature-panel-dark-a-bg.jpg) 0px 0px; width: 100px; display: block; height: 102px; position: absolute; bottom: 0px; right: -6px; }
.feature-panel-light a { background: url(../img/feature-panel-dark-a-bg.jpg) 200px 0px; }
.feature-panel-dark a:hover, .feature-panel-light a:hover { background: url(../img/feature-panel-dark-a-bg.jpg) 300px 0px; width: 100px; display: block; height: 102px; position: absolute; bottom: 0px; right: -6px; }
.feature-panel-light a:hover { background: url(../img/feature-panel-dark-a-bg.jpg) right top;}
.feature-panel-dark, .feature-panel-light { background: #990 url(../img/feature-panel-dark-corner.jpg) no-repeat right top; position: relative; padding: 10px 110px 10px 10px; margin-bottom:20px; }
.feature-panel-light { background: #CC0 url(../img/feature-panel-light-corner.jpg) no-repeat right top; }

/* fourboxes of hedgehogs
--------------------------------------------------*/
#fourboxes { padding-top: 13px; padding-left: 20px; }
#fourboxes .onecol {float:left; margin-right:10px;}
#fourboxes .onecol.box-1 a { height: 155px; width: 230px; background: url(../img/box-1new.jpg); display: block; }
#fourboxes .onecol.box-2 a { height: 155px; width: 230px; background: url(../img/box-2new.jpg); display: block; }
#fourboxes .onecol.box-3 a { height: 155px; width: 230px; background: url(../img/box-3new.jpg); display: block; }
#fourboxes .onecol.box-4 a { height: 155px; width: 220px; background: url(../img/box-4new.jpg); display: block; float: none; }

/* crumbs!
--------------------------------------------------*/
#content .rcol ul#crumbs { width:560px; margin-bottom:20px; display: block; font: 10px Verdana, Geneva, sans-serif;}
#content .rcol ul#crumbs li { color: #666; display: inline; background: url(none); margin: 0px; padding: 0px; }
#content .rcol ul#crumbs li a, #content .rcol ul#crumbs li a:link, #content .rcol ul#crumbs li a:visited, #content .rcol ul#crumbs li a:active { color: #666; display: block; float: left; margin-right: 10px; padding-right: 20px; border-right: none; background: url(../img/bullarrow.gif) no-repeat right bottom; }
#content .rcol ul#crumbs li a:hover{ color:#06C; text-decoration: underline; }

/* General Form Styles
--------------------------------------------------*/
form { margin: 5px 0 0px; font-size: 100%; padding-bottom: 20px; }
fieldset { border: 1px solid #999999; padding: 5px; }
legend {	padding: 5px;	font-weight: bold;	color: #1F1F1F;}
label { display: block; margin: 10px 0 4px; color: #333; font-weight: bold; padding: 0px; }
label.check, label.check2 { display: inline; }

textarea { width: 98%; border: 1px solid #7F9DB9; padding: 3px; font: 1em Verdana, Arial, Helvetica, sans-serif; color: #888; margin: 0; background: url(/templates/img/formshadow.jpg); }
select { width: 60%; }
input.check, label.check2 { background: none; border: none; width: auto; margin: 6px 4px 0 4px; }
label.check2 { width:150px; display:block; float: left; margin: 0px; }
input.submit{ display: block; height: 38px; width: 107px; color:#fff; font: bold 1em/100% Verdana, Geneva, sans-serif; width: 130px; margin-top: 15px; background: url(../img/boxpic-moreinfo.png) no-repeat 0px 0px; padding-left:8px; padding-top:2px; height: 26px; border-style: none; cursor:pointer; margin-left:0px; }
input.submit:hover{ color:#8EB349; display: block; height: 38px; width: 107px; font: bold 1em/100% Verdana, Geneva, sans-serif; width: 130px; margin-top: 15px; background: url(../img/boxpic-moreinfo.png) no-repeat 0px 0px; padding-left:8px; padding-top:2px; height: 26px; border-style: none; cursor:pointer; margin-left:0px; }
.error { padding:10px 20px 20px; background-color:#FCC; border: 1px dashed #F00;  margin-bottom: 15px;  }



/* Validation
--------------------------------------------------*/
.LV_validation_message{font-weight:bold; margin:0 0 0 5px;}
.LV_valid { color:#00CC00;}
.LV_invalid { color:#CC0000;}
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active { border: 1px solid #00CC00;}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active { border: 1px solid #CC0000; padding: 2px;}
span.LV_validation_message.LV_valid,  span.LV_validation_message.LV_invalid {display:inline;}



.entry-listing a .pic { float: left; margin-right: 20px; padding-top:2px;}
.entry-listing { width:620px; margin-bottom: 20px; background: url(../img/entry-listing-bg.jpg) no-repeat 0px 0px; padding: 10px; }
.entry-listing h3 a { display: block; padding-bottom: 5px; font-size:15px; width:400px;}
.entry-listing p {line-height:140%; padding-top:2px;}
.entry-listing .details { margin-left: 100px; width:400px; }
.entry-listing  p.date { font-size: 10px; margin: 0px; padding: 0px 0px 10px; }


.courses-listing a .pic { float: left; margin-right: 15px; width:140px; padding-top:10px; }
.courses-listing { margin-bottom: 20px; background: url(../img/courses-h3-bg.png) repeat-x 0px 0px; padding: 6px 150px 10px 10px; border: 1px solid #CCC; position: relative; width:525px;}
.courses-listing h3 a { display: block; padding-bottom: 5px; font-size:17px; color:FFF;}
.courses-listing p {line-height:140%;}
.courses-listing .details { margin-left: 160px; }
.courses-listing  p.date { font-size: 10px; margin: 0px; padding: 0px 0px 10px; }



.links-listing a .pic { float: left; margin-right: 20px; }
.links-listing {width:600px; margin-bottom: 20px; background: 0px 0px; padding: 7px 10px 10px; border-bottom: 1px dotted #CCC; }
.links-listing h3 a { display: block; padding-bottom: 5px; font-size:17px;}
.links-listing p {line-height:140%;}
.links-listing .details { margin-left: 180px; }
.links-listing  p.date { font-size: 10px; margin: 0px; padding: 0px 0px 10px; }
.links-listing .pic { float: left; }


.downloads-listing a .pic { float: left; margin-right: 20px; }
.downloads-listing {width:600px; margin-bottom: 20px; background: 0px 0px; padding: 7px 10px 10px; border-bottom: 1px dotted #CCC; }
.downloads-listing h3 a { display: block; padding-bottom: 5px; font-size:17px;}
.downloads-listing p {line-height:140%;}
.downloads-listing .details { margin-left: 90px; }
.downloads-listing  p.date { font-size: 10px; margin: 0px; padding: 0px 0px 10px; }
.downloads-listing .pic { float: left; }


.rcol .courses-listing h3 { color: #FFF; border:none; }
.courses-listing .details .date { height: 60px; width: 75px; position: absolute; right: 30px; no-repeat; font-size: 24px; margin: 0px; padding: 30px 0px 0px; text-align: center; }
.courses-listing .details .date b { display: none; }
.courses-listing .details .date u { text-decoration: none; font-size: 15px; margin: 0px; padding: 0px; line-height: 100%; }
.courses-listing .details a.readmore { display: block; background: url(../img/button100px.jpg) no-repeat; margin-left: 20px; width: 100px; text-align: center; margin-top: 10px; padding: 1px 0px 5px; color: #000; text-decoration: none; }
.courses-listing .details a.readmore:hover {color:#FFF;}

.rcol ul { margin-bottom: 10px; }
#content .rcol ul li { background: url(../img/menu-aro-off.png) no-repeat 0px 2px; padding-right: 3px; padding-bottom: 10px; padding-left: 20px; line-height: 150%; }

/* Page Gallery (mini-gallery)
--------------------------------------------------*/
#page-gallery { width:600px; float:left; margin-top:15px; margin-bottom:25px;}
#page-gallery a.highslide img { float:left; padding:3px; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius:6px; }
#page-gallery a.highslide img:hover {transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -moz-border-radius:6px; border-radius:6px; -webkit-border-radius:6px;}


/* Share and members
--------------------------------------------------*/
#top-panel .lcol h2.share { background: url(../img/share-big.jpg); height: 104px; width: 219px; position: absolute; left: 21px; top: 13px; }

.share .stories a { background: url(../img/stories.jpg) left top; height: 60px; width: 182px; display: block; position: absolute; left: 40px; top: 130px; }
.share .stories a:hover { background: url(../img/stories.jpg) right top; }
.share .photos a { background: url(../img/photos.jpg) left top; display: block; height: 60px; width: 182px; position: absolute; left: 40px; top: 200px; }
.share .photos a:hover { background: url(../img/photos.jpg) right top; }
#smoke { height: 420px; width: 450px; position: absolute; background: transparent; top: -60px; right:-40px; }

#top-panel .rcol ul.register li.becometh a { background: url(../img/become-a-member.jpg) no-repeat left top; height: 40px; width: 222px; display: block; }
#top-panel .rcol ul.register li.signinage a { background: url(../img/sign-in.jpg) no-repeat; height: 40px; width: 222px; display: block; }
#top-panel .rcol ul.register li  { float: left; margin-bottom: 14px; color: #FFF; }
#top-panel .rcol { margin-left: 654px; width: 285px; padding: 20px; }
#top-panel .rcol ul.register { padding-top: 40px; padding-left: 20px; }
#top-panel .rcol p.note { color: #FFF; display: block; margin: 0px; padding: 0px 20px; font: 10px Verdana, Geneva, sans-serif; }
#top-panel .rcol img.sign { position: absolute; right: 0px; top: 20px; z-index: 100000; }


/* comments
--------------------------------------------------*/
.comments-content-even, .comments-content-odd { position:relative; margin: 0px; padding: 0px; }
.comments-content-odd { background: #DAC796; color: #333; }
.comments-content-even { background: #C6DB95; color: #CCC; }
h4.comments { color: #FC0; font-size: 16px; font-weight: normal; margin-top: 20px; clear: left; }
.comments-content-odd dl .name { font-weight: bold; font-size: 120%; }
dl dd p { display: block; margin-top: 20px; padding-right: 20px; padding-left: 0px; }
dl { padding: 10px; }
dl .name { font-size: 120%; font-weight: bold; color: #333; }
.rcol dl .name em { position: absolute; right: 10px; font-size: 10px; }


/* Login Panel
--------------------------------------------------*/
#loginbox { padding:5px 15px; background: url(/templates/img/login-bg.png) no-repeat; }
#loginbox form input.usr { background: #FFF url(/templates/img/user.gif) no-repeat; padding-left: 30px; padding-top: 1px; }
#loginbox form img { vertical-align: top; margin-right: 5px; }
#loginbox form .submit { margin-left: 23px; margin-top: 25px; margin-bottom: 15px; }
#content p.login { padding:0px; font-weight:bold; margin-bottom:0px;}
#loginbox ul li { padding-left: 20px; background: url(/templates/img/bullarrow.gif) no-repeat 0px 2px; }
#loginbox ul { color: #333; padding-bottom: 20px; }

#content .lcol #loginbox form p a, #content .lcol #loginbox form p a:link, #content .lcol #loginbox form p a:visited, #content .lcol #loginbox form p a:active { text-decoration: none; font: 10px Verdana, Geneva, sans-serif; padding-top:6px; display: block; }

#entryform #info { margin-top: 20px; padding: 20px; text-align: center; border: 1px dotted #900; background: #F7F2B3; }
#content #entryform #info p { text-align: center; }
#entryform #info img { margin-bottom: 10px; }

.ff-ft span {display:inline; visibility:visible;}

.ngen-file-choose-existing {display:none;}

.rcol .courses-listing .details ul#bookbutts li.enq { background: url(../img/but-enquire.jpg); height: 38px; width: 107px; padding: 0px; position: absolute; top: 130px; right: 12px; }
.rcol .courses-listing .details ul#bookbutts li.book { background: url(../img/but-book.jpg); height: 38px; width: 107px; padding: 0px; position: absolute; top: 170px; right: 12px; }
.edit-entries a.edit-but { background: #093; color:#FFF; padding: 0px 4px; }
.edit-entries a.view-but { background: #F60; color:#FFF; padding: 0px 4px; }
.edit-entries a { border: 1px solid #fff; }
.edit-entries a:hover { border: 1px solid #000; }
.rcol ul.edit-entries {  padding-top: 10px;  margin-bottom: 20px; padding-bottom: 0px; padding-right: 15px; }
.rcol ul.edit-entries li { padding-bottom:10px; border-bottom:1px dotted #999; margin-bottom: 10px; background: url(none); padding-left: 0px; }

#bookbutts a { display: block; height: 38px; width: 107px; color:#fff; font: bold 1em/100% Verdana, Geneva, sans-serif; width: 130px; margin-top: 15px; background: url(../img/boxpic-moreinfo.png) no-repeat 0px 0px; padding-left:30px; padding-top:5px; height: 26px; border-style: none; cursor:pointer; margin-left:0px;}
#bookbutts a:hover { display: block; height: 38px; width: 107px; color:#8EB349; font: bold 1em/100% Verdana, Geneva, sans-serif; width: 130px; margin-top: 15px; background: url(../img/boxpic-moreinfo.png) no-repeat 0px 0px; padding-left:30px; padding-top:5px; height: 26px; border-style: none; cursor:pointer;}
#bookbutts .book li {margin-left:0px;}
#bookbutts li {margin-left:60px;}

#footer li.eu a { height: 80px; width: 130px; position: absolute; top: 5px; left: 620px; display: block; }

#footer #links { padding-top: 120px; padding-left: 10px; clear:both;}

#footer #links li a { float: left; display: block; color: #8A8A00; font: 10px Verdana, Geneva, sans-serif; padding-left: 10px; border-left: 1px groove #8A8A00; margin-right: 10px; }
#footer #links li a:hover { color: #CC0; }
.member { padding-bottom: 20px; }
#footer .addthis {float:right; width:220px; padding-bottom:30px; padding-right:5px;}
#footer .addthissmall {float:right; width:110px; padding-bottom:30px; padding-right:5px;}

/* Adams Scroller
--------------------------------------------------*/
#moveit { height:260px; width:600px; background-color:#8eb349; padding:8px; margin-bottom:0px; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; position:relative;}

span.adambox { display:block; color:#FFF; float:left; width:200px; height:260px; background-color:#316330; padding-right:15px; padding-left:15px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px;
}
.items div .pic-l {margin-right:0px;}
span.adambox p {font-size:9pt; font-family: "Times New Roman", Times, serif line-height:1.7em; color:#fff; width:190px; padding-bottom:10px;}
span.adambox h2{font-size: 14px; font-weight: bold; padding-bottom:2px; border-bottom:dotted 1px #0C6;}
span.adambox h2 a:hover {color:#0C9;}
span.adambox h2 a:active {color:#0C6;}
span.adambox a.readmore {color:#0C6; font-family:"Times New Roman", Times, serif display:block;}
span.adambox a.readmore:hover {color:#0F6;}
span.adambox a.readmore:active {color:#0C6;}


/* calender 
--------------------------------------------------*/
.calendarBG { color: #000; margin-left: 0px; float: right; font: 10px Verdana, Geneva, sans-serif; padding-top:28px;}
.calendarBG .calendarCell { border: 1px solid #999; background: #2fb36d; color: #FFF; height: 21px; width:36px;}
.calendarBG .calendarRow .calendarCell a { background: #22995a; color: #FFF; display: block; font-weight: bold; vertical-align: baseline; height: 16px; padding-top: 1px; }
.calendarBG .calendarRow .calendarCell a:hover { background: #666; color: #FFF; display: block; font-weight: bold; }

.calendarBG .calendarHeader th { background: #333; font-weight: bold; padding-top: 3px; padding-bottom: 5px; }
.calendarBG .calendarRow .calendarToday, .calendarBG .calendarRow .calendarToday a { background: #9C6; color: #000; font-weight: bold; }
.calendarBG tr .calendarDayHeading { background: #666; text-align: center; font-weight: normal; color: #fff; padding-top: 6px; padding-bottom: 6px; }
.calendarBG .calendarHeader th a { color: #FFF; font-weight: bold; }
.calendarBG .calendarMonthLinks td .calendarPrevMonth, .calendarBG .calendarMonthLinks td .calendarNextMonth{ padding-top: 10px; padding-bottom: 0px; }
.calendarBG .calendarHeader th a { padding-top: 0px; padding-bottom: 0px; display: block;  }
.calendarBG .calendarMonthLinks td a { font-size: 1.1em; font-weight: bold; font-family:Georgia, "Times New Roman", Times, serif; }
.calendarBG .calendarMonthLinks td a img { vertical-align: text-top; }
a.showdeets { color: #FFF; background: url(/templates/img/showdeets.gif); height: 24px; width: 171px; display: block; float: left; padding-left: 8px; padding-top: 3px; margin-top: 12px; font-size: .85em; }

/* extended calendar stuff
--------------------------------------------------*/

.pic-listing { float:left; margin-bottom:10px; border: 1px solid #EAE6DB; padding: 3px; background: #c7bda4; margin-right: 20px; }
.treatment { width: 424px; background: #CCC; padding: 10px 10px 16px; margin-bottom: 10px; position: relative; margin-top:12px; }
.treatment:hover{ background: #666; }
.visitweb { background-image: url(/templates/img/visitweb.gif); height: 26px; width: 138px; background-repeat: no-repeat; display: block; float: right; margin-top: 10px; }




#event-pic a { float: left; margin-right: 12px; margin-bottom: 40px; }
#event-pic { height: 100px; width: 100px; float: left; margin-right: 20px; }
p.date {display:none; font-size:14px; color: #666; border-top: 1px solid #900; font-family:"Times New Roman", Times, serif; font-weight:bold; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;	
    }
#eventbox { min-height:130px; background-color: #E6FFF7; padding:10px; margin-bottom:10px; margin-top:18px; -moz-border-radius:5px; -webkit-border-radus:5px; border-radius:5px; border: 1px solid #93DCFF; width:600px; }
#eventbox:hover {background-color:#C1FFFF;}
h3.eventtitle {display:block; width:300px; float:left; font-size:20px;}
h3.eventtitle a:hover {color:#06C;}
p.short {margin-top:7px; margin-bottom:12px;}
.pic-1 {margin-top:12px; float:left; margin-right:20px; margin-bottom:8px;}
p.eventdate {/*border-bottom: 1px solid #900;*/

float:right;
font-size:12px;
padding-right:25px;

}
a:hover.readmore  {color:#06C;}

p.details {padding-bottom:2px;}