/* TOP LEVEL SELECTIONS */
body {
  color:#black;
  background-color: #c0c0c0;
  font-style: normal; font-weight:normal;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:80%;
  padding: 10px; margin: 0;
  text-align: left;
  line-height:1.4;
}
* {line-height:1.5 !important;}

.mceContentBody {background-color:white}

/* STANDARD TAGS */
img {border:none}
table {border-spacing:1px}
table tr {vertical-align:top}
tbody th {text-align:left}
form {padding:0;margin:0;}
fieldset {margin-top:5px;margin-bottom:10px;display:inline-block}
b {font-weight:inherit}
p {padding:0;margin:0;margin-bottom:1em}
a {color:#003888}

/************* HEADINGS **************/
h1 {font-size:160%;color:#003888;padding:0;margin:0;margin-bottom:0.5em}
h2 {font-size:140%;color:#003888;padding:0;margin:0;margin-bottom:0.5em;margin-top:1em}
h1:first-child, h2:first-child {margin-top:0}

/************* CORE ELEMENTS **************/
.ErrField {background-color:#c0c0c0}
.Error, .Message {color:red;font-weight:bold;text-align:center}
.centre {text-align:center}
.inline {display:inline-block}
.space-below {margin-bottom:10px !important}

/************* Basic page block structure *************/
/* HIDDEN - move things right off the top of the page - only useful to screen readers */
.hidden {
  position: absolute;
  top: -10000px;
  left: 0;
}

/*************** STRUCTURAL ELEMENTS *****************/
#pageWrap {
  width:950px;position:relative;
  border:1px solid black;
  padding:0;margin:0 auto;
  padding-bottom:10px;
  background-color:white;
}
#frameWrap0 {
  position:relative;width:950px;
  margin:0;padding:0
}

#frameWrap1 {
  margin:0;padding:250px 100px 10px 270px;position:relative;z-index:1000;
  height:570px
}

#std-wrap  #frameWrap1 {
  padding-top:150px;padding-left:250px
}


html>body #frameWrap1 {
  height:auto;
  min-height:570px;
}

.bodyContent {}


/***** Banner *****/
#banner {
  position:absolute;top:20px;left:40px;z-index:2000;width:150px;height:199px;
}

/***** fp-banner : just for the front page ******/
#fp-banner {
  background-image:url(/custom/images/fp-banner-image.jpg);
  width:724px;height:160px;
  position:absolute;top:0;right:0;
  border-top:50px solid #ede332;
  border-bottom:9px solid #c5c6c8;
}
#fp-banner div {
  font-size:300%;color:white;position:absolute;bottom:0;left:43px
}

/***** Banner for other pages - then derivatives *******/
.std-banner {
  position:absolute;top:0;right:0;width:724px;
  border-top:50px solid #e1004a;
  border-bottom:10px solid #c8c8c8;
  height:60px;
  background-color:transparent;
  color:#707070;font-size:200%;padding-top:10px;
}


/***** Accessibility ******/


/************* Menu structures ***************/
.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}

#linemenu {margin:10px 0}

#menu_access {position:absolute;top:0;right:5px;  z-index:10000;font-size:120%}
#menu_access li {display:inline;}
#menu_access a {color:black}

#menu_top {
  position:absolute;top:240px;left:35px;z-index:2000;
  width:150px;height:300px;
  margin:0;padding:20px 5px;
  background-color:white
}
html>body #menu_top {
  height:auto;
  min-height:300px;
}
#menu_top a {color:#707070;font-size:140%;padding-left:0px;text-decoration:none}
#menu_top a:hover {color:#67bee7 !important}
#menu_top li {display:block;border-color:#707070;border-bottom:1px solid black; margin-bottom:5px;padding:1px 1px 0px 1px}
#menu_top .select {
  color:#003888
}


/******************* FOOTER ELEMENTS *******************/
#footer {margin-top:25px}
#footer #tfl {
  position:absolute;bottom:15px;right:30px;
}
#footer #mayor{
  position:absolute;bottom:20px;left:40px;
}
/******************* COPYRIGHT MESSAGES *******************/
#copyright {
  position:absolute;bottom:5px;left:440px;color:#6e448e;font-size:80%
}

/******************* AUTHENTICATION *******************/
#auth {
  float:right;font-size:80%;color:#6e448e;padding-right:10px
}
#auth a {color:#6e448e;}



/**************** SPECIFIC TO THE STANDARD TEMPLATE *************/
#std-wrap h1 {
  position:absolute;top:45px;left:250px;width:700px;z-index:500;
  color:#707070;font-size:200%;padding-top:10px;
}
#std-wrap .cms-block  h1 {
  top:-100px;left:0px;
}


/******************* CMS CONTROLS *******************/
#cms_controls {
  position:absolute;top:8px;left:255px;border:1px solid black;background-color:white;padding:5px;z-index:5000
}
#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 CLASS ****/
.form-submit, .separate {
  padding-top:10px;margin-top:10px;border-top:1px solid black
}
.form-submit input {display:inline-block;margin-right:10px}
/************* Gen purpose pretty table ***************/
table.pretty {border:1px solid black;margin-bottom:20px}
table.pretty thead th {
  text-align:center;font-weight:bold;color:white;background-color:gray;vertical-align:middle;padding:3px 5px 0 5px;
}
table.pretty tbody th {
  text-align:left;font-weight:normal;color:white;background-color:gray;vertical-align:middle;padding:3px 5px 0 5px;
}
table.pretty td {
  background-color:#E0E0E0;vertical-align:top;padding:0 5px
}
/**** CMS CLASS END ****/

/********** POPUP WINDOWS **************/
.popup-win, .popup-win-vis {
  position:absolute;z-index:600000
}
.popup-win {top:-6000px;padding:5px}

#dialog {
  width:400px;
  border:3px solid #394a5a;
  background-color:white;
  padding:5px;margin:0;
}
#dialog form {padding:5px}
#dialog h2 {color:white;background-color:#de4949;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}

.print {display:none}
