/*------------------------------------------------------------------------------------------------*/
/*-                                            LAYOUT.CSS                                        -*/
/*-THIS IS USED TO DECLARE LAYOUT ONLY, INCLUDING POSISTIONING AND BACKGROUND STYLING OF ELEMENTS-*/
/*-                           IT DOES NOT DECLARE TEXT OR CONTENT STYLING.                       -*/
/*------------------------------------------------------------------------------------------------*/

body {
 background: #0e3a67 url(../images/cor_bg_color.jpg) top repeat-x
}
/* ################################### HEADER LAYOUT #################################*/

#headercontainer {
 background: url(../images/cor_header_bg.jpg) no-repeat 50%;
 width: 100%;
 height:135px; 
}

#header {
 margin: 0 auto;
 width: 950px
}

#logo {
 float: left;
}

#logo a {
 display:block;
 width:355px;
 height:135px;
 border:0
}

#strapline {
 padding:5px 0px 0px 0px;
 float: right;
 text-align: right;
}

#seasonsContainer {
float: left;
margin-top:5px;
}


/* ################################### NAV LAYOUT #################################*/

#navigationcontainer {
 background: url(../images/nav_bg.gif) repeat-x left top;
 border-bottom: solid 1px #fff;
 width: 100%
}

#navigation {
 margin: 0 auto;
 width: 950px
}
/* ################################### BREADCRUMB LAYOUT #################################*/
#ctl00_breadcrumbcontainer {
 background:#0e3a67;
 width:100%;
}

#ctl00_breadcrumb {
 margin: 0 auto;
 padding: 4px 0px 3px 16px;
 width: 934px
}
/* ################################### PAGE LAYOUT #################################*/

#maincontainer {
 background: #c4ccd3 url(../images/cor_bg.jpg) repeat-x;
 width: 100%
}

#ctl00_mainarea_copyarea {
 background:#fff;
 margin: 0 auto;
 width: 950px
 }
 
 #ctl00_mainarea_copyarea.column2 {
 background:#fff url(../images/2_column_bg.gif) repeat-y;
 text-align:center;
 }

#ctl00_mainarea_copyarea.column3 {
 background:#fff url(../images/3_column_bg.gif) repeat-y;
 text-align:center;
 }


#ctl00_mainarea_content1 {
 border:solid 0px #000;
 float: left;
 height:auto !important;
 height: 300px;
 min-height: 300px;
 padding: 20px 0px 122px 0px;
 width: 239px;
}

#ctl00_mainarea_content2 {
 border:solid 0px #000;
 float: left;
 height:auto !important;
 height: 300px;
 min-height: 300px;
 padding: 20px 0px 122px 25px;
 text-align:justify;
 width: 660px
}

#ctl00_mainarea_content3 {
 border:solid 0px #000;
 float: right;
 height:auto !important;
 height: 300px;
 min-height: 300px;
 padding: 20px 10px 122px 10px;
 width: 219px;
}

#ctl00_mainarea_content4 {
 background: #dae1e6 url(../images/cor_homebar.gif) repeat-x bottom;
 padding:0px 0px 10px 0px;
 width: 950px
}

#ctl00_mainarea_content2.column3{
 border:solid 0px #000;
 width:422px;
 padding: 20px 0px 122px 20px;
}

#ctl00_mainarea_content2.column2{
 border:solid 0px #000;
 width:665px;
 padding: 20px 0px 122px 20px;
}

#ctl00_mainarea_sidemenu {
 padding: 0px 0px 0px 0px;
 width: 244px;
}

/* ############################################# Quote Box  ###############################################*/

.quotes {
 display: block;
 margin: 11px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 180px
}

.quotestop {
 background: #8da5c8;
 display: block;
 padding: 6px 0px 6px 15px
}

.quotesmiddle {
 background: #fff;
 border-right:solid 1px #ccc;
 border-left:solid 1px #ccc;
 display: block;
 padding: 10px 15px 1px 15px;
 
}

.quotesbottom {
 border-bottom:solid 1px #ccc;
 display: block;
}

#homeFlash {
 float: left;
 background-image: (../images/homeFlash/jpg);
 background-repeat: no-repeat;
 background-position: left top;
 padding: 0px;
 margin: 0px;
}

/* ########################################## Whats on Box ######################################## */

#whatson {
 border-left:solid 1px #dbdbdb;
 border-right:solid 1px #dbdbdb;
 border-top:solid 1px #dbdbdb;
 margin:0 auto;
 width:211px;
 padding:2px 2px 0px 2px;
 margin-top:20px;
}

#whatson_bottom {
 border-left:solid 1px #dbdbdb;
 border-right:solid 1px #dbdbdb;
 border-bottom:solid 1px #dbdbdb;
 margin:0 auto;
 width:211px;
 padding:0px 2px 2px 2px;
}

