* {
 margin: 0px;
 padding: 0px;
}

body {
  margin: 0 0 0 0;
  padding: 0px 0px 0px 0px;
  background: white url("gfx/page_layout/body_bg.gif") repeat-y 50% top;
  font: 62.5% "Trebuchet MS",Verdana,Sans-serif;
  line-height: 140%;
  text-align:center;
  color: black;
  }         

/* Container */
#container {
  background: transparent;
  width: 962px;
  margin: 0 auto;
  border: 0px;
  border-width:0 1px;
  text-align:left;
  color: black;
  position:relative;
	padding: 0px;
  }
	
hr {
 padding: 0px;
 margin: 0px;
 clear: both;
 width: 20px;
 height: 1px;
 text-align: center;
 background: transparent;
 color: #E1DBE5;
 border: 0px;
}    


/* Footer*/
#content #footer {
 background: transparent url("gfx/page_layout/footer_bg.gif") no-repeat left top;
 width: 760px;
 margin: 0 auto;
 border: 0px;
 border-width:0 1px;
 text-align: left;
 padding: 30px 0px 15px 0px;      
 border-top: 2px solid #d8d8d8;
 clear: both;
}

#content #footer P {     
 line-height: 135%; 
 color: black;
 text-align: center;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;  
 font-size: 1.1em;
}

#content #footer P A {
 color: black;
 text-decoration: none;
}

/* header */
#content #header {       
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 color: black;
 width: 760px;
 clear: both;
}
#content #header a.logo {
 float: left;
 padding: 4px 10px 2px 10px;
}
#content #header p.strapline {
 float: left;
 margin: 0px;
 padding: 25px 0px 0px 0px;
 width: 490px;      
 color: #2c1043;
} 


#content #header h1.strapline {
 float: left;
 margin: 0px;
 padding: 25px 0px 0px 0px;
 width: 490px;      
 color: #2c1043;
} 



#content #header p.contact_details {
 float: right;
 text-align: right;
 margin: 0px;
 padding: 5px 10px 0px 0px;
 width: 140px;
 color: #2c1043;
}    
#content #header p.contact_details strong {
 font-weight: normal;
 font-size: 20px;
}  
#content #header p.contact_details a {    
 color: #2c1043;
 text-decoration: none;
}   
#content #header p.contact_details a:hover { 
 text-decoration: underline;
}  

/* RHS Column */
#rhs_col {
 background: transparent;
 float: right;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 color: black;
 width: 189px;
 line-height: normal;
}

#rhs_col h2.top {
 margin: 0px;
 padding: 0px;
}
#rhs_col h2.top a {
 background: #551f81 url(gfx/page_layout/h1_bg.jpg) repeat-x 50% bottom;
 color: white;
 display: block;
 padding: 4px 5px 7px 5px;
 margin: 0px 0px 0px 0px; 
 text-align: center;
 font-weight: normal;
 font-size: 20px;
 line-height: 100%;
 text-decoration: none;
}
#rhs_col h2.top.gold a {
 background: #CDB986 url(gfx/page_layout/awards_heading_bg.png) no-repeat 50% 50%;   
 font-size: 17px;
}
#rhs_col h2.top a:hover {
 color: #E1DEE5;
}           
#rhs_col h2.top.gold a:hover {
 color: #FFF6C8;
}  

#rhs_col div.box,
#rhs_col a.box{      
 display: block;
 padding: 10px 5px 10px 5px;
 border-bottom: 2px solid #d8d8d8;
 background: white url(gfx/page_layout/grad_prpl_bg.jpg) repeat-x bottom left;
 text-decoration: none;
 color: #2c1043;
}
#rhs_col a:hover.box {  
 text-decoration: underline;
}

#rhs_col h2 {
 text-align: left;
 font-weight: normal; 
 font-size: 2.0em;
 margin: 0px 0px 10px 0px;
 background: transparent; 
 color: #2c1043;
}
#rhs_col a.offer {
    text-decoration: none;
}
#rhs_col a:hover.offer {
    text-decoration: underline;
}

