/* we know what you're up to! */

html, body{
/*font-size:82%; */
margin: 0; 
font-family: "Nimbus Sans L",Arial, sans-serif; /* adjust to taste */
color: #2C4F4C;                               /* adjust to taste */
 background-color: #A1BEBC;
 background-color: #B1C8C5;
    height: 100%; 
}

body{
  overflow:  -moz-scrollbars-vertical;
  background: url(../images/page_background.png) top left repeat-x;
}

input { outline: none; }

form { margin: 0; padding: 0; }

a {
color: #264159;
text-decoration: underline;
outline: none;
}

a:hover {
color: #004D80;
text-decoration: underline;
outline: none;
}

.ul_small {
padding: 0;
margin: 0;
margin-left: 20px;
list-style-image: url(../images/small_bullet.gif);
}

.field_fonts {
 font-size: 1em; font-family: tahoma, Arial, sans-serif;
}

#login_form { color: #000000; }

#error_container { width: 100%;
position: absolute; z-index: 200;
}

#error {
position: relative; width: 960px; 
margin: 0 auto; 
text-align: center;
filter: alpha(opacity=90); 
opacity:0.9;
background-color: #992244;
}

#error_inner { width: 100%;
font-weight: bold;color: #ffffff; 
}

.main_page_error {
display: block;
padding: 6px;
background-color: #992244;
font-weight: bold;
color: #ffffff;
}

.main_page_success {
padding: 6px;
background-color: #459921;
font-weight: bold;
color: #ffffff;
}






#outer_container {
   height:100%;

}

#background_container {
    height:100%;
    width: 100%;
    position:absolute;
    z-index: 3;
}

#background_center_container {
    width: 960px; 
    margin: 0 auto;
    height:100%;    
    /*background: url(../images/left_column_bg.png) top left repeat-y;*/
}




  #container {
    min-height:100%;
    position:relative;
    z-index: 5;
  }
  #center_container {
    width: 960px;  
    margin: 0 auto;
    min-height:100%;  
 /*     background: url(../images/left_column_bg.png) top left repeat-y;*/
    background-color: #ffffff;
  }

  #center_container_inner {
    width: 960px;  
    background: url(../images/top_bg_background.png) top left repeat-x;
  }


  #header {
    position: absolute; z-index: 20; 
    width: 100%;
padding-top: 18px;
background: url(../images/page_background.png) top left repeat-x;
background-color: #B1C8C5;
  }

  #header_inner {
    width: 960px; 
    margin: 0 auto;
  }

  #header_content {
  }



#admin {
    position: absolute; z-index: 40; 
    width: 100%;
}

#admin_inner {
    background:#000000;
    width: 960px; 
    margin: 0 auto;
    color: #ffffff;
}

#admin_padding {
  padding: 6px;
}

#admin_page_content {
  margin-top: 4px;
  padding: 10px;
  background-color: #ffffff;
  color: #000000;
  width: 928px;
}


#admin_left_block {
float: left; width: 250px;
}

#admin_left_block_medium {
float: left; width: 412px; /* was 342 */
}

#admin_right_block {
float: left; margin-left: 20px; width: 526px;
}

#admin_right_block_medium {
float: left; margin-left: 20px; width: 486px;
}


#admin_right_block_small {
float: left; margin-left: 20px; width: 326px;
}

  #body {
height: 100%;
    padding-bottom:90px;  /* Height of the footer */
/*padding-left: 15px;
padding-right: 14px;*/
  }

/*
#body_left {
  margin-top: 340px; 
  float: left;
  width: 200px;
}

#body_left_inner {
  padding-top: 9px;
background-color: #ffffff;
}

#body_left_below_menu {
  padding-left: 10px;
}
*/

#body_center {
  float: left;
  width: 650px;
  margin-top: 550px; /* height of header */
}

#body_center_inner {
  /*padding: 6px;*/
  padding-top: 6px;
  padding-right: 13px;
}

#body_right {
  float: left;
  width: 290px;
  margin-top: 550px; /* height of header */
}

#body_right_inner {
  padding-right: 0px;
  font-size: 1.1em;
}

