/*------------------------------------------------------------------------------------------------*/
/*-                                            STLYES.CSS                                        -*/
/*-                     THIS IS USED TO DECLARE TEXT STYLES AND CONTENT STYLES ONLY              -*/
/*-                                   IT DOES NOT DECLARE LAYOUT.                                -*/
/*------------------------------------------------------------------------------------------------*/

/*set overall body text colour, set a base font size of 62.5% which is 10px and a 
  base line height for the whole document, the percentage of 62.5% which is a 10px 
  line-height is aleady set in the reset style sheet*/
body {
 color: #585959;
 font: 62.5%/1.6em Tahoma, Verdana, Sans-Serif;
}

#strapline{
 font-family:Times New Roman, Times;
 font-size:1.4em;
 color:#b7d7f5;
}
#strapline a{
 font-size:1.0em;
 color:#b7d7f5;
 text-decoration:none;
}
#strapline a:hover{
 color:#fff;
}
#strapline a.on{
 font-size:1.4em;
 color:#fff;
}
/*################################################### COPY STYLES ####################*/

/* Set website wide styles for everything swirl can out put */
/* anything that is outside of the base styles can be redeclared after to override the 
  base style, quoteboxes for example */
#maincontainer {
 font-size: 1.3em;
 line-height: 1.6em
}

#maincontainer h1 {
 color: #001d6a;
 font-family:Times New Roman, Times;
 font-size: 1.8em;
 line-height: 1.2em;
 margin: 0px 0px 20px 0px;
 padding: 0px 0px 0px 0px
}

#maincontainer h2 {
 border-bottom: solid 1px #bebebe;
 color: #001d6a;
 font-family:Times New Roman, Times;
 font-size: 1.4em;
 margin: 0px 0px 20px 0px
}

#maincontainer h3 {
 color: #001d6a;
 font-size: 1.6em;
 font-family:Arial;
 font-weight: bold;
 margin: 0px 0px 20px 0px
}

#maincontainer h4 {
 color: #001d6a;
 font-family:Tahoma;
 font-size: 1.2em;
 font-weight: bold;
 margin: 0px 0px 0px 0px
}

#maincontainer p {
 margin: 0px 0px 20px 0px
}

#maincontainer a {
 color: #001d6a;
 text-decoration: none
}

#maincontainer a:hover {
 text-decoration: underline
}

#maincontainer strong {
 font-weight: bold
}

#maincontainer em {
 font-style: italic
}

#maincontainer ul {
 list-style: url(../images/bullet.gif);
 margin: 0px 0px 10px 20px;
 padding: 0px 0px 0px 0px
}

#maincontainer ul li {
 list-style: url(../images/bullet.gif);
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 10px 10px
}

#maincontainer ol {
 list-style: decimal;
 margin: 0px 0px 10px 20px;
 padding: 0px 0px 0px 0px
}

#maincontainer ol li {
 list-style: decimal;
 padding: 0px 0px 10px 10px
}

/* start to declare more specific stylings if required if they are slightly different to the base styles*/
/* a linked h2 needs to redeclared as the browser will use defaults for example*/
#maincontainer h2 a {
 color: #001d6a;
 font-size: 1.4em;
 margin: 0px 0px 20px 0px
}

#maincontainer ul.SiteMap {
 list-style: none none;
}

#maincontainer ul.SiteMap li {
 list-style: none none;
}





/* Homepage links next to the flash */
#ctl00_mainarea_content4 ul {
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
 float:right;
}

#ctl00_mainarea_content4 ul li {
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
 list-style:none;
}

#ctl00_mainarea_content4 ul li a {
 color:#81806d;
 display:block;
 background:url(../images/cor_homelist_bg.gif) bottom;
 width:227px;
 height:35px;
 padding:12px 0px 0px 30px;
}


/*Column headings*/
#ctl00_mainarea_content1 h2 {
 border:none;
}
#ctl00_mainarea_content1 h3 {
 border:none;
}
#ctl00_mainarea_content3 h2 {
 border:none;
}
#ctl00_mainarea_content3 h3 {
 border:none;
}



