/****** Set style for some standard HTML tags ******/
html, body {
  margin:0; padding:0; 
  background-color:#A4A38E; 
  color: #505050;
  font: 90% Tahoma,arial,helvetica,sans-serif;
  padding-bottom:100px;
  background-image:url(/custom/images/background-colour.gif);
  background-repeat:repeat-y;
  background-position:top left;
}
body.mceContentBody {
  background-image:none;
  background-color:white !important;
  font-weight:bold;
}

/* HIDDEN - move things right off the top of the page - only useful to screen readers */
.hidden {
  position: absolute;
  top: -10000px;
  left: 0;
}

b {font-weight:normal}

img {border:none}
div,p,ul,ol,li,td,th {
  font-size:100%;font-style: normal; font-weight:normal
}
table caption { text-align:center }
p {line-height:1.3;padding:0 0 0.5em 0;margin:0}
th,td {border-spacing:0}
tr {vertical-align:top}
legend {font-weight:bold}

ul {margin:0;padding:0.5em 0 0 20px}

form {padding:0;margin:0;}
fieldset {margin-top:5px;padding:2px}
xul {font-size:100%;margin:0;padding:0;padding-left:20px}

.center {text-align:center}
.center_block {margin-left:auto;margin-right:auto}

h1 {
  padding:0 10px 0 0;
  margin:3px 0 10px 0;
  font-size:150%;
  font-weight:normal;
  color:#888888;
}

h2 {
  font-size:100%;
}

.bodyContent, .bodyContentDraft, .bodyContentOld {
  position:relative;
}

#access {
  position:absolute;
  z-index:5000;
  top:0;
  left:0;
  width:750px;
  text-align:right;color:white;text-decoration:none
}
#access a {
  text-align:right;color:white;text-decoration:none
}

#access a:hover {
  text-decoration:underline
}

#frontpage_body {
  position:relative;
  background-image:url(/custom/images/background-colour.gif);
  background-repeat:repeat-y;
  background-position:top left;
}
#canvas_wrap {
  position:relative;
  top:20px;left:10px;
  border-right:2px solid #525028;
  width:750px;
}
#canvas, #canvas_wide {
  background-color:white;
  width:525px;
  background-image:url(/custom/images/background.jpg);
  background-repeat:no-repeat;
  background-position:left top;
  border-right:150px solid #F6E78C;
  padding-bottom:0;
  padding-left:75px;
  height:550px
}

#canvas_wide {
  width:675px;
  border-right:none;
}

html>body #canvas {height:auto;min-height:550px}
html>body #canvas_wide {height:auto;min-height:550px}

#canvas_body, #canvas_body_wide {
  position:relative;
  padding-top:75px;padding-right:20px;
  width:500px;
  z-index:250;
}
#canvas_body, #canvas_body_wide li {line-height:1.2}
.close li {line-height:1.2;padding:0;margin:0}

#canvas_body a, #canvas_body_wide a {text-decoration:underline;color:#0000ff}
#canvas_body a:hover, #canvas_body_wide a:hover {text-decoration:underline}
#canvas_body_wide {width:650px}

.gl_summary {
  position:absolute;top:0;left:0;visibility:hidden
}

#frontpage_body #canvas_body {
  width:350px;text-align:justify;padding-top:20px;

}

#fp_logo  {padding-top:0px;width:350px;height:147px}

#std_logo {
  position:absolute;left:62px;top:30px;z-index:2000;
  padding-left:0px;
}
#std_logo img.banner_y {width:64px;height:73px}
#banner_hawk {width:147px;height:24px;position:absolute;bottom:0;left:0;}
#banner_y {position:absolute;left:10px;top:-9px;z-index:1;width:64px;height:73px;z-index:2000}

#std_strap {
  margin:10px 0 0 0;
  padding-left:160px;
  font-size:120%;
  color:#A7A8AA;
}
#std_strap span {color:#F0D000}

#people {position:absolute;left:-75px;bottom:10px;z-index:10;width:302px;height:185px}

/**** Right-hand menu bar ****/
#right_menu_fp, #right_menu_std {
  position:absolute;
  right:0px;top:50px;
}
#right_menu_legal {
  position:absolute;
  bottom:0;right:100px;
}

#right_menu_fp .sel, #right_menu_std .sel {
  color:black;font-weight:bold;
}
#right_menu_fp {
  width:275px;
}
#right_menu_std {
  width:140px;overflow:hidden;
}
.r_block ul {padding:0;margin:0}
.r_block h1 {color:#888888;text-decoration:none}
.r_block a {color:#888888;text-decoration:none}
.r_block a:hover {color:black;text-decoration:underline}

.r_block {
  padding-top:1em;
  position:relative;
  width:100%;
}
#right_menu_fp .r_block{
  height:12em;
}

.r_block_l a {
  color:#888888;
  font-size:160%;
  text-decoration:none;
}
#right_menu_fp .r_block_l a {
  display:block;
  width:120px;text-align:center;
  position:absolute;top:0;left:0;
  height:100%;
  background-repeat:no-repeat;
  background-position:center center;
}

#right_menu_std .r_block_l a {
  display:block;
  width:120px;
  padding-bottom:10px;
}