#rhs_col a div.box.offer{
    text-align: center;
    text-decoration: none;
}
#rhs_col a div.box.offer h2 {
    text-decoration: none;
    text-align: center;
}
#rhs_col p {
 font-size: 1.4em;
}

#rhs_col ul {
 margin: 4px 0px 0px 0px;
 list-style: none;
}
#rhs_col li {
 margin: 0px 0px 10px 0px;
 list-style: none;
 font-size: 1.4em;
}

#rhs_col ul li a {
 text-decoration: none;  
 color: #2c1043;
 display: block;
 padding: 0px 0px 0px 5px;
}
#rhs_col ul li a:hover {
 text-decoration: underline; 
} 
#rhs_col a.more {
 display: block;
 text-align: right;
 text-decoration: none;
 color: #2c1043;
 font-style: italic;
}
#rhs_col a:hover.more { 
 text-decoration: underline; 
}
	
/*Content Styling */
#content {         
 background: white url(gfx/page_layout/grad_prpl_bg.jpg) repeat-x bottom left;
 float: left;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 color: black;
 width: 760px;
}
                                                          
/* Content Nav Column */
#content #nav_col {  
 float: left;  
 width: 175px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border-top: 3px solid white; 
}
#content #nav_col ul {
 list-style: none;
 margin: 0px;
 padding: 0px;  
}
#content #nav_col ul li {
 list-style: none;
 margin: 0px;
 padding: 0px;                                                                
}
#content #nav_col ul li a {  
 text-decoration: none;
 display: block;
 font-size: 1.4em;
 margin: 0px;
 padding: 5px 2px 5px 5px;
 background: white url(gfx/page_layout/grad_prpl_bg.jpg) repeat-x bottom left;
}    
#content #nav_col ul li.active a,
#content #nav_col ul li a:hover {
 background: #551f81 url(gfx/page_layout/h1_bg.jpg) repeat-x 50% bottom;
 color: white;
}                       
#content #nav_col ul li.active ul {
 border-bottom: 2px solid #2E0F48;   
 background: #F5F3F6;
 padding: 0px 0px 10px 10px;
}
#content #nav_col ul li.active ul li a { 
 padding: 3px 2px 3px 2px;  
 background: #F5F3F6;
 border-bottom: 1px solid #E1DBE5;
 color: #551f81;
}
#content #nav_col ul li.active ul li a:hover,
#content #nav_col ul li.active ul li.active a {
 border-bottom: 1px solid #2E0F48;             
}
/* Landscape Navigation */
#content div.landscape_navigation {
 clear: both;         
 background: #baaed3 url(gfx/page_layout/land_nav_bg.png) repeat-x bottom left;
 width: 100%;
 height: 25px;
}
#content div.landscape_navigation ul {
 margin: 0px;
 padding: 0px;
 display: inline;
 list-style: none;
 background: #baaed3 url(gfx/page_layout/land_nav_bg.png) repeat-x bottom left;
}
#content div.landscape_navigation ul li {
 margin: 0px;
 padding: 0px;
 display: inline;
 list-style: none;
}                  
#content div.landscape_navigation ul li a { 
 display: block;
 float: left;
 background: #baaed3 url(gfx/page_layout/land_nav_bg.png) repeat-x bottom left;
 color: white;
 padding: 2px 8px 4px 8px;
 margin: 0px; 
 text-align: center;
 font-weight: normal;
 font-size: 18px;
 line-height: 100%;
 text-decoration: none;
 border-left: #c4bad8 solid 2px;
 border-right: #867c9a solid 2px;
}  
#content div.landscape_navigation ul li.active a,
#content div.landscape_navigation ul li a:hover { 
 color: #2c1043;
} 
/* 2 columnn */
#content div.centre_introduction {  
 background: white url(gfx/page_layout/grad_prpl_bg.jpg) repeat-x bottom left; 
 display: block; 
}
#content div.half_width_box {                              
 width: 380px;
 float: left;                                                                       
 padding: 10px 0px 10px 0px;
 margin: 0px;         
}    
#content div.twothirds_width_box {                              
 width: 506px;
 float: left;                                                                       
 padding: 10px 0px 10px 0px;
 margin: 0px;         
}   
#content div.centre_address {
 width: 253px;
 float: left;                                                                       
 padding: 10px 0px 10px 0px;
 margin: 0px;         
}
#content div.centre_address strong {      
 color: #551f81;
 font-weight: normal;
}    
#content div.centre_address a.email {
  text-decoration: none;
}   
#content div.centre_address a:hover.email {
  text-decoration: underline;
}