#body_single_column_right {
  float: left;
  width: 100%;
  margin-top: 550px; /* height of header */
}

#cms_data {
  padding: 18px;
  padding-top: 0;
  font-size: 1.2em;
}

.cms_data_break {
padding: 20px; padding-top: 0px; padding-bottom: 0px; /* required for breaking cms data, to avoid inheritance issues */
}

#cms_data table, #page_overlay table {
border: 0; background-color: #ffffff;
}

#cms_data th, #page_overlay th {
background-color: #ffffff;
color: #3C6E67;
padding: 3px;
    /*background: url(../images/table_th_bg.png) top left repeat-x;*/
}

#cms_data td, #page_overlay td {
/*background-color: #ffffff;*/
padding: 3px;
}


#page_overlay {
position: absolute; z-index: 50; width: 100%; margin-top: 140px; text-align: center;
}

#page_overlay_inner {
margin: 0 auto; width: 990px; background-color: #ffffff;
}





  #footer {
    position:absolute;    
    bottom:0;
    width:100%;
    height:90px;      /* Height of the footer */
    font-size: 85%; font-weight: bold; color: #506E6A;

background-color: #B1C8C5;
  }
  #footer_content { 
    width: 960px; 
    height: 60px; 
    margin: 0 auto; 
    /*background: url(../images/footer.png) top left no-repeat;*/
  }

  #footer_content_bottom { 
    width: 910px;
    height: 45px; 
    margin: 0 auto; 
    /*background: url(../images/footer_bottom.png) bottom center no-repeat;*/
  }

  #body p {
/*    margin: 0px;
    padding: 0px;*/
  }

  #header p,
  #header h1 {
    margin:0;
    padding:10px 0 0 10px;
  }
  #footer p {
    margin:0;
    padding:10px;
    color: #777777;
  } 

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

#footer a:hover {
color: #4E373A;
text-decoration: underline;
}





/* menu buttons */
.menu {
  margin: 0;
  padding: 0;
  list-style:none;
}

.menu li {
  float: left;
  margin-top: 5px;
  margin-left: 2px;
  margin-right: 1px;
  padding: 0;
  background: none;
  line-height: 25px;
  display: block;
}

.menu li a {
  display: block;
  padding-left: 10px;
  font-size: 1.1em;
  font-weight: bold;
  text-decoration: none;
  background: url(../images/menufoo-li-a-back.png) 0 -26px no-repeat;
  color: #ffffff;
  outline: none;
  line-height: 25px;
}

.menu li a span {
  display: block;
  padding-right: 10px;
  background: url(../images/menufoo-li-a-span-back.png) right -26px no-repeat;
  padding-bottom: 1px;
  line-height: 25px;
}

.menu li a:active, .menu li a:hover,
.menu .menu-item-on a {
  background-position: 0 0;
  color: #FFFFFF;
}

.menu li a:active span, .menu li a:hover span,
.menu .menu-item-on a span {
  background-position: right 0;
}









/* menu buttons */
.mainmenu {
  margin: 0;
  padding: 0;
  list-style:none;
}

.mainmenu li {
  margin: 0;
margin-left: 4px; margin-right: 4px; margin-top: 2px;
  /*float: left;*/
  padding: 0;
  background: none;
  line-height: 20px;
  display: block;
height: 20px;
}

.mainmenu li a {
  display: block;
  padding-left: 10px;
  font-size: 1.3em;
  /*font-weight: bold;*/
  text-decoration: none;
  background: url(../images/menu-li-a-back.png) 0 -21px no-repeat;
  color: #ffffff;
  outline: none;
  line-height: 20px;height: 20px;
}

.mainmenu li a span {
  display: block;
  padding-right: 10px;
  background: url(../images/menu-li-a-span-back.png) right -21px no-repeat;
  padding-bottom: 1px;
  line-height: 20px;height: 20px;
}

.mainmenu li a:active, .mainmenu li a:hover,
.mainmenu .mainmenu-item-on a {
  background-position: 0 0;
  color: #FFFFFF;
}

