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

html, body{font-size:82%; margin:0;
font-family: FreeSans, "Liberation Sans", "Nimbus Sans L", Arial, sans-serif; /* adjust to taste */
color:#004B80;                               /* adjust to taste */
    background: url(../images/page_background.png) top left repeat-x;
    background-color: #98BCDC;
    height:100%; 
}

body{
  overflow:  -moz-scrollbars;
}

input { outline: none; }

.smalltext { font-size: 9px; }

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;
}

.hidden_for_print {
  display: none;
  visibility: hidden;
}

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

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

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

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

.main_page_success {
display: block;
padding: 6px;
background-color: #459921;
font-weight: bold;color: #ffffff;
margin-top: 10px;
}

.main_page_attention {
display: block;
padding: 6px;
background-color: #E0E0E0;
font-weight: bold;color: #000000;
margin-top: 10px;
}






#outer_container {
   height:100%;

}

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

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




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

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


  #header {
    position: absolute; z-index: 20; 
    width: 100%;
    margin-top: 26px;
  }

  #header_inner {
    background:#FFFFFF;
    width: 980px; 
    margin: 0 auto;
  }

  #header_content {
    padding-left: 13px;
  }



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

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

#admin_padding {
  background-color: #000000;
  color: #ffffff;
  padding: 6px;
}

#admin_padding_short {
  width: 400px;
  padding: 6px;
  background: url(../images/admin_top_rounded_corner.png) bottom right no-repeat;
  background-color: #000000;
  color: #ffffff;
}

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









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

#admin_left_block_medium {
float: left; width: 442px;
}

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

#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:119px;  /* Height of the footer */
padding-left: 15px;
padding-right: 14px;
  }


#body_left {
  margin-top: 340px; /* height of header */
  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: 553px;
  margin-top: 340px; /* height of header */
}

#body_center_inner {
  padding: 14px;
  padding-top: 9px;
  padding-right: 13px;
}

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

#body_right_inner {
  padding-right: 0px;
  padding-top: 9px;
}

#cms_data {
  padding: 20px;
  background: url(../images/center_top.png) top left no-repeat;
  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 {
background-color: #7EA9D7; border-collapse: collapse; border-color: #7EA9D7; border-style: solid; border-width: 1px;
}

#cms_data th, #page_overlay th {
background-color: #457EB0;
color: #ffffff;
padding: 4px;
    background: url(../images/table_th_bg.png) top left repeat-x;
 border-color: #7EA9D7;
  border-style: solid; border-width: 1px;
}

#cms_data td, #page_overlay td {
background-color: #ffffff;
padding: 4px;
 border-color: #7EA9D7;
  border-style: solid; border-width: 1px;
}



table.admin {
/*border: 0; background-color: #AAAAAA;*/
border-color: #AAAAAA;  background-color: #AAAAAA; border-collapse: collapse; border-style: solid; border-width: 1px;
}

table.admin th {
background-color: #777777;
color: #ffffff;
padding: 4px;
border-color: #AAAAAA;
}

table.admin td {
background-color: #ffffff;
padding: 4px;
border-color: #AAAAAA;
}


tr.admin_on td {
background-color: #E7E7E7;
padding: 4px;
border-color: #AAAAAA;
}

#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:119px;      /* Height of the footer */
    font-size: 85%; font-weight: bold; color: #004D80;
  }
  #footer_content { 
    width: 982px; 
    height: 74px; 
    margin: 0 auto; 
    background: url(../images/footer.png) top left no-repeat;
  }

  #footer_content_bottom { 
    width: 1002px;
    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;
  } 






/* menu buttons */
.menu {
  margin: 0;
  padding: 0;
  list-style:none;
  background: url(../images/master_menu_bg.png) top left no-repeat;
}

.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-size: 1.08em;*/
  font-size: 1.02em;
  font-weight: bold;
  text-decoration: none;
  background: url(../images/menu-li-a-back.png) 0 -26px no-repeat;
  color: #ffffff;
  outline: none;
}

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

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

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


/* dropdown menu overlay for menu button */
.menu_dropdown_on  {
position: absolute;
  margin-top: -26px;
  margin-right: 1px;
  padding: 0;
  background: none;
  line-height: 25px;
  display: block;
}