a.pdf_link {
  background: url(gfx/page_layout/pdficon_small.gif) no-repeat top left;
  padding: 0px 0px 0px 20px;
  text-decoration: none;
} 
a:hover.pdf_link {    
  text-decoration: underline;
}                            

/* Room sizes */
#content #room_sizes strong {     
 color: #551f81;
 font-weight: normal;
}
#content #room_sizes img.layout_icon {
  margin: 0px 5px 0px 0px;
}
              
/* 3 column box */
#content div.col_container {   
 background: white url(gfx/page_layout/cols_bg.png) no-repeat bottom left; 
 border-bottom: 2px solid #d8d8d8;
 display: block;
 margin: 0px;
 padding: 0px;        
 clear: both;
}
#content div.col_container.above_footer {
 border-bottom: 0px;
}
#content div.col_container hr {
 clear: both;
}
                      
#content div.col_box { 
 width: 253px;
 float: left;                                                                       
 padding: 0px 0px 20px 0px;
 margin: 0px;           
} 
#content div.col_one {
 width: 254px;
}
#content div.col_two,
#content div.col_three, {
 width: 253px;
} 

#content div.col_box h2.top {
margin: 0px;
padding: 0px;
}
#content div.col_box h2.top a {
 background: #551f81 url(gfx/page_layout/col_head_bg.jpg) no-repeat 50% bottom;
 color: white;
 display: block;
 padding: 4px 5px 7px 5px;
 margin: 0px; 
 text-align: center;
 font-weight: normal;
 font-size: 20px;
 line-height: 100%;
 text-decoration: none;
}
#content div.col_box h2.top a:hover {
 color: #E1DEE5;
}
#content div.col_box p {      
 font-size: 1.4em;
 line-height: normal;  
 padding: 0px 10px 10px 10px;
 margin: 0px;    
} 

#content a.news_highlight {
    display: block;
    background: #4F1E79 url(gfx/page_layout/h1_bg.jpg) repeat-x 50% bottom;
    font-size: 16px;
    line-height: 100%;
    color: white;
    text-decoration: none;
    padding: 6px;  
    text-align: center;
}
#content a:hover.news_highlight {
    text-decoration: underline;
}


#content div.col_box form,
#content div.advert form {      
 font-size: 1.4em;
 line-height: normal;  
 padding: 0px 10px 10px 0px;
 margin: 10px 0px 0px 0px;    
 color: #551f81;
 text-align: right;
} 
#content div.col_box form select,
#content div.advert form select {  
 margin: 0px; 
 text-align: left;
 width: 155px;
} 
#content div.col_box form input,
#content div.advert form input {  
 margin: 0px; 
 padding: 2px 10px 3px 10px;
} 
#content div.col_box form input.button,
#content div.advert form input.button  {                                                     
 margin: 0px; 
 padding: 2px 5px 3px 5px;  
}

#content div.col_box ul.box_nav_list {
 list-style: none;
 margin: 0px;     
 padding: 0px;      
 font-size: 1.4em;
 line-height: 120%;
}
#content div.col_box ul.box_nav_list li {
 list-style: none;
 margin: 0px 0px 3px 10px;     
 padding: 0px;      
}
#content div.col_box ul.box_nav_list li a {
  text-decoration: none;
}
#content div.col_box ul.box_nav_list li a:hover {
  text-decoration: underline;
}

