html, body
{
    background-color: #fff;
    color: #58595B;
    font-size: 13px;
    margin: 0;
    font-family: Verdana;
    overflow-x: hidden;
}
form {margin: 0; padding: 0;}

img { border: none;}
strong
{
    font-family: Georgia;
    font-size: 22px; /*14pt;*/
    color: Black;
    font-weight: 500;
}
hr { color: #6B6C6E; height: 1px; margin: 10px 0px; }

h1, h2, h3, h4, h5, h6
{
    font-family: Georgia;
    margin: 0;
    color: Black;
    font-weight: 500;
    
}

hr {   border: 0; width: 100%; height: 1px; color: #6B6C6E ;background-color: #6B6C6E; }


ul { margin: 0; padding :0 0 8px 16px}
li { padding: 4px 0}
a
{
    text-decoration: none;
    color: #009155;
    overflow: hidden;
}

a:hover, a:focus
{
    text-decoration: none;
}

#footer a { color: #58595B;}
#footer .design a {color: #009155;}



h1
{
    padding: 2px 0px 2px 0px;
    font-size: 32px;
    margin-bottom: 16px;
    border-bottom: 1px solid #6B6C6E;
}
h2
{
    font-size: 22px;
    margin-bottom: 4px;
    /* 
    padding: 2px 0px 6px 0px;
    
    border-bottom: 1px solid #6B6C6E; */
}
h2 a { color: Black; }




/* LAYOUT
========================================================================================
*/
#container
{
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#header,
#headerSmall
{
    position: relative;
    width: 900px;
    margin-right: auto;
    margin-left: auto;
    height: 550px;
    overflow: visible;
    z-index: 1;
}
#headerSmall
{  
    height: 350px;
}

#header .image,
#headerSmall .image
{
    position: absolute;
    height: 550px;
    width: 1440px;
    left: -270px;
    z-index: -1;
}
#headerSmall .image
{
    height: 350px;
}

#header .items,
#headerSmall .items
{
    position: absolute;
    width: 900px;
    margin-right: auto;
    margin-left: auto;
    overflow: visible;
    z-index: 100;
    text-align: center;
}

#header .logo,
#headerSmall .logo
{
    margin-right: auto;
    margin-left: auto;
    position: relative;
    top: 6px;
    width: 120px;
    height: 120px;
    z-index: 201;
}
#header .loginButton,
#headerSmall .loginButton
{
    position: absolute;
    top: 6px;
    width: 900px;
    margin-right: auto;
    margin-left: auto;
    text-align: right;
    z-index: 200; 
}







#navigation
{
    position: absolute;
    width: 900px;
    top: 134px;
    margin-right: auto;
    margin-left: auto;
    height: 40px;
    
    background-color: white;
    opacity: 0.75;
    filter: alpha(opacity=75); /* For IE8 and earlier */
    z-index:80;
}
.innerNavigation 
{
    position: absolute;
    width: 900px;
    top: 146px;
    margin-right: auto;
    margin-left: auto;
    height: 40px;
    z-index:90;
    text-align: center;
}


.innerNavigation ul
{
    margin: 0;
    padding: 0;
    width: auto;
    font-family:  Verdana;
    font-size: 9pt;
    font-weight: 400;
    
    list-style: none;
    list-style-type: none;
    display:inline;

}


.innerNavigation ul li
{
    display: inline;
    padding: 0;
    margin: 0;
    text-align: center;
    
}

.innerNavigation ul li a
{
    color: #000;
    padding: 0px 4px;
    text-decoration: none;
    text-transform:uppercase;

}
.innerNavigation ul a:hover
{
    text-decoration: none;
}




#content
{
    position: relative;
    width: 900px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
    margin-bottom: 20px;
    overflow: visible;
    padding: 0px;
}

#footer
{
    position: relative;
    width: 900px;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    overflow: visible;
    padding: 0px;
    padding-top: 20px;
    clear: both;
    height: 90px;
}


/* Master items
========================================================================================
*/
#header .strapline
{
    font-family: Georgia;
    position: absolute;
    width: 900px;
    text-align: center;
    bottom: 40px;
    color: White;
    z-index: 1000;
    font-size: 18px;
}



/* Content Pages - 2 column.
========================================================================================
*/
.leftCol
{
    position: absolute;
    width: 150px;
    min-height: 300px;
}
.leftCol ul 
{
    list-style: none;
    list-style-image: none;
    margin: 0; padding: 0
}
.leftCol ul li { margin: 0; padding: 2px 0px}

.leftCol li.leftMenuHeader 
{
    font-size: 12px;
  font-weight: bold;
  font-family: Georgia;
  color: Black;
}    
.rightCol
{
    position: relative;
    left: 170px;
    width: 730px;
    min-height: 300px;
}



/*
Homepage Panels 
========================================================================================
*/

.panel
{
    width: 290px;
    margin-right: 15px;
    float: left;
    
}

.panel .title {}
.panel .intro { min-height: 65px; font-size: 11px; padding: 1em 0;}
.panel .intro p { margin: 0; padding: 0;}

.panel .image {}

.lastpanel
{
   margin-right: 0px;
}

/*
section Panels 
========================================================================================
*/
.sectionHomepage 
{
    width: 915px;  
    margin-left:-15px;
}
.sectionHomepage h1 
{
    padding: 0px;
    border-bottom: none; 
    margin:0px 0px 10px 15px;   
}
.sectionPanel
{
    width: 290px;
    margin-left: 15px;
    float: left;
    margin-bottom: 20px;
   
}
.sectionPanel .image { height: 120px;}
.sectionPanel .title {}
.sectionPanel .title h2
{
    margin: 0px;
    padding: 4px 0;
    font-size: 18px;
    border-bottom: none;
}
.sectionPanel .intro { min-height: 70px; font-size: 11px; padding: 1em 0;}
.sectionPanel .intro p { margin: 0; padding: 0;}
.sectionPanel .more { border-top: 1px solid #009155; padding-top: 2px;}







.pageImages {}
.pageImages img { width: 234px;}
.pageImages .pageImage1 { float: left; clear: none;margin-right: 14px;}
.pageImages .pageImage2 {float: left; clear: none;margin-right: 13px;}
.pageImages .pageImage3 {float: right; clear: none; margin-right: 0px; }

/* Footer
========================================================================================
*/
#footer .menu { float: left; clear: none; margin-top: 18px;}

#footer .investor { float: left; clear: none; margin-left: 15px;}

#footer .social {height: 43px; float: right; clear: none; margin-bottom: 4px; width: 300px; }

#footer .social .facebookLike { float: right; clear: none; margin-top:17px; margin-right: 10px; }
#footer .social .icons { height: 43px; float: right; clear: none;}

#footer .copyright { width: 900px; float: left;clear: both; border-top: 1px solid #6B6C6E; padding: 10px 0;}

#footer .copyright .design { float: right; clear: none; }



.vacancies { margin-top: 20px;border-bottom: 1px solid #6B6C6E}
.vacancyPanel { width: 100%; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #6B6C6E}
.vacancyPanel .image {}
.vacancyPanel .title {}
.vacancyPanel .intro {}
.vacancyPanel .more {margin: 2px 0; }

.events { margin-top: 30px;}
.events h2 { font-size: 22px; /*18px*/ font-weight: 500; color: black; border-bottom: 1px solid #6B6C6E; margin-bottom: 30px;}

.eventPanel { width: 100%; padding-bottom: 20px; clear: both;}
.eventPanel .image {float: left; clear: none; margin-right: 20px;}
.eventPanel .title { }
.eventPanel .title h3 { margin: 0; padding: 0;border-bottom: none; margin-bottom: 20px;}
.eventPanel .title h3 a { color: Black; margin-bottom: 20px;}
.eventPanel .intro { }
.eventPanel .divider { clear: both; border-bottom: 1px solid #6B6C6E }

.contact {}
.contact h2 { border-bottom: none;}
.contact .address {float: left; width:355px; clear: none;}
.contact .address p {border-top: 0; padding-top: 0}
.contact .map { float: right; width:355px; clear: none;}
.contact .map .larger { float: right; width:355px; clear: none; text-align: right; margin-bottom: 4px;}

.contact .directions {margin-top: 20px; float: left; width:355px;}
.contact .directions strong {font-size: 14px; font-family: verdana}
.contact .divider { height: 1px;width: 100%; clear: both; border-bottom: 1px solid #6B6C6E; margin: 20px 0;}
.contact .contacts { float: left; clear:both;}
.contact .contacts .left { float: left; clear: none; width: 355px; margin-right: 20px}
.contact .contacts .right { float: left; clear: none; width: 355px; }
.contact .contacts .left p,
.contact .contacts .right p
{ margin-top: 0; padding-top: 0;}
.contact .form { clear: both; width: 355px;}
.contact .textUnderForm {}


.newscol1 { float: left; clear: none; width: 420px; margin-right:20px;}                
.newscol2 { float: right; clear: none; width:270px; }
            
.news {}
.newsItem { padding-bottom: 40px;}
.newsItem .image img { max-width: 100%; height: auto;}
.newsItem .title {}
.newsItem .title h2 { }
.newsItem .intro {}
.newsItem .more { }
.newsItem .copy { }
.newsItem .copy img { max-width: 100%; height: auto;  }
.newsItem .navigation {border-top: 1px solid #6B6C6E; padding-top: 10px; }
.newsItem .navigation .prev { float: left; clear: none; text-align:left}
.newsItem .navigation .next { float: right; clear: none; text-align:right}

.news .previous {border-top: 1px solid #6B6C6E; padding-top: 10px;}

.bulletins { border-bottom: 1px solid #6B6C6E;} 
.quotes {}
.quote { padding-bottom: 40px; }
.quote .text {font-family: Georgia; font-style:italic;}
.quote .text p {margin: 0; padding: 0}
.quote .source{ font-weight: normal; font-family: Verdana; text-transform: uppercase;}
     
 .twitterfeed {margin-top: 20px}  
 .twitterfeed .header { }  
 .twitterfeed .tweets {   }
 .twitterfeed .tweets .tweet { border-bottom: 1px solid #6B6C6E; }
 .twitterfeed .tweets .tweet p { margin:0; padding: 20px 0}
 .twitterfeed .tweets .tweet .username { font-weight: bold; color: #009155; }
 .twitterfeed .tweets .tweet .indents,
 .twitterfeed .tweets .tweet .indents a
 {  font-size:10px; font-weight: bold;  color: #009155; }
  
 .twitterfeed .twitterFooter {  }
 .twitterfeed .twitterFooter .logo {float: left; clear: none; }
 .twitterfeed .twitterFooter .joinConversation {float: right; clear: none; text-align:right; }
 .twitterfeed .twitterFooter .joinConversation a { font-weight: bold;}
 
 .timetables {}
 .timetables .timetable { clear: both; padding: 3px;}
 .timetables .timetable .title { float: left; clear: none;}
 .timetables .timetable .link { float: right;clear: none}
 
.artGroups {}
.artGroups .artGroup { width: 100%; padding-bottom: 20px; border-top: 1px solid #6B6C6E}

.artGroups .artGroup .title {padding-top: 14px;}
.artGroups .artGroup .copy {}
.artGroups .artGroup .pageImages { margin-top: 20px;}


.contacts {}
.contacts .contact { float: left; clear: none; width: 345px; margin-left:20px; margin-bottom:30px }
.contacts .contact .row {  }


.contacts .contact .mainDetails { height: 100px; position: relative; z-index:199 }
.contacts .contact .image {  position: absolute; left : 0px; top: 0px; }
.contacts .contact .position { color: #000;position: absolute; left : 110px; bottom: 20px; }
.contacts .contact .name { color: #000;position: absolute; left : 110px;bottom: 0px; text-transform: uppercase; font-weight: bold }

.contacts .contact .intro { float: left; clear: both; height: 80px;}
.contacts .contact .intro p { margin-top: 2px;}
.contacts .contact .telephone {margin-top: 14px; float: left; clear: both;}
.contacts .contact .email {float: left; clear: both;}
.contacts .contact .more {float: left; clear: both; border-top: 1px solid #009155; padding-top: 2px;margin-top: 10px;}


.contactPopover { background-color: #f9f9f7    ;height: 380px; padding: 20px; position: relative;}
.contactPopover .contact { float: left; clear: none; width: 345px; }
.contactPopover .contact .position { color: #000; font-family: Georgia; font-size: 16px; font-weight: normal  }
.contactPopover .contact .name {  color: #000; font-family: Georgia; font-size: 18px; text-transform: uppercase; font-weight: normal; margin-bottom: 10px; }

.contactPopover .contact .scrollRow { width: 520px; height: 252px;  overflow: auto; }
.contactPopover .contact .footerRow { width: 520px; position: absolute; bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #6B6C6E }

.contactPopover .contact .intro { float: left; clear: both;}
.contactPopover .contact .telephone {margin-top: 14px; float: left; clear: both;}
.contactPopover .contact .email {float: left; clear: both;}
.contactPopover .contact .more {float: left; clear: both; border-top: 1px solid #009155; padding-top: 2px;margin-top: 10px;}

.makeanenquiry legend:first-of-type { display: none !important; }

/*
gallery Panels 
========================================================================================
*/
.galleryHomepage 
{
    width: 915px;  
    margin-left:-15px;
}
.galleryHomepage h1 
{
    padding: 0px;
    border-bottom: none; 
    margin:0px 0px 10px 15px;   
}
.galleryPanel
{
    width: 290px;
    margin-left: 15px;
    float: left;
    margin-bottom: 20px;
}
.galleryPanel .image {}
.galleryPanel .title {}
.galleryPanel .title h2
{
    margin: 0px;
    padding: 4px 0;
    font-size: 18px;
    border-bottom: none;
}
.galleryPanel .intro { height: 70px; font-size: 11px;}
.galleryPanel .more { border-top: 1px solid #009155; padding-top: 2px;}


.album  
{
    width: 915px;  
    margin-left:-15px;
 }
.album .photo   
{
    width: 290px;
    height: 200px;
    margin-left: 15px;
    float: left;
    margin-bottom: 20px; 
}
 


#contour label.fieldLabel { width: 100%; }