/* ############################################# QUOTE BOXES ###################################*/

/*styling for the quoteboxes and contents if that looks different to the base styling of swirl output*/
/*for example lists maybe different in the quote boxes than the main document*/
.quotes {
 color: #0e3465;
 font-size: 0.9em;
 line-height: 1.4em
}

.quotestop {
 color: #fff
}

.quotes p {
 margin: 0px 0px 10px 0px
}

#maincontainer .quotes h4 {
 color: #7b7b7b;
 font-size: 0.9em;
 font-weight: normal;
 margin: 0px 0px 10px 0px
}



/* ############################################# WHATS ON BOXES ###################################*/

#whatson h3{
 background:#53556b;
 color:#fff;
 display:block;
 font-family:Tahoma, Arial;
 margin:0px;
 text-align:center;
 padding:5px 0px 5px 0px;
}
#whatson a.dark{
 display:block;
 background:#707284;
 color:#fff;
 border-bottom:solid 1px #53556b;
 padding:5px 10px 5px 10px;
}
#whatson a.light{
 display:block;
 background:#8c8d9c;
 color:#fff;
 padding:5px 10px 5px 10px;
}
#whatson_bottom a {
 font-family:Times New Roman, Times, Sans-Serif;
 font-weight:bold;
 display:block;
 background:#53556b;
 color:#fff;
 font-size:0.8em;
 padding:2px 10px 2px 10px;
}

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

#floweringconditions {
 color:#424c67;
 text-align:center;
}
#floweringconditions h3{
 color:#424c67;
 font-family:Tahoma, Arial;
 font-size:0.9em;
 margin:0px 0px 3px 0px;
}
#floweringconditions a{
 color:#424c67;
}

#floweringconditions_bottom a {
 color:#424c67;
 font-family:Times New Roman, Times, Sans-Serif;
 font-weight:bold;
 font-size:0.8em;
 padding:2px 10px 2px 10px;
}

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

#latestnews_block div h2{
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
 border:none;
}

#latestnews_block div h2 a{
 font-size: 1em;
}

#latestnews_block div p{
 font-size:0.8em;
 line-height:1.4em;
 padding:5px 0px 0px 0px;
 margin:0px 0px 0px 0px;
}

#latestnews_back a{
 cursor:pointer;   
}

#latestnews_next a{
 cursor:pointer;
}

#maincontainer span.newstitlecontainer {
 color:#001d6a;
 font-size:1.4em;
 font-family:Times New Roman, Times;
}

#maincontainer span.newstitle {
 font-size:1.1em;
 
}

/* ############################################## Events styles #################################### */

#maincontainer ul.events {
 height:22px;
 list-style: none none;
 margin:0px;
 padding:0px;
 border:solid 0px #000;
}

#maincontainer ul.events li {
 float:left;
 list-style: none none;
 margin:0px;
 padding:0px;
}

#maincontainer ul.events li a {
 background: url(../images/tab_bg.gif) no-repeat;
 color:#fff;
 display:block;
 font-family:Trebuchet MS, Tahoma, Arial;
 text-align:center;
 width:55px;
 height:22px;
 margin:0px;
 padding:0px;
}
#maincontainer ul.events li a:hover {
 background: url(../images/cor_tab_bg.gif) no-repeat;
 text-decoration:none
}
#maincontainer ul.events li a.on {
 background: url(../images/cor_tab_bg.gif) no-repeat;
 text-decoration:none
}

#eventsbar h1{
 color:#fff;
 font-size:1.5em;
 padding:0px;
 margin:0px;
}

#maincontainer span.eventtitlecontainer {
 color:#001d6a;
 font-size:1.4em;
 font-family:Times New Roman, Times;
}
#maincontainer span.eventtitle {
 font-size:1.1em;
}



/*############################################## .NET PAGER STYLING ###############################*/

