/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 05 February 2012 08:00:56
*/


* {
padding:0;
margin:0;
}

body {
background:url(http://www.mackayregionalbotanicgardens.com.au/__data/assets/image/0009/19683/main_bkg.gif) repeat-x;
font-family:Arial, Verdana, sans-serif;
font-size:11px;
}

a{
color: #000;
}

img {
border:0;
}

.content_text img {
padding: 10px;
}

h1 {
color:#636;
font-size:2.0em;
font-weight:normal;
padding-bottom: 10px;
position: relative;
}

h2 {
color:#636;
font-size:1.6em;
font-weight:bold;
padding: 5px 0 5px;
}

h3 {
color:#636;
font-size:1.3em;
font-weight:bold;
padding: 5px 0 5px;
}

p {
padding-bottom:10px;
}

#container {
position:relative;
width:942px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
border-left:1px solid #787778;
border-right:1px solid #787778;
border-bottom:1px solid #787778;
}

#header {
background:url(http://www.mackayregionalbotanicgardens.com.au/__data/assets/image/0006/19617/main_banner.jpg) no-repeat;
width:940px;
height:205px;
border:1px solid #fff;
}
.home-link{
text-decoration: none; 
height: 100px; 
width: 190px; 
position: absolute; 
top: 55px; 
margin-left: 15px;
z-index: 9999 !important;
}
.home-link:hover{
text-decoration: none; 
}

#image_listing img {
padding: 3px;
border: 1px solid #787778;
}

#top_nav {
float:right;
margin-top:12px;
}

#top_nav a:link,#top_nav a:visited {
text-decoration:none;
color:#fff;
}

#top_nav a:hover {
text-decoration:underline;
}

#top_nav ul {
list-style:none;
}

#top_nav li {
float:left;
display:inline;
margin-right:18px;
}

#main_nav {
float:left;
background-color:#8e85a4;
/* opacity:1.0;
filter:alpha(opacity=90);
-moz-opacity:0.9; */
height: 38px;
margin-left:1px;
margin-top:-39px;
width:940px;
font-size: 1.1em;
}

#main_nav ul {
float:left;
list-style:none;
padding-left:10px;
}

#main_nav li {
float: left; 
display:inline;
padding: 11px 0 12px;
position: relative;
z-index:10;
}

#main_nav li:hover {
background-color: #a99ec3;
}

#main_nav a:link,#main_nav a:visited {
color:#fff;
text-decoration:none;
padding: 11px 6px 12px;
}

#main_nav a:hover {
text-decoration:underline;
}

#main_nav ul li ul {
    position:absolute;
    display: none;
    left: 0px;
    top: 38px;
    border: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 0px;
    overflow:hidden;
    background-color:#C0B3CA;
    width: 200px;
    z-index: 9999;
    } 
#main_nav ul li ul li {
    float: none;
    padding: 0px;
    display:block;

   }

#main_nav ul  li:hover ul, #top-nav ul li.over ul {
    display: block;
    z-index: 9999;
    }

#main_nav ul li ul li a, #top-nav ul li ul li.over a {
    display: block !important;
    width: 200px;
    text-decoration:none;
    border-top: 1px dotted #fff !important;
    padding: 10px 0 10px 6px;
    font-size: 0.9em;
    margin-top: -1px;
    }
#main_nav ul li ul li a:hover, #top-nav ul li ul li.over a:hover {
    background: #BEA8CF;
    }




#search {
float:right;
margin-top:7px;
/* padding-left:140px; */
padding-right:5px;
}

#search input { 
border: 1px solid #bfb2ca;
margin-right: 5px;
}
#search .search_image input { 
border: none;
}

#content_wrapper {
background:url(http://www.mackayregionalbotanicgardens.com.au/__data/assets/image/0005/19616/content_bkg.gif) repeat-y;
width:940px;
overflow:hidden;
border-left:1px solid #fff;
}

#left_nav {
float:left;
width:168px;
height:632px;
background:url(http://www.mackayregionalbotanicgardens.com.au/__data/assets/image/0008/19619/left_nav_bkg.gif) no-repeat;
padding:10px;
}

#left_nav ul {
list-style:none;
}

#left_nav li {
padding:10px 10px 10px 1px;
border-bottom:1px dotted #fff;
color:#fff;
/*background:url(http://www.mackayregionalbotanicgardens.com.au/__data/assets/image/0007/19618/left_nav_marker.gif) no-repeat;
background-position:0 50%;*/
}

#left_nav a:link,#left_nav a:visited {
color:#fff;
text-decoration:none;
}