#right_menu_fp .r_block_r {
  width:140px;float:right;padding-left:120px;padding-top:2em
}


#right_menu_fp #r_block0 {background-image:url(/custom/images/fp_img_apps.gif)}
#right_menu_fp #r_block1 {background-image:url(/custom/images/fp_img_service.gif)}
#right_menu_fp #r_block2 {background-image:url(/custom/images/fp_img_gallery.gif)}

#legal_block {
  position:absolute;
  right:5px;bottom:5px;
  width:140px;
  text-align:center;
}

#legal_block ul {display:inline;padding:0;margin:0}
#legal_block li {display:inline;padding:0 10px;margin:0;border-left:1px solid #888888}
#legal_block li:first-child {border-left:none}
#legal_block a {color:#888888}

#totop {position:absolute;right:0;bottom:3px;color:#808080}

/**** Position the identifying icon for a page. ****/
#page_icon {
  position:absolute;
  top:95px;left:-65px;width:50px;height:50px;
}

/**** Top menu ****/
#top_menu {
  z-index:10000;position:absolute;top:0;left:0;text-align:right;width:730px;padding-bottom:5px;
  padding-right:20px;
} 
#top_menu a,#std_top_menu a  {padding:2px 12px 2px 2px;color:black;font-weight:bold;text-decoration:none;font-size:70%}
#top_menu a:hover, #std_top_menu a:hover {color:black;text-decoration:underline}

#top_menu .sel a, #std_top_menu .sel a {color:#888888}

#std_top_menu {
  z-index:1000;position:absolute;top:0;left:0;text-align:right;width:730px;padding-bottom:5px;
  background-color:#EACE2F;
  padding-right:20px;
  background-image:url(/custom/images/top-menu-fade.gif);
  background-repeat:repeat-y;
  background-position:left;
} 

#top_menu li, #std_top_menu li {
  padding:0;color:white;font-size:120%;padding:0 10px 0 0
}
#top_menu li {color:#EFD000}

/**** General menu layout ****/
.menulistblk {
  display:block;
  margin-left:20px;
  padding:0;
  list-style-type:none
}
.menulistblk li {display:block;padding:0;margin:0;list-style-type:none;line-height:1}
.menulistblk a  {color:#888888;text-decoration:none}
.menulistblk a:hover {color:black;text-decoration:underline}

.menulistblk2 {border:none;padding:0;margin:0 0 20px 5px;margin-bottom:20px}
.menulistblk2 li {display:block;padding:0;margin:0;line-height:1}

.menulist ul, .menulist li {display:inline;padding:0;margin:0}

.menusep li {margin:0 5px}
.menusep #thispage {border:1px solid black}

/**** Page headings ****/
/**** CMS CLASS ****/
.page_heading {
  font-size:150%;color:black;margin-bottom:30px;
}
.separate {
  border-top:1px solid #a4a38e;margin-top:10px;padding-top:10px;
}
.note {
  background-color:#FFFf80;
  margin-top:10px;
  padding:5px 5px 5px 20px;
  border:1px solid black;
  background-image:url(/images/note.gif);
  background-repeat:no-repeat;
  background-position:5px 5px;
}
/************* Gen purpose pretty table ***************/
.pretty_table th {
  text-align:center;font-weight:bold;color:white;background-color:gray;vertical-align:middle;padding:3px 5px 0 5px;
}
.pretty_table td {
  background-color:#E0E0E0;vertical-align:top;padding:0 5px
}
/**** CMS CLASS END ****/
.page_heading span {
  padding-right:10px;
  color:#A7A8AA;
  background-image:url(/custom/images/menu_top_bullet.gif);
  background-repeat:no-repeat;
  background-position:top right;
}

/**** Columns ****/
#column-layout {}

#column-layout table {table-layout:fixed;width:100%;}

#column-layout td {width:50%}

.head-block {
  font-size:120%;
}
.left-block {
  padding-right:5px;
}
.right-block {
  padding-left:5px;
}

/**** Gallery ****/
#gallery_summary {
  float:right;
  font-size:80%;
  background-color:#EFEFEF;
  border:1px solid black;
  border-right:2px solid #525028;
  border-bottom:2px solid #525028;
  margin-left:5px;padding:3px;
  padding-right:10px;
}

#gallery_summary table {margin:0}
#gallery_summary td {padding-left:30px;}
#gallery_summary th {text-align:left;}

/******************* CMS CONTROLS *******************/
#cms_controls {
  position:absolute;top:1px;left:1px;z-index:30000;text-align:center;width:300px;
  border:1px solid black;background-color:white;padding:2px
}
#cms_controls input {
  margin:0;padding:0;font-size:80%
}
/******************* CMS BORDERS *******************/
.cms-block {position:relative}
.cms-block .cms-edit-img {position:absolute;top:0;right:0;z-index:20000}
.cms-border {border:1px dashed black}
#cms-debugtime {
  color:black;background-color:white;position:absolute;right:0;padding:3px;z-index:100000;border:1px solid black;text-align:right
}

/** DEBUG **/
.debugoutput {text-align:left; margin-top:500px}