/*used for gridviews if used*/
#maincontainer tr.pager a {
 color: #696969;
 height: 35px;
 padding: 0px 0px 0px 3px;
 text-decoration: underline;
 width: 11px
}

#maincontainer tr.pager span {
 color: #005983
}
/* ################################### BREADCRUMB STYLES  #################################*/

#ctl00_breadcrumb {
 color: #b7d7f5;
}

#ctl00_breadcrumb a {
 color: #b7d7f5;
 text-decoration: none
}

#ctl00_breadcrumb a:hover {
 text-decoration: underline
}
/*######################################FOOTER STYLES###############################*/

/* base footer styles, different footer elements maybe require extra declaration if different*/
#footer {
 color: #ffffff;
 font-family:Times New Roman, Times;
 font-size: 1.1em;
 line-height: 1.4em;
}

#footer a {
 color: #ffffff;
 text-decoration: none
}

#footer a:hover {
 text-decoration: underline
}

#footerlinks h3{
 font-size:2.4em;
 font-weight:normal;
 margin:0px 0px 20px 0px;
}

#footerlinks ul{
}

#footerlinks ul li{
 float:left;
 padding:0px 56px 0px 0px;
}

#footerlinks ul li a{
 background:url(../images/footer_bullet.gif) no-repeat;
 border-bottom:solid 1px #375b81;
 display:block;
 font-family:Trebuchet MS, Arial;
 font-size:1.1em;
 padding:8px 0px 8px 16px;
 width:198px;
}

#footercontact{
 color:#c3ced9;
 font-size:1.2em;
}
#footercontact h3{
 color:#fff;
 font-size:1.5em;
 font-weight:normal;
 margin:0px 0px 15px 0px;
}

#footercontact address{
 font-style:normal;
}

#sitemap{
 color:#c3ced9;
}

#sitemap a{
 color:#c3ced9;
}

#copyright{
 color:#c3ced9;
 text-align:right;
}

#copyright a{
 color:#c3ced9;
}
/*################################################################################################
########################### FORM ELEMENTS STYLING ###############################################*/

/*creat a paragrapgh to conatin the label and textbox*/
#maincontainer p.form_element{
 clear: left;
 margin: 0;
 padding: 0px 0px 0px 0px;
 padding-left: 0px;/*width of left column containing the label elements*/
 width: 420px;
}
/*float a label of a certain width with the text aligned right to align the textbox perfectly next to 
the label, this will create a column effect*/
.form_element label{
 color: #585959;
 float: left;
 font-size: 12px;
 font-weight: normal;
 line-height: 15px;
 margin: 0px;
 margin-left: 0px;/*width of left column*/
 padding: 0px 20px 0px 0px;
 text-align: left;
 width: 135px/*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.form_element span label{
 float: none;
 font-weight: normal
}

/*textboxes are styled by using a class as ie 6 will not style them any other way.*/
.textboxes {
 background: #ffffff;
 border: solid 1px #8e8e8e;
 color: #5e5e5e;
 font-size: 1em;
 height: 17px;
 margin: 0px 0px 0px 0px;
 padding: 2px 2px 2px 2px;
 vertical-align: top;
 width: 250px;
 float: left;
}

/*textareas are styled by using a class as ie 6 will not style them any other way.*/
.textarea {
 background: #fff;
 font-family: Arial;
 border: solid 1px #8e8e8e;
 color: #5e5e5e;
 font-size: 1em;
 margin: 0px 0px 0px 0px;
 padding: 2px 2px 2px 2px;
 vertical-align: top;
 width: 250px;
 float: left;
}

/*Required field asterix*/
.asterix {
 color: #FF0000;
 font-size: 9px;
}
/*used on a label if you need to display an error with a form, login for example*/
.error {
 color: #FF0000;
 font-weight: bold
}

/*################################################################################################
########################### MENU GROUP BOOKING FORM ELEMENTS STYLING ############################*/

#maincontainer #form{
padding-left: 10px;
}

#maincontainer .button{
padding: 10px 0 0 0;
}

