/****** Set style for some standard HTML tags ******/
html, body {
    margin:0; padding:0; 
    background-color:#D9EFFA; 
    color: white;
    font: 80% tahoma,verdana,arial,helvetica,sans-serif;
}

.cms_blockEdit {
  background-color:#1A5980 !important;
}

img {border:none}

table,div,p,ul,ol,li,td,th {
  font-size:100%;font-style: normal; font-weight:normal; text-align:left;
}
caption {font-weight:bold;background-color:#3366CC;color:white;padding:3px}
th {font-weight:bold}
li,p,th {line-height:1.5}
th,td {border-spacing:0}
tr {vertical-align:top}
legend {font-weight:bold}

form {padding:0;margin:0;vertical-align:top;}
fieldset {margin-top:5px;padding:2px}
ul {margin:0; padding:0 0 5px 20px;font-size:100%}
li, p {margin:0; padding:0}
p {margin-bottom:5px}
p.join {margin-bottom:0px}
a:hover {text-decoration:underline}

.centre {text-align:center}
.strong {font-size:120%;font-weight:bold}

/****** Page sections : banner, body and footer *******/
.bodyContent, .bodyContentDraft, .bodyContentOld {
  margin:0;padding:0 0 10px 0;
  background-color:transparent;
  color: #284D9B;
  width:100%;
  height:400px;
}

html>body .bodyContent, html>body .bodyContentDraft, html>body .bodyContentOld {
  height:auto; min-height:400px;
}

.Warning    { color: #FF0000; } 
.Error      { text-align:center; color: #FF0000; } 
.Message    { font-size: 120%; text-align:center; padding:0; font-weight: bold; color: #FF0000; height:1em} 
.ErrField {background:#E3E3E3}

/***** Basic positional elements ****/
#banner_area {
  position:absolute;
  top:0;left:0;width:800px;height:65px;
  color:#348EBA;
  border:1pxs solid black;
}
#frame_wrap {
  position:relative;
}
#bg_stripe {
  position:absolute;
  top:120px;left:0;
  width:100%;height:310px;
  background-color:#B4D4EB;
  z-index:10;
}
#canvas_area {
  position:absolute;
  top:70px;left:50px;
  width:750px;height:520px;
  background-color:#033951;
  z-index:250;
}
#content_area {
  position:absolute;
  top:50px;left:0;
  width:750px;height:310px;
  background-color:#1C4D63;
  z-index:300;
  scrollbar-base-color:#348EBA;
  font-size:100%;
}
#content_area a {
  color:white;
}

#animation {
  position:absolute;
  top:440px;left:50px;width:750px;
  background-color:#033951;
  z-index:500;
}

#menuBannerCtrl {
  float:right
}

/**** The content area comprises 3 columns - left menu - mid-block and -right block ****/
#title_block {
  position:absolute;top:-35px;left:155px;z-order:20000
}
#title_block h1 {
  font-size:180% !important;
}

#left_content_area {
  position:absolute;
  left:0;top:50px;
  width:145px;height:310px;
  z-index:500;
  overflow:auto;
  padding-left:5px;
}
#centre_content_area, #centre_content_area_p {
  position:absolute;
  left:0;top:0;
  height:300px;
  z-index:1000;
  padding: 10px 10px 5px 10px;
  overflow:auto;
}
#centre_content_area {
  width:210px;
}
#centre_content_area_p {
  width:150px;
}
#icon_menu {
  position:absolute;bottom:0;z-index:3000;
  width:200px;height:40px;
  text-align:center;
}

#icon_menu table {
  margin:0 auto;
}

#icon_menu a {
  padding:1px;display:block;margin:0;
}
#icon_menu a:hover {
  padding:0px;
  border:1px solid white;
}

#right_content_area, #right_content_scroll_area, #right_content_area_p {
  position:absolute;
  left:230px;top:0;
  z-index:500;
}
#right_content_area_p {
  left:200px;
  width:400px;height:310px;
  overflow:hidden;
}
#right_content_area {
  width:370px;height:310px;
  overflow:hidden;
}
#right_content_scroll_area {
  width:370px;height:310px;
  padding:0;
  overflow:auto;
}
#wide_content_block {
  margin-left:100px;
  height:300px;
  padding:43px 0 5px 5px;
}

/**** right_big_content_area is a single block that can be divided within a page and covers both 
 **** centre and right areas
 ****/
#right_big_content_area {
  position:absolute;
  left:150px;top:0;
  width:600px;height:310px;
  padding:0;
  overflow:hidden;
}

#content_area h1, #content_area h2 {
  margin:0 0 10px 0;padding:0;font-weight:normal;
}
#content_area h1 {
  color:#458BB7;
  font-size:300%;
}
#content_area h2 {
  color:white;
  font-size:120%;margin:20px 0 0 0;padding:0;
}

#centre_content_area h1 {
  font-size:120%
}

/**** top_menu ****/
#top_menu {
  position:absolute;
  bottom:0;right:0;
  font-size:120%;
  color:#BD002D;
}

#top_menu ul {margin:0;padding:5px 0px;text-align:right}
#top_menu li {display:inline;margin:0;padding-left:0px}
#top_menu a  {text-decoration:none;color:#348EBA;padding:0 10px}
#top_menu a:hover {text-decoration:underline}
#top_menu .menusel {color:#BD002D}

/**** Left menu area ****/
#left_menu {color:white;margin-top:50px}
#left_menu h1 {font-size:100%;margin:10px 0}
#left_menu ul {margin:0;padding:0}
#left_menu li {display:block;margin:0;padding:0;margin-bottom:5px}
#left_menu a  {color:#458BB7;text-decoration:none}
#left_menu a:hover {text-decoration:underline;color:white}
#left_menu .menusel {background-colour:yellow;color:white}

/**** Bottom menu ****/
#bot_menu {
  position:absolute;bottom:0;left:0;
  text-align:right;
  color:white;
  width:100%;
  background-color:#0C78AF
}
#bot_menu ul {margin:0;padding:5px 10px;text-align:right}
#bot_menu li {display:inline;margin:0;padding-left:20px}
#bot_menu a  {color:#85BBCF;text-decoration:none}
#bot_menu a:hover {text-decoration:underline;color:white}
#bot_menu .menusel {color:white}

/**** Banner elements ****/
#page_logo {
  position:absolute;
  top:8px;
  left:85px;
}


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

/**** CMS CLASS END ****/