@font-face {
    font-family: 'PlanerRegular';
    src: url('/fonts/Planer-Regular-webfont.eot');
    src: url('/fonts/Planer-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Planer-Regular-webfont.woff') format('woff'),
         url('/fonts/Planer-Regular-webfont.ttf') format('truetype'),
         url('/fonts/Planer-Regular-webfont.svg#PlanerRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PTSansBold';
    src: url('/fonts/PTS75F-webfont.eot');
    src: url('/fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/PTS75F-webfont.woff') format('woff'),
         url('/fonts/PTS75F-webfont.ttf') format('truetype'),
         url('/fonts/PTS75F-webfont.svg#PTSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
  color:#808080;
  background-color: #20262d;
  font-style: normal; font-weight:normal;
  font-family: PlanerRegular,Arial, Verdana, Tahoma, Helvetica, sans-serif;font-size:80%;
  padding: 0; margin: 0;
  text-align: left;
  line-height:1.3;
}
body.mceContentBody {
  background:white !important;
}

* {line-height:1.5 !important; }

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:0.5em}
a {color:#5b6167}

/************* HEADINGS **************/
h1 {font-size:140%;color:#f5b05b;padding:0;margin:0;margin-bottom:0.5em}
h2 {font-size:120%;color:#f5b05b;padding:0;margin:0;margin-bottom:0.5em}
h1 a, h2 a {color:#f5b05b}

#standard h1, #standard h2 {color:#20262d}

.Error, .Message {color:red;font-weight:bold;text-align:center}
.centre {text-align:center}
.inline {display:inline-block}
.space-below {margin-bottom:10px !important}
.clearboth {clear:both}

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

#pageWrap {
  position:relative;
  padding:0;margin:0;
  padding-bottom:10px;
}
#frameWrap0 {
  background-color:#0f131c;
  position:relative;
  margin:120px 0 0 0;padding:0
}

#frameWrap1 {
  color:#808080;width:980px;margin:0 auto;padding:10px 0 0 0;position:relative;height:550px;
}

html>body #frameWrap1 {
  height:auto;
  min-height:535px;
}
#blogPageWrap #bodyContentWrap {width:700px;float:left  }
#blogPageWrap .rightbox {float:right}

.bodyContent {}
#bodyContentWrap {
  position:relative;width:980px;margin:0px;
}
#standard #bodyContent {
  background-color:#d7e1e7;color:black;padding:30px;;margin:20px auto;width:800px
}

/*** Case where we want two columns ***/
#leftcolumn {float:left;width:370px;text-align:left;margin-top:20px}
#rightcolumn {float:right;width:420px;text-align:left;margin-right:150px;margin-top:20px}

/***** Banner *****/
#banner {
  position:absolute;top:10px;left:50%;width:980px;height:110px;margin:0 0 0 -490px;padding:0
}
#banner img {position:absolute;top:15px;left:0}

#banner #address {
  position:absolute; right:5px; top:1em; text-align:right;font-weight:bold;color:white;text-align:center;width:900px
}

/***** 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 #f5b05b}
.menulist li:first-child {border:none;padding-left:0}

#linemenu {margin:10px 0}

#menu_access {position:absolute;top:0px;right:5px;font-size:100%;z-index:10000}
#menu_access li {display:inline;}
#menu_access a {color:white}

#menu_top {
  position:absolute;bottom:10px;left:-5px;margin:0;width:980px;
  z-index:100;
}
#menu_top, #menu_bot {
  text-transform:lowercase;
}
#menu_bot {float:left}
#loginout {float:right}
#everything .menu a {color:#5e6167 !important;font-family:PTSansBold;font-size:120%;padding-left:5px;padding-right:5px;text-decoration:none}
#everything .menu li {border-left:1px solid #20262d}
#everything .menu li.first, #everything .menu li:first-child {border-left:none}
#everything .menu a.path_select, #everything .menu a.select {
  color:#bb8b4f !important
}
.menu a:hover {color:#003f67;text-decoration:underline}
  
#menu_sub {display:inline}
#menu_sub li {padding:0}

#footer {
  position:relative;width:980px;height:150px;margin:0 auto;color:#5e6167;border:1px solid transparent
}
#footer #copyright {text-align:left;margin-top:100px;font-size:80%}
#footer #copyright li {border-color:#5e6167}
#footer  a {color:#5e6167 !important;padding-left:5px;padding-right:5px;text-decoration:none}
#footer img {position:absolute;top:0;right:50px}

.xdebugoutput {
  border:1px solid red;background-color:white;padding:10px
}

#switcher ul {
  list-style-type:none
}

/**** CMS CLASS ****/
.form-submit, .separate {
  padding-top:10px;margin-top:10px;border-top:1px solid white
}
/************* 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
}

.intro {font-size:120%;font-weight:bold}
/**** CMS CLASS END ****/