/*creat a paragrapgh to conatin the label and textbox*/
#maincontainer p.groupMenuForm{
 clear: left;
 margin: 0;
 padding: 0px 0px 0px 0px;
 padding-left: 10px;/*width of left column containing the label elements*/
 width: 650px;
}

.groupMenuForm label{
 color: #585959;
 float: left;
 font-size: 12px;
 font-weight: normal;
 line-height: 15px;
 margin: 0px;
 margin-left: 0px;/*width of left column*/
 padding: 0px 0px 0px 0px;
 text-align: left;
 width: 400px;/*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

label.formHeading{
 color: #001d6a;
 float: left;
 font-size: 1.3em;
 margin: 0px;
 margin-left: 0px;/*width of left column*/
 text-align: left;
 padding: 10px 20px 5px 0;
 width: 85%;
 display: block;
 border-bottom: solid 1px #ccc;
 margin-bottom: 15px;
 font-family: Times, Serif;
}

label.formOption{
 color: #585959;
 float: left;
 font-size: 13px;
 line-height: 15px;
 margin: 0px;
 margin-left: 0px;/*width of left column*/
 text-align: left;
 padding: 0px 0px 10px 0px;
 width: 100%;
 display: block;
}

.groupMenuForm span label{
 float: none;
 font-weight: normal
}

/*textboxes are styled by using a class as ie 6 will not style them any other way.*/
.groupMenu_textboxes {
 background: #ffffff;
 border: solid 1px #8e8e8e;
 color: #5e5e5e;
 font-size: 1em;
 height: 17px;
 margin: 0px 0px 0px 0px;
 padding: 2px 2px 2px 2px;
 vertical-align: top;
 width: 30px;
}

/*textboxes are styled by using a class as ie 6 will not style them any other way.*/
.groupMenu_textboxes_normal {
 background: #fff;
 border: solid 1px #8e8e8e;
 color: #5e5e5e;
 font-size: 1em;
 height: 17px;
 margin: 0px 0px 0px 0px;
 padding: 2px 2px 2px 2px;
 vertical-align: top;
 width: 120px;
}

.questionContainer{
 width: 200px;
 height: 60px;
}

.list{
 width: 50px;
 float: right;
 margin-top: -40px;
}

/*################################################################################################
########################### FEEDABCK FORM ELEMENTS STYLING #######################################*/

/*create a paragrapgh to contain the label and textbox*/
.feedbackForm_container p.feedback_element{
 clear: left;
 margin: 0;
 padding: 0px 0px 0px 0px;
 padding-left: 0px;/*width of left column containing the label elements*/
 width: 500px;
 display: block;
 float:left;
 width: 100%;
}

/*float a label of a certain width with the text aligned right to align the textbox perfectly next to 
the label, this will create a column effect*/
.feedbackForm_container label{
 color: #585959;
 float: left;
 font-size: 12px;
 font-weight: normal;
 line-height: 15px;
 margin: 0px;
 padding: 0px 0px 10px 0px;
 text-align: left;
 width: 100%/*width of labels. Should be smaller than left column (155px) to create some right margin*/;
}

.feedback_element span label{
 float: none;
 font-weight: normal;
}

.selectfromlist {
 color: #999;
 font-size: 90%;
 padding: 0 0 0 5px;
}

.aboutHeading {
color:#001d6a;
float: left;
width: 100%;
font-size: 1.8em;
font-family: Times, Times New Roman, Serif;
padding: 0px;
margin: 0px;
}

.question5{
 width: 250px;
 float: left;
 margin: 0px 0px 5px 0px;
 padding: 0px 150px 0px 0px;
}

.feedbackForm_container .question5 label{
 width: 40px;
 float: left;
 font-weight: bold;
}

.male{
 display: inline;
 float: right;
 margin: 4px 20px 0 0;
}

.maleFemale{
 float:left;
 width: 300px;
 padding: 0px 0px 0px 122px;
 margin: 0px 0px 0px 0px;
 text-align: left;
}