/* Content advert
Spans full width of content column
*/          
#content div.advert {    
 background: white url(gfx/page_layout/grad_prpl_bg.jpg) repeat-x bottom left; 
 padding: 10px 0px 20px 0px;
 margin: 0px;
 border-bottom: 2px solid #d8d8d8;
 display: block;
}
#content div.advert h2 {      
 text-align: left;
 font-weight: normal;
 font-size: 1.8em;
 background: transparent;
 color: #2c1043;
}

/* Full width form */

#content form.bar_form  {                                                      
 background: white url(gfx/page_layout/grad_prpl_bg.jpg) repeat-x bottom left;
 display: block;
 font-size: 1.4em;
 text-align: right;
 padding: 6px 6px 6px 0px;
 margin: 0px;
 border-top: 3px solid white;   
}                      
#content form.bar_form input.button  {                                                     
 margin: 0px; 
 padding: 2px 5px 3px 5px;  
}

/* Content Video and gallery box */
#content #gallery_box {
 float: right;
 background: white url(gfx/page_layout/grad_prpl_bg.jpg) repeat-x bottom left;
 margin: 5px 20px 10px 25px;
 padding: 0px 0px 0px 0px;
 text-align: center;
}
#content #gallery_box h2 {
 background: #551f81 url(gfx/page_layout/h1_bg.jpg) repeat-x 50% bottom;
 color: white;
 display: block;
 padding: 4px 5px 7px 5px;
 margin: 0px 0px 0px 0px; 
 text-align: center;
 font-weight: normal;
 font-size: 20px;
 line-height: 100%;
 text-decoration: none;
}
#content #gallery_box a.thumb img {
 margin: 0px 5px 10px 5px;
 padding: 0px 0px 0px 0px;
 border-top: 1px solid #E6E3EA;
 border-bottom: 1px solid #E6E3EA;
}
#content #gallery_box a:hover.thumb img {
 margin: 0px 5px 10px 5px;
 padding: 0px 0px 1px 0px;
 border-top: 0px;                  
 border-bottom: 1px solid #BBAFD4;
}

#content div.centre_further_info {
  padding: 10px 0px 10px 0px;                                                  
}   

/*GMAP for centre location */
#content div.centre_further_info div#map_canvas {
 float: right;
 width: 300px;
 height: 300px;
 margin: 0px 10px 10px 10px;   
 border: 1px solid black;
}

/* Meeting Booking */

#content #booking_box {      
 float: right;
 width: 300px; 
 margin: 0px 10px 10px 10px;  
 padding: 0px 0px 10px 0px;    
 background: #E1DBE5;                                          
}

#content #booking_box h2 {
 background: #551f81 url(gfx/page_layout/h1_bg.jpg) repeat-x 50% bottom;
 color: white;
 display: block;
 padding: 4px 5px 7px 5px;
 margin: 0px 0px 10px 0px; 
 text-align: left;
 font-weight: normal;
 font-size: 20px;
 line-height: 100%;
 clear: both;
} 

#content #booking_box p.form_error {
 border-left: 10px solid #B80606;
 color: #B80606;
 background: #FED4D4;
 font-weight: bold;
 padding: 2px;
 margin: 0px 5px 3px 5px;
}


#content #booking_box table { 
 background: transparent; 
 width: 280px;
 border: 0px;
}
#content #booking_box table tr th {
 background: #EEECF1;
 text-align: right;
 color: black;
 font-weight: normal;
 vertical-align: top;
 padding: 2px 3px 2px 3px;
 border: 0px;    
 width: 90px;
 line-height: 150%;
}
#content #booking_box table tr th.table_header  {
 background: transparent;
 text-align: left;         
 border: 0px;
 font-weight: normal; 
 font-size: 1.5em;      
 border-bottom: 5px solid #E1DBE5;
 color: #2c1043;
 width: 100%;
}