/* ######################################## FLOWERING CONDITIONS ############################## */

#floweringconditions {
 border-left:solid 1px #dbdbdb;
 border-right:solid 1px #dbdbdb;
 border-top:solid 1px #dbdbdb;
 margin:0 auto;
 width:211px;
 padding:2px 2px 0px 2px;
 margin-top:20px;
}
 
#floweringconditions_inner {
 background:#e9e9e9;
 padding:1px 0px 0px 0px
}

#floweringconditions_bottom {
 border-left:solid 1px #dbdbdb;
 border-right:solid 1px #dbdbdb;
 border-bottom:solid 1px #dbdbdb;
 margin:0 auto;
 width:211px;
 padding:0px 2px 2px 2px;
}

#floweringconditions_bottom_inner {
 background:#e9e9e9 url(../images/flowering_bottom.jpg) bottom no-repeat;
}

#floweringconditions2 {
 border-left:solid 1px #dbdbdb;
 border-right:solid 1px #dbdbdb;
 border-top:solid 1px #dbdbdb;
 margin:0 auto;
 width:211px;
 padding:2px 2px 0px 2px;
 margin-top:20px;
}
 
#floweringconditions_inner2 {
 background:#e9e9e9;
 padding:1px 0px 0px 0px
}

#floweringconditions_bottom2 {
 border-left:solid 1px #dbdbdb;
 border-right:solid 1px #dbdbdb;
 border-bottom:solid 1px #dbdbdb;
 margin:0 auto;
 width:211px;
 padding:0px 2px 2px 2px;
}

#floweringconditions_bottom_inner2 {
 background:#e9e9e9 url(../images/flowering_bottom.jpg) bottom no-repeat;
}

/* ######################################## NEWS ############################################## */


#latestnews {
 border:solid 1px #e3e5e9;
 margin:20px 0px 20px 0px;
}
#latestnews_back {
 float:left;
}
#latestnews_next {
 float:right;
}
#latestnews_block
{
 float:left;
 width:570px;
 height:80px;
}
#latestnews_block div { 
 width:570px;
 padding:9px 0px 0px 0px;
 overflow: hidden 
}

#latestnews_block img {
 padding:0px 30px 0px 0px;
}

.newsoverview {
 display: block;
 height:auto !important;
 height: 170px;
 margin: 10px 0px 0px 0px;
 min-height: 170px
}

.newstitlecontainer {
 border-bottom:solid 1px #c7c7c7;
 display:block;
 padding:0px 0px 5px 0px;
 margin:0px 0px 20px 0px;
 width:100%;
}

.newstitle {
 display:block;
 float:left;
}

.newsdate {
 display:block;
 float:right;
}
/*######################################### WHATS ON PAGE ################################# */

#eventsbar {
 background:#11467d;
 width:640px;
 padding:5px 0px 5px 20px;
}

.eventsoverview {
 display: block;
 height:auto !important;
 height: 160px;
 margin: 15px 0px 0px 0px;
 min-height: 170px
}

.eventtitlecontainer {
 border-bottom:solid 1px #c7c7c7;
 display:block;
 padding:0px 0px 5px 0px;
 margin:0px 0px 30px 0px;
 width:100%;
}

.eventtitle {
 display:block;
 float:left;
}

.eventdate {
 display:block;
 float:right;
}

#preview {
position: absolute;
border: 1px solid #ccc;
background: #333;
padding: 5px;
display: none;
color: #fff;
}

#gallery a img {
margin: 0 30px 30px 20px;	
}

/*######################################## VIDEO BOX'S ##############################*/

.videoContainer {
border: solid 1px #b1b1b1;
width: auto;
height: auto;
float: right;
padding: 1px;
margin: 5px 0px 0px 20px;
}

.videoCaption
{
height: 60px;
width: 330px;
padding: 0px 2px 4px 2px;
}

.videoCaption p
{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: center;
font-size: 11px;
}

/*########################################FOOTER LAYOUT##############################*/
#grass{
 position:relative;
 background:transparent url(../images/cor_grass.png) repeat-x;
 height:102px;
 z-index:10;
 margin:-100px 0px 0px 0px;
}
#footercontainer {
 background: #0e3a67;
 width: 100%
}

#footer {
 margin: 0 auto;
 width: 950px
}

#footerlinks{
 float:left;
 padding:20px 0px 0px 27px;
 width:540px;
}

#footercontact{
 float:right;
 padding:20px 0px 0px 0px;
 width:290px
}

#sitemap {
 float:left;
 padding: 40px 0px 20px 0px;
 width:520px;
}

#copyright {
 float:right;
 padding: 40px 0px 20px 0px;
 width:290px
}