body{font:62.5%/1.5 Georgia, Times New Roman, Times, Serif;text-align:center;color: #000;background:#232323 url(../images/detail/bg.gif);}
body, div, h1, h2, h3, h4, h5, h6, span, a, p, blockquote, ul, ol, li, form,img, dl, dt, dd, form {
margin:0;padding:0;border:0;}
.clear{clear:both}

/*========================== TYPOGRAPHY ============================*/

#leftcol h1{width:162px;height:96px;position: absolute;top:48px;left:20px;} 
#leftcol h1 a{overflow: hidden;font-size: 1px;width:162px; height:0;padding-top:96px;background:  url("../images/detail/glorious_gardens.gif") no-repeat;position: absolute;top:0px;}
h2#leftnav_heading{text-indent:-5000px; width:160px;height:25px; background:url(../images/detail/the_gardens.gif) no-repeat;padding-bottom:6px;margin-left:3px;}
#topnav{font:1.2em Verdana, Arial, sans-serif;}
#leftnav{font: 1.1em Verdana, Arial, sans-serif;}
#content h1{color:#273b1f;font-size: 2.4em; font-weight:normal;margin-bottom:0em}
#content h2{color:#273b1f;font-size:1.9em;font-weight:normal;border-bottom:1px dotted #010101;margin-bottom:5px;padding-bottom:5px;padding-left:35px;background:url(../images/detail/leaf.gif) no-repeat left center;}
#content h3{margin:2px 0 2px 0; font-size:1.6em; color:#666}
#content p, #sup_nav p{font-size:1.4em;margin:1em 0.2em 1em 0.2em}
#content .inner li{font-size:1.4em;margin:0.3em 0 0.2em 0}
#content .inner ul.error{margin-left:2em;color:#cc0000;list-style:square;padding-bottom:2em;}
#content .inner ul{margin-left:4em;list-style:square;}
#content .inner ol{margin-left:4em;list-style:decimal;}
#sup_nav ul{ border-top:1px dotted #666; list-style:none; margin:0 1em 0 0}
#sup_nav li{font-size:1.2em; padding:0.5em 0 0.5em 0; border-bottom:1px dotted #666; line-height:1.4}
#home-info h1{color:#000000;font-size:1.9em;line-height:1.0; font-weight:normal;margin:1em 0 0 0}
#home-info p{color:#000;font-size: 1.4em; line-height:1.4}
#footer{font:1.1em Verdana, Arial, Sans-serif; color:#fff}
dt, dd {font-size:1.4em}
#content  blockquote {font-size: 1.4em;color:#777;font-style: italic;margin:0 2.5em 1em 2em; line-height:1.25}

.home-features{line-height:1.4;font-size:0.85em; color:#444}
.home-features p{font:0.9em Verdana, Arial, sans-serif; line-height:1.3; }
.home-features li{font:1.3em Verdana, Arial, sans-serif}
.home-features ul{margin:1em 0 0 0.8em; list-style:none} 
.home-features li{margin:0 0 0.4em 0; background:url(../images/detail/blt.gif) left top no-repeat; padding-left:1.3em}
 
#news-page #content h2, #event-page #content h2{border:0; background:0;padding-left:0; padding-botton:0; margin:0 0 0 0; line-height:1.1}
#news-page #content h2 a{text-decoration:none}
#content p.date{font-size:1.1em; margin:0 0 10px 0; color:#666}
#content p.read-more{text-align:right}

#sup_nav li a{text-decoration:none}
.archive-date{font-size:1.4em; line-height:1.3em;padding:0 0 10px 2.0em}
#content #sup_nav  p.monthlyarchive {margin:1em 0 0 0}
#content #sup_nav  p.blogfeed{margin:0.5em 0 0 0}

#event-page #content h2.zem_event_name{margin:10px 0 0 0}
#content div.zem_event_description{margin:5px 0 10px 0}
#content div.zem_event_description p{margin:0 0 0 0}
#content ul.event-details{background:#eee; padding:5px; border:1px solid #ccc; border-width:1px 0 1px 0; list-style:none; margin
:0 0 2em 0; font-weight:bold}
#content .event-details li{display:inline; padding:0; font-size:1.1em}
#content .event-details li.zem_event_date{padding-right:0.2em;}
#content .event-details li.zem_event_time{padding-left:1em;padding-right:0.2em}


#errormsg{padding:0;margin:0;color:#cc0000;font-size:1em;}

/*========================== LINKS ============================*/

a {text-decoration:underline;color:#22361b;}
a:hover{text-decoration:underline;color:#8A1E05;}
#footer a{color:#CCCCCC}
#footer a:hover{color:#fff}

/*========================== LAYOUT ============================*/

#wrapper{margin:auto;width:960px;text-align:left;border-left:2px solid #000000;border-right:2px solid #000000;background:#ffffff url(../images/detail/slice.jpg) repeat-y;position:relative;}

#leftcol{width:210px;float:left;background:url(../images/detail/leftcol_ivy_leaves.gif) no-repeat;}

#rightcol{width:750px;float:right; }

#content{margin:0 0 1em 0;padding:1px;position:relative;} 
#content .inner{margin:65px 20px 0 30px;}

#contact #content  .inner{width:45em}

#content .links dl{overflow:hidden;}
#content .links dt{width:44%;float:left;text-align:left;padding:3px 15px 3px 0;clear:both;}
#content .links dd{float:left;width:49%;padding:3px 15px 3px 0;}
#content .links h2 {margin-top:1em;clear:both;}

#content .planning-a-visit dl{overflow:hidden;float:left;width:440px}
#content .planning-a-visit p{overflow:hidden;margin-left:0;width:440px}
#content .planning-a-visit dt{width:40%;float:left;clear:both;text-align:left;padding:3px 15px 3px 0;}
#content .planning-a-visit dd{float:left;width:55%;padding:3px 0px 3px 0;}
#content .planning-a-visit h2 {margin-top:1em;clear:both;}
#content .planning-a-visit img{clear:both;float:right;border:1px solid #000; margin:3px auto 0.5em auto}

#footer{clear:both;background-color:#000000;padding:7px 10px 7px 10px;}
#top-info{margin:60px 20px 0 30px; width:390px;float:left;display:inline}
#gallery{margin:7em 20px 0 0;width:282px;float:right;display:inline}

#bottom-content{clear:both;margin: 0 30px 2em 30px;}
#bottom-content dl{margin-bottom:2em;overflow:hidden;}
#bottom-content dt{width:22%;float:left;clear:both;text-align:left;padding:3px 15px 3px 0;font-weight:bold;}
#bottom-content dd{float:left;width:74%;padding:3px 0 3px 0;}

#sidebar{font-size:1.1em;float:right;padding-top:0.5em;width:220px;}
#contact #sidebar{font-size:0.9em; margin:80px 20px 0 10px}

#maple-top-left{width:96px;height:91px;background:url(../images/detail/maple-left.gif) left top no-repeat;position: absolute;left:0px;top:0px;margin:0;padding:0; z-index:10}
#maple-top-right{width:190px;height:113px;background:url(../images/detail/maple-right.gif) right top no-repeat;position: absolute;left:560px;top:0px;z-index:11}

#home-info{background:#faeda5 url(../images/detail/home-info-dropshadow.jpg) left bottom no-repeat;width:725px;min-height:279px;margin: 40px 0 0px 13px;float:left;display:inline;padding:0 0 18px 0;}
#home-info h1{padding:10px 300px 0px 30px;}
#home-info p{padding:0px 300px 5px 30px;}
#home-info .map-image{width:262px;height:232px;float:right;margin:20px;background:#faeda5 url(../images/detail/find-us-on-map.jpg) left bottom no-repeat;}
#home-info .map-image a {
position:relative;top:220px;left:120px;display:block;width: 143px;height:18px;padding:3px 0 3px 10px;font-size:12px;font-weight:bold;
color:#322A0D;background: url("../images/detail/rollover-find-us.gif") 0 0 no-repeat;text-decoration: none;}

#home-info .map-image a:hover { background-position: 0 -24px;color: #ffffff;}

.home-features{width:220px; float:left; position:relative; margin-left:2.5em}
#content .home-features p {margin-top:0.3em}
.home-features img{border:1px solid #000; margin:0.5em auto}

#map-area{width:620px;height:540px;border: 1px solid; padding:2px;margin:0px 30px 30px 20px;}
#map-area2{width:450px;height:600px;border: 1px solid; padding:2px;margin:0 0 30px 20px;float:left;display:inline}
#map-side-bar{width:210px;height:594px;padding:5px 5px 5px 5px;float:left;display:inline}
.tooltip {background:#ffffff;border:1px #000000 solid;padding:2px;font-size:1.2em;}
#sup_nav{width:200px; float:right; margin:6em 0 0 2em}
#news-page #content{padding-top:1em; }
#news-page #content .inner {margin-right:240px}

.left {float:left}
.right {float:right}
.clear {clear:both;}

#sponsors{clear:both;margin:5px 20px 0 0;overflow:hidden;}
#sponsors .left{margin-left:20px;float:left}
#sponsors .right{float:right}

#contact-text {float:left;width:250px;margin-right:20px;}
#contact-form{float:left;width:350px;padding-top:20px;}
/*================= SECTION STYLES ===================*/

#home #rightcol {background:url(../images/banners/home-banner_new_2011.jpg) left top no-repeat;}
#links #rightcol {background:url(../images/banners/home-banner_new_2011.jpg) left top no-repeat;}
#map #rightcol {background:url(../images/banners/home-banner_new_2011.jpg) left top no-repeat;}
#planning-a-visit #rightcol {background:url(../images/banners/home-banner_new_2011.jpg) left top no-repeat;}
#event-page #rightcol {background:url(../images/banners/home-banner_new_2011.jpg) left top no-repeat;}
#news-page #rightcol {background:url(../images/banners/home-banner_new_2011.jpg) left top no-repeat;}
#contact #rightcol {background:url(../images/banners/home-banner_new_2011.jpg) left top no-repeat;}

#achamore-gardens #rightcol {background:url(../images/banners/achamore-gardens-banner.jpg) left top no-repeat;}
#an-cala #rightcol {background:url(../images/banners/an-cala-banner.jpg) left top no-repeat;}
#angus-garden #rightcol {background:url(../images/banners/angus-garden-banner.jpg) left top no-repeat;}
#ardchattan-priory-garden #rightcol {background:url(../images/banners/ardchattan-priory-garden-banner.jpg) left top no-repeat;}
#ardencraig-gardens #rightcol {background:url(../images/banners/ardencraig-gardens-banner.jpg) left top no-repeat;}
#ardkinglas-woodland-garden #rightcol {background:url(../images/banners/ardkinglas-woodland-garden-banner.jpg) left top no-repeat;}
#ardmaddy-castle-garden #rightcol {background:url(../images/banners/ardmaddy-castle-garden-banner.jpg) left top no-repeat;}
#ardtornish #rightcol {background:url(../images/banners/ardtornish-banner.jpg) left top no-repeat;}
#arduaine-garden #rightcol {background:url(../images/banners/arduaine-garden-banner.jpg) left top no-repeat;}
#ascog-hall-fernery-and-garden #rightcol {background:url(../images/banners/home-banner_new_01.jpg) left top no-repeat;}
#benmore-botanic-garden #rightcol {background:url(../images/banners/benmore-botanic-garden-banner.jpg) left top no-repeat;}
#colonsay-house-garden #rightcol {background:url(../images/banners/colonsay-house-garden-banner.jpg) left top no-repeat;}
#crarae-garden #rightcol {background:url(../images/banners/crarae-garden-banner.jpg) left top no-repeat;}
#geilston-garden #rightcol {background:url(../images/banners/geilston-garden-banner.jpg) left top no-repeat;}
#glenarn #rightcol {background:url(../images/banners/glenarn-banner.jpg) left top no-repeat;}
#jura-house-garden #rightcol {background:url(../images/banners/jura-house-garden-banner.jpg) left top no-repeat;}
#kilmory-woodland-park #rightcol {background:url(../images/banners/kilmory-woodland-park-banner.jpg) left top no-repeat;}
#kinlochlaich-house-garden #rightcol {background:url(../images/banners/kinlochlaich-house-garden-banner.jpg) left top no-repeat;}
#linn-botanic-gardens #rightcol {background:url(../images/banners/linn-botanic-gardens-banner.jpg) left top no-repeat;}
#mount-stuart-garden #rightcol {background:url(../images/banners/mount-stuart-garden-banner.jpg) left top no-repeat;}
#torosay-castle-and-garden #rightcol {background:url(../images/banners/torosay-castle-banner.jpg) left top no-repeat;}
#inveraray #rightcol {background:url(../images/banners/inveraray-garden-banner.jpg) left top no-repeat;}

/*========================== NAVIGATION ============================*/

#leftnav{padding:200px 0 0 0;margin:0 10px 100px 33px;}
#leftnav ol {display:block;list-style:decimal outside;}
#leftnav li:last-child{border-bottom: 1px solid #51614B;}
#leftnav li{margin:0;padding: 0.5em 0 0.5em 0;border-top: 1px solid #51614B; color:#fff;}
#leftnav li a {text-decoration: none; color:#ffffff;}
#leftnav li a:hover, #leftnav li a.current{color:#9ECE5A;}


#topnav{background-color:#9FCE5A;height:2.6em;margin:197px 0 0 0;border-bottom:3px solid #24451A;padding:0 0 0 30px;}
#topnav ul{list-style:none;text-transform:uppercase;padding-top:0.4em;white-space: nowrap;}
#topnav ul li{float:left;margin-right:14px;}
#topnav ul li.current{background:url(../images/detail/tab-right.gif) no-repeat top right;}
#topnav li a {display:block;padding: 0 10px;line-height:2.2em;text-decoration:none;color:#000000;float:left;}
#topnav li a.current{background:url(../images/detail/tab-left.gif) no-repeat top left;color:#ffffff;}
#topnav li a:hover{color:#ffffff;}

/*================= GOOGLE MAP INFO ==================*/

#map-box{margin:0;width:300px;height:10em;line-height:1.1;}
#map-box h1{font-size:1.8em;margin:0;padding:0;margin-bottom:0.5em;}
#map-box img{float:left;margin-right:10px;border:1px solid #000000;}
#map-box p{font-size:1.2em;margin:0;padding:0;line-height:1.3;}
#map-box p.infolink{text-align:center;margin-top:1em;}
#map-box p a:link{text-align:center;}

/*================== GALERY ====================*/

#gallery img{border: 1px solid #000000;}
#placeholder{float:left;}
#imagegallery {list-style: none;}
#imagegallery li {display: inline;}

#imagegallery li a img {border: 1px solid #000000;}
#imagegallery .first{float:left;margin:5px 0 5px 0}
#imagegallery .middle{float:left;margin:5px 0 5px 5px}
#imagegallery .last{float:right;margin:5px 0 5px 0}
#gallery p{text-align:center;font-size:1.1em;}

/*===============MINICALENDAR ====================*/

.minical {clear: both;width: 100%;}

.minical td {padding: 1px 3px 4px;text-align: center;}
.minical td a {font-weight: bold;}
.minical .full{background: #EFEFEF;border: 1px solid #DDD}

.minical caption {font-size: 18px;}
.minical_nav {text-align: center;}
.minical_nav a.next,
.minical_nav h3,
.minical_nav a.prev{font-size: 25px;display: inline;}
#sidebar .minical_nav h3 {font-size: 15px;margin: 0;}
#sidebar .minical_nav a.next,#sidebar .minical_nav a.prev {font-size: 20px;text-decoration:none;}
#events-info{width:450px;float:left}


/* ==================== CONTACT FORM ========*/

#contact_form {margin:0;padding:0; float:left}
#contact_form label {clear:both;width:6em;float:left;text-align:right;margin-right:0.5em;font-weight:bold;padding:0 0 0.5em 0;}
#contact_form input, #contact_form textarea{float:left;}

#contact_form input:focus {border:2px solid #24451A;}
.inner #contact_form p{margin:0; }
.inner  #contact_form p.submit{clear:both;float:right;margin:1em 6em 0 0}

/*========================== FOOTER ============================*/

#footer span{float:right}