#left_nav a:hover {
text-decoration:underline;
}

#left_nav span {
font-weight:700;
}

#left_nav li.selected {
background-color:#56405f;
background-image:none;
}

#content_container {
float:left;
width:743px;
padding:0 9px 10px 0;
}

#breadcrumb {
background-color:#8e85a4;
font-size:10px;
padding: 10px;
border-bottom:1px dotted #fff;
color: #fff;
}

#breadcrumb a
{
text-decoration:none;
color: #fff;
}

#content {
background-color:#fff;
padding:20px;
}

#content span.title {
color:#636;
font-size:18px;
font-weight:400;
position: relative;
}

#content .image_listing {
padding-top:15px;
}

#content .image_listing img {
float:left;
border:1px solid #ccc;
margin-right:10px;
padding: 5px;
}

#content .content_text {
/*margin-left:200px;*/
}

#content span.title_2 {
color:#8e68ad;
font-weight:700;
}


#content span.title_3 {
color:#000;
font-weight:700;
}

#content ul {
margin: 0 0 0.75em 2em;
list-style: bullet;
list-style-position: inside;
}


#footer {
background-color:#6a5671;
color:#fff;
height:15px;
padding:9px;
border-left:1px solid #fff;
border-bottom:1px solid #fff;
width:922px;
clear:both;
}

#footer a:link,#footer a:visited {
color:#fff;
text-decoration:none;
}

#footer p.update {

float:left;
padding-left:178px;
padding-right:375px;
}

#footer p.privacy-disclaimer {

padding-left:820px;

}
a.mackay-logo-bc{
padding-right: 0px;
}
*+html a.mackay-logo-bc{
padding-right: 10px;
}
#news_listing {
    list-style-type:none;
}
#news_listing li {
    margin: 2em 0px;
}
#news_listing li img {
    float:left;
    margin: 0px 20px 20px 0px;
}
#news_listing li a.readmore {
    float:right;
}

.clearfloat {
    clear:both;
}


#content table td{
    padding-right: 10px;
}

.form-errors li {
     background-color:#822848;
     border:1px solid #8F8D8E;
     color:#FFFFFF;
     font-size:1.0em;
     margin-left:-20px;
     padding:1em 0 1em 2em;
     text-indent:0;
}

#events_listing .events_item {
    margin: 2em 0px;
    clear: both;
    padding-bottom: 10px;
    border-bottom: 1px dotted #8F8D8E;
    overflow: hidden;
    height: 1%;
}