.mainmenu li a:active span, .mainmenu li a:hover span,
.mainmenu .mainmenu-item-on a span {
  background-position: right 0;
}



/* for current page highlighting */
.mainmenu-item-on2 a {
  display: block;
  background: url(../images/menu-li-a-back.png) 0 0 no-repeat;
  color: #FFFFFF;
}

.mainmenu-item-on2 a span {
  display: block;
  background: url(../images/menu-li-a-span-back.png) right 0 no-repeat;
  color: #FFFFFF;
}



















/* buttons */

.button { 
  margin: 0;
  padding: 0;
  list-style:none;
}

.button li {
  margin: 0;
  padding: 0;  
  background: none;
  line-height: 26px;  
  display: block;
}

.button li a {
  height: 26px;  
  display: block;
  padding-left: 10px;
  font-size: 1.1em;  
  font-weight: bold;
  text-decoration: none;
  background: url(../images/button-li-a-back.png) 0 -26px no-repeat;
  color: #ffffff;
  outline: none;
}

.button li a span {
  line-height: 26px; 
  display: block;
  padding-right: 10px;
  background: url(../images/button-li-a-span-back.png) right -26px no-repeat;
}

.button li a:active, .button li a:hover {
  background-position: 0 0;
  color: #ffffff;
}

.button li a:active span, .button li a:hover span {
  background-position: right 0;
}



/* buttons - light */

.button_light { 
  margin: 0;
  padding: 0;
  list-style:none; text-align: center;
}

.button_light li {
  margin: 0;
  padding: 0;  
  background: none;
  line-height: 26px;  
  display: block;
}

.button_light li a {
  height: 26px;  
  display: block;
  padding-left: 10px;
  font-size: 0.9em;  
  font-weight: bold;
  text-decoration: none;
  background: url(../images/button-li-a-back_light.png) 0 -26px no-repeat;
  color: #ffffff;
  outline: none;
}

.button_light li a span {
  display: block;
  padding-right: 10px;
  background: url(../images/button-li-a-span-back_light.png) right -26px no-repeat;
}

.button_light li a:active, .button_light li a:hover {
  background-position: 0 0;
  color: #ffffff;
}

.button_light li a:active span, .button_light li a:hover span {
  background-position: right 0;
}




/* small buttons */
.small_button {
  margin: 0;
  padding: 0;
  list-style:none;
  float: left;
}

.small_button li {
  float: left;
  margin-left: 2px;
  margin-right: 1px;
  padding: 0;
  background: none;
  line-height: 15px;
  display: block;
}

.small_button li a {
  display: block;
  padding-left: 6px;
  font-size: 1.1em;
  font-weight: bold;
  text-decoration: none;
  background: url(../images/small-button-li-a-back.png) 0 -16px no-repeat;
  color: #ffffff;
  outline: none;
}

.small_button li a span {
  display: block;
  padding-right: 6px;
  background: url(../images/small-button-li-a-span-back.png) right -16px no-repeat;
  padding-bottom: 1px;
}

.small_button li a:active, .small_button li a:hover,
.small_button {
  background-position: 0 0;
  color: #FFFFFF;
}

.small_button li a:active span, .small_button li a:hover span,
.small_button {
  background-position: right 0;
}



/* button transparent background */

.buttontransparentbg { 
  margin: 0;
  padding: 0;
  list-style:none;
}

.buttontransparentbg li {
  float: left;
  margin: 0;
  padding: 0;  
  background: none;
  line-height: 26px;  
  display: block;
}

.buttontransparentbg li a {
  height: 26px;  
  display: block;
  padding-left: 10px;
  font-size: 1.0em;  
  font-weight: bold;
  text-decoration: none;
  background: url(../images/buttontransparentbg-li-a-back.png) 0 -26px no-repeat;
  color: #ffffff;
  outline: none;
}

.buttontransparentbg li a span {
  display: block;
  padding-right: 10px;
  background: url(../images/buttontransparentbg-li-a-span-back.png) right -26px no-repeat;
}

.buttontransparentbg li a:active, .buttontransparentbg li a:hover, .buttontransparentbg .buttontransparentbg-on a {
  background-position: 0 0;
  color: #000000;
}