.menu_dropdown_on a, .menu_dropdown_on a:hover {
  display: block;
  padding-left: 10px;
/*  font-size: 1.1em;*/
/*  font-size: 1.08em;*/
  font-size: 1.02em;
  font-weight: bold;
  text-decoration: none;
  background: url(../images/menu-li-a-back.png) 0 26px no-repeat;
  background-position: 0 -52px;
  color: #004D80;
  outline: none;
}

.menu_dropdown_on a span, .menu_dropdown_on a:hover span {
  display: block;
  padding-right: 10px;
  background: url(../images/menu-li-a-span-back.png) right -26px no-repeat;
  padding-bottom: 1px;
  background-position: right -52px;
}




/* 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 {
  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;
}

.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.87em;  
  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, .button_light .button_light_on a {
  background-position: 0 0;
  color: #ffffff;
}

.button_light li a:active span, .button_light li a:hover span, .button_light .button_light_on a 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;
}


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

.pagemenu li {
  float: left;
  margin: 0;
  padding: 0;

/*  margin-top: 5px;*/
/*  margin-left: 2px;*/
  margin-right: 3px;
  margin-bottom: 3px;

  background: none;
  line-height: 25px;
  display: block;
}

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

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

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

.pagemenu li a:active span, .pagemenu li a:hover span,
.pagemenu .pagemenu-item-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: 7px;
padding-right: 7px;
background: url(../images/input_edges.png) right -26px no-repeat;
line-height: 26px;
height: 26px;
display: block;
}

.input_outer span input {
 color: #7EA9D7; 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: 7px;
padding-right: 7px;
background: url(../images/input_edges_light.png) right -26px no-repeat;
line-height: 26px;
height: 26px;
display: block;
}

.input_outer_light span input {
 color: #7EA9D7; 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{
font-size: 1.1em;
display: block;
color: #004D80;
text-decoration: none;
}

.lightboxbutton a:hover {
display: block;
color: #ffffff;
text-decoration: none;
}







/* 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; padding-bottom: 12px;}

.admin_textfields { float: right; }



/* admin form bits */
.form_label  { float: left; width: 200px; margin-bottom: 10px; }
.form_label_right  { float: left; xwidth: 200px; text-align: right; margin-bottom: 10px; margin-right: 10px; }
.input_long  { width: 260px;  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: 260px; height: 200px;  margin-bottom: 10px; }
.generic  { margin-bottom: 10px; }



/* main menu dropdown box */

#menu_container {
position: relative; z-index: 200;
}

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

.dropdown-item-inner {
}

.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-inner-padding {
padding-left: 8px; padding-top: 4px; padding-bottom: 4px;
/*background: url(../images/dropdown_menu_top_right_corner.png) right top no-repeat;*/ /* rounded corner on dropdown */
background-color: #ADCBFF;
}

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

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

.dropdown-item-inner-padding div a {
display: block;
margin-top: 3px; margin-bottom: 3px;
}


.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 */
}



/* calendar top-right table */

.calendar_table {
  width: 178px;
  border-style: none;
  background-color: transparent;
  border-width: 0px; 
  border-color: #7EA9D7;
}

.calendar_table td, .calendar_table tr {
    border-color: #C9DAFF;
    border-width: 2px; 
    border-style: solid;
}


.calendar_item_days {
background-color: transparent;
  font-weight: bold;
text-align: center;
width: 25px;
line-height: 12px;
padding: 2px;
}

.calendar_item {
  background-color: #ffffff;
  color: #5F5F5F;
text-align: center;
width: 23px;
line-height: 16px;
margin: 1px;
padding: 2px;
}

.calendar_item_on {
  background-color: #C9DAFF;
  color: #000000;
text-align: center;
width: 23px;
line-height: 16px;
padding: 2px;
}

.calendar_item_booked {
  background-color: #7EA9D7;
  color: #ffffff;
text-align: center;
width: 23px;
line-height: 16px;
padding: 2px;
}


.event_left {
float: left;
width: 34px;
color: #ffffff;
font-weight: bold;
}

.event_right {
float: left;
width: 152px;
}



.img_center { width: 100%;
text-align: center;
}

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