#content #booking_box table tr td {
 background: #EEECF1;
 text-align: left;
 color: black;
 vertical-align: top;
 padding: 2px;
 border: 0px;     
 line-height: 150%;
}     
#content #booking_box table tr td input.form_inp {  
 width: 170px;
 border: 1px solid #9587AE;
} 

#content #booking_box table tr td textarea {  
 width: 270px;
 height: 100px;
 border: 1px solid #9587AE;
} 


#content #booking_box table tr.divider td,
#content #booking_box table tr.divider th {
 border-bottom: 10px solid #E1DBE5;   
}

#content #booking_box table tr td span.comment {
  display: block;
  line-height: 115%;
  font-style: italic;
  margin: 3px 0px 0px 0px;
}
#content #booking_box table tr td.submit_row  {  
 text-align: right;
 background: #E1DBE5;
}
#content #booking_box table tr td.table_comment   {  
 text-align: left;
 background: #E1DBE5;
 border-bottom: 10px solid #E1DBE5;
}
#content #booking_box form.box {
 background: #EEECF1;              
 padding: 2px;
 margin: 0px 10px 10px 10px;
}
#content #booking_box h3 {
 background: transparent;
 text-align: left;         
 border: 0px;
 font-weight: normal; 
 font-size: 2em;                  
 color: #2c1043; 
 margin: 0px 0px 0px 5px;
 padding: 0px;
}      

/* Booking Confirmation */
#content #body_content table.booking_confirmation {
 margin: 10px 0px 20px 50px;
 width: 450px;
}

#content #body_content table.booking_confirmation th {
 text-align: right;    
 width: 160px;
 padding: 5px 3px 5px 0px;
}
#content #body_content table.booking_confirmation td {
 text-align: left;    
 padding: 5px 3px 5px 3px;
}

/*
Main body content
Headings, lists, links and paragraphs
*/
#content #body_content { 
 float: left;                                                                 
 padding: 10px 0px 20px 0px;
 width: 580px;
 margin: 0px;                    
 display: block;
}
#content h1 {
 background: #551f81 url(gfx/page_layout/h1_bg.jpg) repeat-x 50% bottom;
 color: white;
 display: block;
 padding: 4px 5px 7px 185px;
 margin: 0px 0px 0px 0px; 
 text-align: left;
 font-weight: normal;
 font-size: 20px;
 line-height: 100%;
 clear: both;
}
#content h1.full_width {
 padding: 4px 5px 7px 10px;
}

#content h2,
#content h3,
#content h4,
#content h5 {
 font-weight: normal;        
 font-size: 1.6em;
 line-height: normal; 
 color: #2c1043;   
 margin: 0px 10px 10px 10px;
 padding: 0px 0px 0px 0px;
}

#content h2 {
 font-size: 1.8em;
}
#content h3 {
 font-size: 1.6em;
}
#content h4,
#content h5 {
 font-size: 1.4em;
}

#content p {
 margin: 0px 10px 10px 10px;
 padding: 0px;     
 font-size: 1.4em;
 line-height: normal;
 line-height: 150%; 
}

#content p.small_print {
 font-size: 65%;
 line-height: 125%;
}

#content #body_content ul,
#content #body_content ol {
 margin: 0px 80px 12px 20px;
 padding: 0px 0px 0px 0px;  
 font-size: 1.4em; 
 line-height: 150%;
}

#content #body_content ul li,
#content #body_content ol li {
 margin: 0px 0px 5px 20px;
 padding: 0px 0px 0px 0px;
}
#content #body_content ul li ul { 
 font-size: 1em;               
}


#content #body_content ul.no_bullets li  {
  list-style: none;
}

#content h2 a, #content h3 a { 
 color: #2c1043;
 text-decoration: none;
}