#questionLeft {
 float: left;
 width: 260px;
 padding-right: 30px;
}

#questionRight {
 float: left;
 width: 260px;
}

.feedbackList{
 width: 50px;
 float: left;
 background-color: Red;
}

.question9{
 width: 330px;
 float: left;
 margin: 0px 0px 5px 0px;
 padding: 0px;
}

.feedbackForm_container .question9 label{
 width: 150px;
 float: left;
 font-weight: bold;
}

.q9drp{
 float: right;
 margin: 0px 30px 0 0;
}

.q13drp{
 float: left;
 margin: 0px 30px 0 0;
 width: 60px;
}

.formDark{
background-color: #ededed;
padding: 10px;
float: left;
width: 650px;
}

.formLight{
background-color: #f8f8f8;
padding: 10px;
float: left;
width: 650px;
}

.ifother{
 margin-top: 10px;
}

label.q7Label {
 float: left;
 width: 200px;
 font-weight: bold;
}

.q7ChkBox{
 float: left;
}

.Q7Left{
 width: 300px;
 float: left;
}

.q11ChkBox{
float: right;
margin-top: -28px;
margin-right: 200px;
}

/* ############################################### EXPANDABLE BOX ###############################*/

/*Styling for the things you click on*/
#ctl00_mainarea_content2.column3 a.MenuTop {
 background: url('../images/expand2.gif') no-repeat;
 background-position: left top;
 border-bottom: none;
 cursor: pointer;
 display: block;
 padding: 3px 0px 3px 25px;
 width: 405px;
 color: #001d6a;
 font-family:Times New Roman, Times;
 font-size: 1.2em;
 font-weight: bold;
}

/*by default a link underlines on hover, turn it off*/
#ctl00_mainarea_content2.column3 a.MenuTop:hover {
 text-decoration: none
}
/*class to change too when clicked*/
#ctl00_mainarea_content2.column3 a.MenuTopon {
 background: url("../images/expand.gif");
 background-repeat: no-repeat;
 background-position: left top;
 
}
/*container for the expandable content*/
.expandable_box {
 border: solid 0px #000;
 padding: 10px;
 width: 410px;
}


/* ############################################### EXPANDABLE BOX WIDE ###############################*/

/*Styling for the things you click on*/
#ctl00_mainarea_content2.column2 a.MenuTopWide {
 background: url('../images/expand2.gif') no-repeat;
 background-position: left top;
 border-bottom: none;
 cursor: pointer;
 display: block;
 padding: 3px 0px 3px 25px;
 width: 640px;
 color: #001d6a;
 font-family:Times New Roman, Times;
 font-size: 1.2em;
 font-weight: bold;
}

/*by default a link underlines on hover, turn it off*/
#ctl00_mainarea_content2.column2 a.MenuTopWide:hover {
 text-decoration: none
}
/*class to change too when clicked*/
#ctl00_mainarea_content2.column2 a.MenuToponWide {
 background: url("../images/expand.gif");
 background-repeat: no-repeat;
 background-position: left top;
}

/*container for the expandable content*/
.expandable_boxwide {
 border: solid 0px #000;
 padding: 10px;
 width: 645px;

}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FONT SIZER CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.fontResizer { 
float: left;
margin-top: 2px;
padding-top:5px;
}

.fontResizer a { 
display: block;
float: left;
height: 15px;
text-align:center;
line-height: 15px;
color: #666;
text-decoration: none;
width: 15px;
height:15px;
}

.fontResizer a:hover { 
color: #000;
text-decoration: none; }

/* 
The following controls the way the font-resizer links appear only 
Set the actual size-changes in the function call
*/

#header a.smallFont { font-size: 9px;  }

#header a.medFont { font-size: 13px;  }

#header a.largeFont { font-size: 15px; margin-right:10px; }

#header a.curFont { font-weight: bold; }

#ctl00_lnkCorporate {
float: left;
display: block;
width:20px;
height: 22px;
cursor:pointer;
margin-right: 3px;
}