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

html, body{
font-size:82%; margin:0; 
font-family: arial, helvetica, sans-serif; /* adjust to taste */
color:#535350;                               /* adjust to taste */
  background-color: #58595B;
    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: #893D37;
text-decoration: none;
font-weight: bold;
outline: none;
}

a:hover {
color: #58585A;
text-decoration: none;
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: 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;
}

.main_page_success {
display: block;
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: 908px; 
    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: 908px;  
    margin: 0 auto;
    min-height:100%;  
      background: url(../images/left_column_bg.png) top left repeat-y;
  }

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


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

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

  #header_content {
    padding-left: 10px;
  }



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

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

#admin_padding {
  padding: 6px;
}

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


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

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

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

#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: 11px;
padding-right: 11px;
  }


#body_left {
  margin-top: 208px;  /* height of header */
  float: left;
  width: 203px;
}

#body_left_inner {
  font-size: 1.2em;
}



#body_single_column_right { float: left; margin-top: 208px; margin-left: 10px; width: 673px; }



#body_center {
  float: left;
  width: 446px;
  margin-left: 10px; margin-right: 10px;
  margin-top: 208px;  /* height of header */
}

#body_center_inner {
  /*padding: 9px;*/
}

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

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

#cms_data {
  /*padding: 20px;*/
  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: #7EA9D7;
}

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

#cms_data td, #page_overlay td {
background-color: #ffffff;
padding: 4px;
}


#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: #818181;
  }
  #footer_content { 
    width: 910px; 
    height: 133px; 
    margin: 0 auto; 
    background: url(../images/footer.png) top left no-repeat;
  }

  #footer_content_bottom { 
    width: 910px;
    height: 15px; 
    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: #777777;
text-decoration: underline;

}

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




/* MENU BUTTONS */
.menu {
  width: 203px;
  margin: 0;
  padding: 0;
  list-style:none;
}

.menu li {
  float: left;
  width: 203px;
  margin: 0;
  padding: 0;
  background: none;
  line-height: 45px;
  display: block;
}

.menu li a {
  width: 188px;
  display: block;
  padding-left: 15px;
  font-weight: bold;
  text-decoration: none;
  background: url(../images/menu-li-a-back.png) 0 -46px no-repeat;
  color: #ffffff;
  outline: none;
}

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

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

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



/* SUBMENU BUTTONS */
.submenu {
  margin: 0;
  padding: 0;
  list-style:none;
  padding: 5px;
  padding-bottom: 0px;
background-color: #E4E4E4;
}

.submenu li {
  /*margin: 30px 5px 0 0;*/
  margin: 0;
  padding: 0;
  background: none;
  line-height: 28px;
  display: block;
  padding-bottom: 5px;
}

.submenu li a {
  display: block;
  padding-left: 15px;
  font-size: 0.8em;
  text-decoration: none;
  background: url(../images/submenu-li-a-back.png) 0 -29px no-repeat;
  color: #ffffff;
  outline: none;
}

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

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

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






/* MAIN PAGE BUTTONS */
.mainbutton {
  margin: 0;
  padding: 0;
  list-style:none;
  background-color: #E4E4E4;
}

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

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

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

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

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
















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



/* 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: #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{
display: block;
background-color: #BED5E7;
text-decoration: none;
padding: 5px;
}

.lightboxbutton a:hover {
display: block;
background-color: #CFE0ED;
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; }
.form_label_short  { float: left; width: 100px; margin-bottom: 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; }










.img_center { width: 100%;
text-align: center;
color: #ffffff;
font-size: 0.8em;
}

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

.img_center_drk { width: 100%;
text-align: center;
color: #000000;
font-size: 0.8em;
}


.hbl {background: url(../images/heading-corner-bottom-left.gif) 0 100% no-repeat; background-color: #62625E; float: left; width: 100%; margin-bottom: 10px; }

.hbl_gallery {background: url(../images/heading-corner-bottom-left.gif) 0 100% no-repeat; background-color: #62625E; float: left; margin-bottom: 10px; margin-left: 5px; margin-right: 5px; }

.hbl_green {background: url(../images/heading-corner-bottom-left.gif) 0 100% no-repeat; background-color: #B1DF46; float: left; width: 100%; margin-bottom: 10px;}

.hbr {background: url(../images/heading-corner-bottom-right.gif) 100% 100% no-repeat}
.htl {background: url(../images/heading-corner-top-left.gif) 0 0 no-repeat}
.htr {background: url(../images/heading-corner-top-right.gif) 100% 0 no-repeat; padding: 4px; color: #000000;}




.bl_dark {background: url(../images/corner-bottom-left.png) 0 100% no-repeat; background-color: #58595B; float: left; width: 100%;}
.bl {background: url(../images/corner-bottom-left.png) 0 100% no-repeat; background-color: #E4E4E4; float: left; width: 100%;}
/*.bl_on {background: url(../images/corner-bottom-left.png) 0 100% no-repeat; background-color: #7EA9D7; float: left; width: 100%;}*/
.br {background: url(../images/corner-bottom-right.png) 100% 100% no-repeat}
.tl {background: url(../images/corner-top-left.png) 0 0 no-repeat}
.tr_dark {background: url(../images/corner-top-right.png) 100% 0 no-repeat; color: #E3EBEC;}
.tr {background: url(../images/corner-top-right.png) 100% 0 no-repeat; color: #1F2E3A;  padding: 9px; padding-bottom: 11px;}

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


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

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

.textblockheading {
color: #B1DF46;
font-size: 1.2em;
margin-bottom: 6px;
}


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