/* 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: #264D67;      color: #433527;                           /* adjust to taste */
 background-color: #ffffff;
    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: 992px; 
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: 992px; 
    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: 992px;  
    margin: 0 auto;
    min-height:100%;  
      background: url(../images/left_column_bg.png) top left repeat-y;
  }

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


  #header {
    width: 100%;
    margin-top: 26px;
  }

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

  #header_content {
    padding: 11px;
    padding-top: 34px;
  }



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

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

#admin_padding {
  padding: 6px;
}

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


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

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

#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:178px;  /* 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: 640px;
}

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

#body_right {
  float: left;
  width: 300px;
}

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

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

  #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: #264D67;

text-decoration: none;
}

#footer a:hover {
color: #264D67;
color: #433527;
text-decoration: none;
}





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

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

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

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

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

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


/* dropdown menu overlay for menu button */
.mainmenu_dropdown_on  {
position: absolute;
  margin-top: -22px; /* relates to dropdown-item  */
  margin-right: 1px;
  padding: 0;
  background: none;
  line-height: 17px;
  display: block;
}

.mainmenu_dropdown_on a, .mainmenu_dropdown_on a:hover {
  display: block;
  padding-left: 10px;
  font-size: 1.4em;
  font-weight: bold;
  text-decoration: none;
  /*background: url(../images/menu-li-a-back.png) 0 26px no-repeat;*/
  background-position: 0 -52px;
  color: #808080;
  outline: none;
  padding-bottom: 1px; /* space beneath button */
}

.mainmenu_dropdown_on a span, .mainmenu_dropdown_on a:hover span {
  display: block; 
background-color: #ffffff;
  padding-right: 10px;
  /*background: url(../images/menu-li-a-span-back.png) right -26px no-repeat;*/
  background-position: right -52px;
  padding-bottom: 2px; /* space beneath button (above padding + 1)*/
}

.mainmenu_dropdown_on_separator {
  height: 1px;
  line-height: 1px;
  font-size: 1px;
}








/* 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/button-li-a-back_light.png) 0 -26px no-repeat;
  color: #ffffff;
  outline: none;
}

.menu li a span {
  display: block;
  padding-right: 10px;
  background: url(../images/button-li-a-span-back_light.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: #FFFFFF;
}

.menu li a:active span, .menu li a:hover span,
.menu .menu-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; 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: #5D798C;
}

.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: #E3DFDD;*/
text-decoration: none;
padding: 5px;
}

.lightboxbutton a:hover {
display: block;
background-color: #eeeeee;
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: 360px;  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: 360px; 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:-11px; /* relates to mainmenu_dropdown_on */
visibility: hidden;
height: 0px;
}

.dropdown-item-inner {

}

.dropdown-item-inner-padding {
padding-left: 8px; padding-top: 8px; padding-bottom: 4px;
background: url(../images/dropdown_menu_top_right_corner.png) right top no-repeat; /* rounded corner on dropdown */
}

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

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

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

.dropdown-item-top-left-corner {
/*height: 10px; float: left;*/
background: url(../images/dropdown_menu_top_left_corner.png) left top no-repeat;
background-color:#80807F;
}

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







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

.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-color: #000000; float: left; width: 100%;}
.bl_dark { background-color: #264D67; float: left; width: 100%;}
.bl_medium { background-color: #35536E; float: left; width: 100%;}
.bl { background: url(../images/block_background.png) 0 100% repeat-y;background-color: #DADADA; background-color:#D5D2D0; 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 { color: #E3EBEC;}
.tr { color: #1F2E3A;}

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

.bl a {
  color: #004D80;
  color: #433527;
}

.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_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.4em;
color: #ffffff;
}

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


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



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

.content_block a, .content_block a:hover { text-decoration: none; }