/****** 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;
}
body.mceContentBody {
  background:black !important;
}

.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 *******/
/* HIDDEN - move things right off the top of the page - only useful to screen readers */
.hidden {
  position: absolute;
  top: -10000px;
  left: 0;
}
.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:580px;
  background-color:#033951;
  z-index:250;
}
.bodyContent {
  padding-left:150px;
  position:absolute;
  top:50px;left:0px;
  width:600px;height:310px;
  background-color:#1C4D63;
  z-index:300;
  scrollbar-base-color:#348EBA;
  font-size:100%;
}
.bodyContent 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;
  padding-top:20px
}
#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;
}

.bodyContent h1, .bodyContent h2 {
  margin:0 0 10px 0;padding:0;font-weight:normal;
}
.bodyContent h1 {
  color:#458BB7;
  font-size:300%;
}
.bodyContent 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;
}

.menulist , .menulist ul {padding:0;margin:0;border:none}
.menulist li {display:inline;margin:0;padding:0px 10px;border-left:1px solid black}
.menulist li:first-child {border:none;padding-left:0}


#top_menu {margin:0;padding:5px 0px;text-align:right}
#top_menu li {display:inline;margin:0;padding:0 5px;border-left:1px solid #c70079}
#top_menu li:first-child, #top_menu li.first {border:none}

#top_menu a  {text-decoration:none;color:#348EBA;padding:0 10px}
#top_menu a:hover {text-decoration:underline}
#top_menu .select {color:#BD002D}

/**** Left menu area ****/
#left_menu {color:white;margin-top:50px;}
#left_content_area h3 {font-size:100%;margin:30px 0 10px;padding:0}
#left_menu {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 .select {background-colour:yellow;color:white}

/**** Bottom menu ****/
#bot_wrap {
  position:absolute;bottom:0;left:0;padding:0
  text-align:right;
  color:white;
  width:100%;
  background-color:#D9EFFA
}
#bot_menu {margin:0;padding:5px 10px;float:right}
#bot_menu_status {background-color:#0C78AF}
#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 .select {color:white}

#bot_menu_wrap #login_id {
  color:white;float:left;margin:5px
}
#bot_wrap #bot_copyright {
  clear:both;color:#909090;background-color:#D9EFFA;padding-top:20px
}
#bot_wrap #bot_copyright ul {text-align:center;margin:5px}
#bot_wrap #bot_copyright li {border-color:#909090}
#bot_wrap #bot_copyright a {color:#909090}

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

/********** POPUP WINDOWS **************/
.popup-win, .popup-win-vis {
  position:absolute;z-index:600000
}
.popup-win {visibility:hidden}

#popup-win-login {
  top:250px;left:350px;
  width:300px;
  border:3px solid #394a5a;
  background-color:white;
  padding:0;margin:0;white-space:nowrap;
}
#popup-win-login form {padding:5px}
#popup-win-login h3 {color:white;background-color:#356b8f;padding:2px 10px;margin:0}
#popup-shield {
  position:absolute;z-index:500000;top:-10px;left:-10px;bottom:-10px;width:100%;background-color:#202020;
  display:none;margin:0 auto;
  filter:alpha(opacity=35);   /* Internet Explorer       */
  -moz-opacity:0.35;           /* Mozilla 1.6 and below   */
  opacity: 0.35;               /* newer Mozilla and CSS-3 */
}
#popup-shield.visible {display:block}

/**** 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;
}
.blog-intro {
  font-family:trebuchet;
  font-weight:bold;
  font-size:140%;
  color:#cedc15;
}
.blog-intro em {
  color:#a28fc1;font-style:normal
}
.SpringsteelSerifThin {}
.AsbelExtraLight {}
.PlanerRegular {}

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