.buttontransparentbg li a:active span, .buttontransparentbg li a:hover span, .buttontransparentbg .buttontransparentbg-on a span {
  background-position: right 0;
}





/* input field container */
.input_outer {
background: url(../images/input_edges.png) 0 0 no-repeat; 
}

.input_outer span {
margin-left: 9px;
padding-right: 9px;
background: url(../images/input_edges.png) right -26px no-repeat;
line-height: 26px;
height: 26px;
display: block;
}

.input_outer span input {
 color: #46668B; border-width: 0px; border-style: none; padding: 0; margin: 0;
}


/* input field container */
.input_outer_light {
background: url(../images/input_edges_light.png) 0 0 no-repeat; 
}

.input_outer_light span {
margin-left: 9px;
padding-right: 9px;
background: url(../images/input_edges_light.png) right -26px no-repeat;
line-height: 26px;
height: 26px;
display: block;
}

.input_outer_light span input {
 color: #4E6B67; border-width: 0px; border-style: none; padding: 0; margin: 0;
}



/* button made out of round-cornered divs */
.lightbutton {
display: block; text-align: center; line-height: 14px;
}

.lightbutton a{
font-size: 1.2em;
display: block;
color: #004D80;
text-decoration: none;
font-weight: bold;
}

.lightbutton a:hover {
display: block;
color: #ffffff;
text-decoration: none;
font-weight: bold;
}



/* box-button made out of round-cornered divs */
.lightboxbutton {
display: block;
}

.lightboxbutton a {
display: block;
background-color: #D8E6E5;
text-decoration: none;
padding: 5px;
}

.lightboxbutton a:hover {
display: block;
background-color: #E6EFEE;
text-decoration: none;
padding: 5px;
}



/* admin menu */

#admin_menu a {
font-size: 1.2em; 
font-weight: bold;
color: #ffffff;
text-decoration: none;
}

#admin_menu a:hover {
color: #E0E0E0;
text-decoration: none;
}

.admin_labels  { float: left; width: 180px; }

.admin_textfields { float: right; }



/* admin form bits */
.form_label  { float: left; width: 200px; margin-bottom: 10px; }
.input_long  { width: 280px;  margin-bottom: 10px; }
.input_short  { width: 130px;  margin-bottom: 10px; }
.input_val  { width: 50px;  margin-bottom: 10px; }
.textarea_short { width: 170px; height: 200px;  margin-bottom: 10px; }
.textarea_long { width: 390px; height: 200px;  margin-bottom: 10px; }
.generic  { margin-bottom: 10px; }



/* main menu dropdown box */

#menu_container {
/*position: relative; z-index: 200;*/
padding-left: 10px; padding-right: 10px;
background-color: #ffffff;
}

.dropdown-item {
width: 300px;
position: absolute; left: 0; z-index: 201; margin-top:-54px; visibility: hidden;
height: 0px;
}

.dropdown-item-inner {margin-left: 150px; 
}

.dropdown-item-inner-padding {
padding-left: 1em; padding-top: 4px; padding-bottom: 4px;
background-color: #184949; font-size: 1em;
}

.dropdown-item-inner-padding a {
font-size: 1em; font-weight: bold; color: #ffffff; text-decoration: none; padding-top: 4px; padding-bottom: 4px;
}

.dropdown-item-inner-padding a:hover {
font-size: 1em; font-weight: bold; color: #B9D4D1; text-decoration: none; padding-top: 4px; padding-bottom: 4px;
}
/*
.dropdown-item-inner-padding div a {
display: block;
margin-top: 3px; margin-bottom: 3px;
}*/

.dropdown-item-top-left-corner {
height: 5px; width: 50%; float: left;
background: url(../images/dropdown_menu_top_left.png) left 0 no-repeat; /* rounded corner on dropdown */
}

.dropdown-item-top-right-corner {
height: 5px; width: 50%; float: right;
background: url(../images/dropdown_menu_top_right.png) right 0 no-repeat; /* rounded corner on dropdown */
}