.bl {background: url(../images/corner-bottom-left.gif) 0 100% no-repeat; background-color: #C9DAFF; float: left; width: 100%;}
.bl_on {background: url(../images/corner-bottom-left.gif) 0 100% no-repeat; background-color: #7EA9D7; float: left; width: 100%;}
.bl_side_bg {background: url(../images/side_button_bg.png) 0 100% no-repeat; background-color: #C9DAFF; 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 {background: url(../images/corner-top-right.gif) 100% 0 no-repeat; color: #014E81;}

.bl a {
  color: #004D80;
}

.bl a:hover {
  color: #000000;
}

.bl_main {background: url(../images/main-corner-bottom-left.gif) 0 100% no-repeat; background-color: #C9DAFF; 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: #014E81;*/}



.bl_buy {background: url(../images/buy-corner-bottom-left.png) 0 100% no-repeat; background-color: #FFFFFF; float: left; width: 100%; text-decoration: none;}
.br_buy {background: url(../images/buy-corner-bottom-right.png) 100% 100% no-repeat}
.tl_buy {background: url(../images/buy-corner-top-left.png) 0 0 no-repeat}
.tr_buy {background: url(../images/buy-corner-top-right.png) 100% 0 no-repeat; color: #014E81;}




/* main box hover font settings */
.bl_main_box a, .bl_main_box a h2 {
 text-decoration: none; 
 color: #014E81;
}

.bl_main_box a:hover, .bl_main_box a:hover h2, .bl_main_box_on a, .bl_main_box_on a h2, .bl_main_box_on a:hover, .bl_main_box_on a:hover h2, .bl_main_box_on, .bl_main_box_on h2 {
 text-decoration: none; 
 color: #ffffff; 
}






.box_padding { padding: 7px; }
.box_padding_calendar { padding: 10px; font-size: 1.2em; }
.box_padding_minimal { padding: 6px; line-height: 0px; }

.box_heading {
background: url(../images/side_box_heading.png) 0 0 no-repeat; line-height: 26px;  padding-left: 10px; font-weight: bold; font-size: 1.2em; color: #ffffff; margin-bottom: 8px;
}

.box_heading_detached {
background: url(../images/side_box_heading.png) 0 0 no-repeat; line-height: 26px;  padding-left: 10px; font-weight: bold; font-size: 1.2em; color: #ffffff;
}

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

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

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

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;
}


.selection_box_on {
background-color: #E0E0E0;
}

.selection_box_off {
background-color: #ffffff;
}

.infobox {
padding: 8px;
border-style: solid; border-width: 1px; border-color: #427DAE;
background-color: #ffffff;
margin-bottom: 10px;
}

/* shop */
b.price { color: #990000; font-size: 1.1em; }
.buybox { padding:4px; /*border-style: solid; border-width: 1px; border-color: #7EA9D7;*/ color: #004B80;  width: 200px;}
.available { color: #008800; /*text-align: center;*/ margin-bottom: 4px; }
.price_label { float: left; width: 70px; line-height: 1.7em; }
.price_data { float: left; width: 130px;}
.user_selector_label { float: left; width: 40px; line-height: 1.7em; }
.user_selector_dropdown { float: left; width: 205px; margin-bottom: 10px;}
.item_notice_box { float: left; color: #00881A; width: 150px; font-weight: bold; border-style: solid; border-width: 1px; text-align: center; border-color: #7EA8D7; background-color: #ffffff; margin-right: 20px; margin-top: 8px; margin-bottom: 8px; }
.item_notice_box_inner { padding: 3px; }

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid #000000;
padding: 8px;
background-color: #000000;
visibility: hidden;
z-index: 100;
color: #ffffff;
font-size: 12px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}





#ticker, #ticker2{
width: 184px;
height: 25px;
background-color: #6D92B9;
color: #ffffff;
font-size: 12px;
}

#ticker a, #ticker2 a{
text-decoration: none;
}

.ticker_class{ /*class to apply to your scroller(s) if desired*/
}

.ticker_padding {
/*padding: 4px;*/
line-height: 25px;
padding-left: 4px;
float: left;
text-align: center;

}

.ticker_rightval {
float: right;
width: 40px;
line-height: 25px;
font-weight: bold; font-size: 14px;
background-color: #51789D;
text-align: center;
}