/* ====================== New Photo Gallery CSS ====================== */
  /* Photo galleries styling */
   
   #photo-galleries .gallery{
    height: 1%;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    width: 220px;
    float: left;
   }

   #photo-galleries .gallery a.thumbnail{
    float: left;
    border: 1px solid #aaa;
    padding: 1px;
    margin-right: 15px;
   }
   #photo-galleries .gallery a.thumbnail:hover{
    border: 1px solid #000;
   }
   #photo-galleries .gallery a.thumbnail img{
    width: 200px;
    height: auto;
    padding: 0px;
   }
   #photo-galleries .gallery h4{
    margin-top: 0px;
    padding: 5px 4px 0px 4px;
    text-align: left;
    clear: both;
    font-size: 1.2em;
   }
   
   #image-gallery{
    height: 700px;
   }
   #image-gallery div.content {
    /* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
    display: none;
    width: 100%;
    clear: both;
   }
   #image-gallery div.content a, div.navigation a {
    text-decoration: underline;
   }
   #image-gallery div.content a:focus, div.content a:hover, div.content a:active {
    text-decoration: underline;
   }
   #image-gallery div.controls {
    height: 15px;
    padding: 10px;
    background: url(http://logan.elektra.squiz.net/__data/assets/image/0018/576/bg-gradient-tile.jpg) repeat-x 0 0;
    border-bottom: 1px solid #C8DCDD;
    border-top: 3px solid #C8DCDD;
    display: block;
    overflow: hidden;
    clear: both;
   }
   #image-gallery div.controls a {
    padding: 5px;
   }
   #image-gallery div.ss-controls {
    float: left;
   }
   #image-gallery div.nav-controls {
    float: right;
   }
   #image-gallery div.slideshow-container {
    position: relative;
    clear: both;
    height: auto; /* This should be set to be at least the height of the largest image in the slideshow */
   }
   #image-gallery div.loader {
    background-image: url();
    background-repeat: no-repeat;
    background-position: center;
    width: 642px;
    height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
   }
   #image-gallery div.slideshow {
    padding-top: 10px;
   }
   #image-gallery div.slideshow span.image-wrapper {
    display: block;
    position: relative;
    top: 0;
    left: 0;
   }
   #image-gallery div.slideshow a.advance-link {
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
    overflow: hidden;
    padding-bottom: 1px;
   }
   #image-gallery div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
    text-decoration: none;
   }
   #image-gallery div.slideshow img {
    vertical-align: middle;
    border: 1px solid #999;
    padding: 0px;
    width: auto;
    max-height: 520px;
    height: auto !important;
    height: 520px;
   }
   #image-gallery div.download {
    float: right;
   }
   #image-gallery div.caption-container {
    position: relative;
    clear: left;
   }
   #image-gallery span.image-caption {
    display: block;
    position: relative;
    width: 712px;
    border: 1px solid #ccc;
    margin-top: 10px;
   }
   #image-gallery div.caption {
    padding: 12px;
    background: #EFF4F8;
   }
   #image-gallery div.original {
    float: right;
   }
   #image-gallery div.image-title {
    font-weight: bold;
    font-size: 1.4em;
   }
   #image-gallery div.image-desc {
    line-height: 1.3em;
    padding-top: 12px;
   }
   #image-gallery div.navigation {
    /* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
    position: relative;
   }
   #image-gallery ul.thumbs {
    display: block;
    margin: 0;
    margin-left: 27px;
    height: 75px;
    width: 670px;
   }
   #image-gallery ul.thumbs li {
    float: left;
    padding: 0;
    margin: 5px 8px 10px 0;
    list-style-image: none !important;
    list-style: none;
    position: relative;
   }
   #image-gallery a.thumb {
    padding: 2px;
    display: block;
    border: 1px solid #ccc;
   }
   #image-gallery a.thumb:hover {
    padding: 2px;
    display: block;
    border: 1px solid #444;
   }
   #image-gallery ul.thumbs li.selected a.thumb {
    background: #000;
   }
   #image-gallery a.thumb:focus {
    outline: none;
   }
   #image-gallery ul.thumbs a.thumb span {
    display: block;
    width: 60px;
    height: 50px;
    overflow: hidden;
   }
   #image-gallery ul.thumbs img {
    border: none;
    padding: 0px;
    display: block;
   }
   #image-gallery div.pagination {
    clear: both;
    width: 100%;
    padding: 8px 0;
   }
   #image-gallery div.navigation {
    position: relative;
    width: 700px;
   }
   #image-gallery div.navigation div.top {
    margin-bottom: 12px;
    height: 11px;
   }
   #image-gallery div.navigation div.bottom {
    margin-top: 12px;
   }
   #image-gallery div.navigation a.pageLink{
    display: block;
    width: 17px;
    height: 16px;
    text-indent: -9999px;
    outline: none;
    position: absolute;
    top: 22px;
   }
   #image-gallery div.navigation a.prev{
    left: 0px;
    background: url(http://www.mackayregionalbotanicgardens.com.au/__data/assets/image/0003/98292/icon-sprite.png) no-repeat -21px -33px !important;
    background: url() no-repeat -21px -33px;
   }
   #image-gallery div.navigation a.prev-false{
    background: url(http://www.mackayregionalbotanicgardens.com.au/__data/assets/image/0003/98292/icon-sprite.png) no-repeat -22px -17px !important;
    background: url() no-repeat -22px -17px;
    cursor: default;
   }
   #image-gallery div.navigation a.next{
    right: 0px;
    background: url(http://www.mackayregionalbotanicgardens.com.au/__data/assets/image/0003/98292/icon-sprite.png) no-repeat -55px -33px !important;
    background: url() no-repeat -55px -33px;
   }
   #image-gallery div.navigation a.next-false{
    background: url(http://www.mackayregionalbotanicgardens.com.au/__data/assets/image/0003/98292/icon-sprite.png) no-repeat -55px -17px !important;
    background: url() no-repeat -55px -17px;
    cursor: default;
   }
   #image-gallery div.pagination a, #image-gallery div.pagination span.current, #image-gallery div.pagination span.ellipsis {
    display: inline-block;
    margin-right: 2px;
    padding: 4px 7px 2px 7px;
    border: 1px solid #ccc;
   }
   #image-gallery div.pagination a:hover {
    background-color: #ddd;
    text-decoration: none;
   }
   #image-gallery div.pagination span.current {
    font-weight: bold;
    background-color: #000;
    border-color: #000;
    color: #fff;
   }
   #image-gallery div.pagination span.ellipsis {
    border: none;
    padding: 5px 0 3px 2px;
   }