.dropdown-item-bottom-left-corner {
height: 10px; width: 50%; float: left;
background: url(../images/dropdown_menu_bottom_left.png) left 0 no-repeat; /* rounded corner on dropdown */
}

.dropdown-item-bottom-right-corner {
height: 10px; width: 50%; float: right;
background: url(../images/dropdown_menu_bottom_right.png) right 0 no-repeat; /* rounded corner on dropdown */
}

.dropdown_menu_left_arrow {
width: 6px;height: 11px;
position: relative; left: -6px; top: 20px;
background: url(../images/dropdown_menu_left_arrow.gif) 0 0 no-repeat; 
}

.img_center { width: 100%;
text-align: center;
color: #2C4F4B;
}

.img_border {
text-align: center;
/*background-color: #ffffff;
border-color: #ABABAB; border-width: 1px; border-style: solid;*/
}

/* below - replace with .png if non-ie6 support */

.bl_login {background: url(../images/corner-bottom-left.gif) 0 100% no-repeat; background-color: #000000; float: left; width: 100%;}
.bl_dark {background: url(../images/corner-bottom-left.gif) 0 100% no-repeat; background-color: #274744; float: left; width: 100%;}
.bl_medium {background: url(../images/corner-bottom-left.gif) 0 100% no-repeat; background-color: #4E6B67; float: left; width: 100%;}
.bl_red {background: url(../images/corner-bottom-left.gif) 0 100% no-repeat; background-color: #910F21; float: left; width: 100%;}
.bl {background: url(../images/corner-bottom-left.gif) 0 100% no-repeat; background-color: #D8E6E5; float: left; width: 100%;}
/*.bl_on {background: url(../images/corner-bottom-left.gif) 0 100% no-repeat; background-color: #7EA9D7; float: left; width: 100%;}*/
.br {background: url(../images/corner-bottom-right.gif) 100% 100% no-repeat}
.tl {background: url(../images/corner-top-left.gif) 0 0 no-repeat}
.tr_dark {background: url(../images/corner-top-right.gif) 100% 0 no-repeat; color: #E3EBEC;}
.tr {background: url(../images/corner-top-right.gif) 100% 0 no-repeat; color: #1F2E3A;}

.tlr_header {background: url(../images/box_top_heading.png) 0 0 no-repeat; color: #1F2E3A; width: 100%;}


.bl a {
  color: #274744;
}

.bl a:hover {
  color: #000000;
}
/*
.bl_main {background: url(../images/main-corner-bottom-left.gif) 0 100% no-repeat; background-color: #083951; float: left; width: 100%;text-decoration: none;}
.bl_main_on {background: url(../images/main-corner-bottom-left.gif) 0 100% no-repeat; background-color: #7EA9D7; float: left; width: 100%;text-decoration: none;}
.bl_main_cancelled {background: url(../images/main-corner-bottom-left.gif) 0 100% no-repeat; background-color: #995D6F; float: left; width: 100%;text-decoration: none;}
.br_main {background: url(../images/main-corner-bottom-right.gif) 100% 100% no-repeat}
.tl_main {background: url(../images/main-corner-top-left.gif) 0 0 no-repeat}
.tr_main {background: url(../images/main-corner-top-right.gif) 100% 0 no-repeat; color: #FFFFFF;}
*/

/* box-button made out of round-cornered divs */
.bl_main_box a{
font-size: 1.1em;
color: #000000;
}

a:hover .bl_main_box  {
color: #ffffff;
}

a:hover .bl_main .bl_main_box  {
color: #014E81; /* if box is highlighted, use this font colour when hovering */
}

.box_padding { padding: 16px; }
.box_padding_heading { padding: 15px; padding-top: 5px; padding-bottom: 5px; }
.box_padding_minimal { padding: 6px; padding-top: 0px; }
.box_padding_small { padding: 4px;}

.box_heading {
line-height: 30px; font-weight: bold; font-size: 1.6em; color: #FAFBFC; margin-bottom: 15px;
}



.box_break { clear: both; padding-bottom: 12px; }

.small_break { clear: both; height: 4px; }

.very_small_break { clear: both; display: block; height: 2px; }



.box_title {margin-bottom: 5px; color: #274744; font-weight: bold; }

.box_date { margin-bottom: 5px; color: #47706C; font-weight: bold;}

.box_text {margin-bottom: 5px; color: #274744; }


.textblock {
font-size: 1.4em;
color: #ffffff;
}

.addressblock {
font-size: 1.2em;
color: #083249;
}


.telephoneblock {
font-size: 28px;
color: #ffffff;
font-weight: bold;
line-height: 28px;
}

.telephoneblock a,.telephoneblock a:active {
line-height: 12px;
font-size: 12px;
color: #ffffff;
}

.telephoneblock a:hover {
line-height: 12px;
font-size: 12px;
color: #D8E6E5;
}



a.page_numbers {
float: left; 
border-style: solid; 
border-color: #7EA9D7; 
border-width: 1px; 
background-color: #ffffff; 
color: #004D80; 
line-height: 20px; 
width: 20px; 
text-align: center; 
margin-right: 2px;
text-decoration: none;
font-weight: bold;
margin-bottom: 3px;
}

a.page_numbers:hover, .page_numbers_on {
float: left; 
border-style: solid; 
border-color: #7EA9D7; 
border-width: 1px; 
background-color: #7EA9D7; 
color: #ffffff; 
line-height: 20px; 
width: 20px; 
text-align: center; 
margin-right: 2px;
text-decoration: none;
font-weight: bold;
margin-bottom: 3px;
}



.restaurant_menu_left {
  float: left; width: 632px;
}

.restaurant_menu_left_inner {
  margin-right: 13px;
}

.restaurant_menu_right {
  float: left; padding-top: 50px; width: 290px; text-align: center;
}

.restaurant_menu_right img {
  border-color: #D9E6E5; border-style: solid; border-width: 1px; padding: 4px;
}


#menu_text {
  color: #49847E;
  font-size: 14px;
}

#menu_text b {
  color: #2C4F4C;
  font-size: 18px;
}

#menu_box_inner h2 {
  margin: 0px;
  font-size: 28px;
  color: #2C4F4C;
  font-weight:bold;
}

#menu_box_inner h3 {
  margin: 0px;
  font-size: 26px;
  color: #999999;
  font-weight:bold;
}

#menu_box_inner h4 {
  margin: 0px;
  font-size: 18px;
  color: #49847E;
  font-weight:bold;
}

.tab_top {
height: 1px; width: 207px; background: url(../images/top_line.png) 0 0 no-repeat;
}

.tab_on {
height: 44px; width: 215px; background: url(../images/tab_on.png) 0 0 no-repeat;
}

.tab_off {
height: 44px; width: 215px; background: url(../images/tab_off.png) 0 0 no-repeat;
}

.tab_padding {
padding: 12px;
color: #ffffff;
font-size: 1.1em;
font-weight: bold;
}









/* small buttons */
.tabs {
  margin: 0;
  padding: 0;
  list-style:none;
width: 100%;
float: left;
  background: url(../images/tabs_end.png) right 0 no-repeat;
}

.tabs li {
  float: left;
  padding: 0;
  margin: 0;
  background: none;
  line-height: 35px;
  display: block;
}

.tabs li a {
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 1.0em;
  font-weight: bold;
  text-decoration: none;
  background: url(../images/tabs.png) 0 -35px no-repeat;
  color: #ffffff;
  outline: none;
  line-height: 35px;
}

.tabs li a:active, .tabs li a:hover, .tabs .tabs_on a {
  background-position: 0 0;
  color: #FFFFFF;
  line-height: 35px;
}



.itm_name {
  float: left; width: 381px; font-weight: bold; margin-bottom: 3px; background-color: #D8E6E5; padding: 3px;
}
.itm_web {
  float: left; width: 100px; font-weight: bold; margin-bottom: 3px; background-color: #D8E6E5; padding: 3px; text-align: center; margin-left: 1px; 
}
.itm_more {
  float: left; width: 100px; font-weight: bold; margin-bottom: 3px; background-color: #D8E6E5; padding: 3px; text-align: center; margin-left: 1px; 
}