#content a {  
 color: #2c1043;
}
#content a.button,
#content form input.button,
#content form button.button { 
 background: #551f81 url(gfx/page_layout/button_bg.gif) repeat-x left bottom;
 color: white;             
 padding: 2px 10px 3px 10px;
 margin: 5px; 
 display: inline;
 width: auto;
 text-align: center;
 font-weight: normal;
 line-height: 100%;
 text-decoration: none; 
 border: 0px; 
}
#content a.button:hover {
 text-decoration: underline; 
}
#content a.right {
 float: right; 
 display: block; 
}

#content a img {
 border: 0px solid white;
}

/* News listing */

#content #body_content #news_list {
 margin: 0px 10px 12px 10px;
 padding: 0px 0px 0px 0px;  
 font-size: 1.4em; 
 line-height: 150%;
}
#content #body_content #news_list li {
list-style: none;
 margin: 0px;
 padding: 0px;  
}
#content #body_content #news_list li a {
 text-decoration: none;
 display: block;
 border-bottom: 1px solid #E1DBE5;
 padding: 5px 10px 5px 10px;
}
#content #body_content #news_list li a:hover {
 background: #F5F3F6;              
}
#content #body_content #news_list li a span.date {
 color: black;
 font-style: italic;    
 font-size: 0.8em; 
}
/* Testionials listing */
#content #body_content div.testimonial_quote {
 background: #F5F3F6; 
 margin: 0px 30px 10px 30px;   
 padding: 0px 0px 0px 0px;
}
#content #body_content div.testimonial_quote h2 {  
 background: #E1DBE5; 
 margin: 0px 0px 10px 0px;   
 padding: 3px 10px 3px 10px;
}
#content #body_content div.testimonial_quote div.testimonial {
   padding: 0px 30px 10px 30px;
   font-style: italic;
}

/* Stand embeded content table */
#content table {
 border: 0px;
 width: 560px;
 margin: 0px 0px 0px 10px;
 font-size: 1.4em;
 border-collapse: collapse;
}

#content table th {
 background: #E1DBE5; 
 color: #2c1043;
 border: 0px;    
 padding: 3px;
 text-align: center;     
 border: 1px solid white;
 font-weight: normal;
}

#content table td {
 background:  #F5F3F6;
 color: black;
 border: 0px;   
 padding: 1px;
 text-align: left;
 border: 1px solid white;
}

#content table.form_table th.heading {
 background: #551f81 url(gfx/page_layout/h1_bg.jpg) repeat-x 50% bottom; 
 padding: 4px 3px 7px 3px;
 color: white;
 border: 0px; 
 text-align: center;
 vertical-align: middle;
}  
#content table.form_table td.heading {                     
 background: #E1DBE5; 
 padding: 4px 3px 7px 3px;
 color: #2c1043;
 border: 0px; 
 text-align: center;
 vertical-align: middle;
}  

#content table.form_table th {
 text-align: right;
 vertical-align: top; 
 padding: 4px 3px 3px 3px;
}
#content table.form_table td {
 text-align: left;
 vertical-align: top;
}
#content table.form_table td input,
#content table.form_table td textarea,
#content table.form_table td select {
 width: 360px;
 border: 1px solid #2c1043;
 margin: 0px;
}

#content table.form_table.cost_calc td input,
#content table.form_table.cost_calc td textarea,
#content table.form_table.cost_calc td select {
 width: 150px; 
}
#content table.form_table.cost_calc td {
 text-align: center;
}      

#content table.form_table th.submit_cell {
 text-align: center;
 background: white;
}

/* Location lists table */

#content table.location_list {
 width: 650px;
 margin: auto;
}
#content #body_content table.location_list {
 width: 550px;
 margin: auto;
}

#content #body_content table.location_list td.location_name {
 width: 330px;       
}

#content table.location_list th {
  padding: 3px;
}
#content table.location_list td {
  padding: 3px 10px 3px 10px;
  line-height: 150%;
 vertical-align: top;
}

#content table.location_list td.location_name a { 
 text-decoration: none;
 font-size: 1.2em;
}
#content table.location_list td.location_name a:hover { 
 text-decoration: underline;     
}

#content table.location_list td.distance {
  text-align: center;
}