/************ STANDARD ELEMENTS *****************/
body {
  color:#black;
  background-color: white;
  font-style: normal; font-weight:normal;
  padding:0; margin:0;  ;
  text-align: left;
  line-height:1.4;
}

.mceContentBody {background-color:white}

/* STANDARD TAGS */
img {padding:0;border:none}

legend {font-weight:bold}
sup {font-size:80%}
table {border-spacing:1px;font-size:100%}
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}
legend {font-weight:bold}
b {font-weight:inherit}
p {padding:0;margin:0;margin-bottom:1em}
p.join {margin-bottom:0px}
a {color:#003888}
li {margin-bottom:0px}
ul {margin:0 0 10px 50px; padding:0}

.pagewrap h1 {font-size:160%;color:#003888;padding:0;margin:0;margin-bottom:0.5em}
.pagewrap h2 {font-size:140%;color:#003888;padding:0;margin:0;margin-bottom:0.5em;margin-top:1em}
.pagewrap h1:first-child, .pagewrap h2:first-child {margin-top:0}

h1, h2, h3, h4 {
  color: #194A99;
  white-space:nowrap;
  margin-bottom:0.5;
}
h1 {
  font-weight:normal;
  font-size:180%;
}

h2 {
  padding-top:10px;padding-bottom:0px;
  font-weight: bold;
  font-size:140%;
  margin:0 0 5px 0;
  padding:3px 0 3px 3px;
  color:#345AA5;
  background-color:#D3B6A8;
}

h3 {
  padding-top:10px;
  font-weight: normal;
  font-size:medium;
  margin-top:0px;margin-bottom: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}

/* 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 {
  font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;font-size:80%;
  position:relative;
  background-color:white;
  font-style: normal; font-weight:normal;
  margin: 5px auto;
  padding:0;
  text-align: left;
  width:770px;
}
#frameWrap0 {
}
#frameWrap1 {
  height:570px;
}

html>body #frameWrap1 {
  height:auto;
  min-height:570px;
}

#bodyContentWrap {
}
#bodyContent {
  padding-top:200px;
  margin-left:10px;
  background-color:white;
  color:#5D5B5C;
}

#footer {
  position:relative;
  border-top:1px solid white;
  height:30px;text-align:left;
  background-color:#9EB4D9;
}
#copyright {float:right;padding:5px 5px 2px 0;color:white}
#producer {
  position:absolute;left:250px;top:5px;width:300px;text-align:center;color:#9C66FE;color:#194A99;font-size:80%
}

/************* 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}

/************ top menu ***********************/
#menu_top {position:absolute; top:150px;left:0;width:770px;background-image:url(/custom/images/logo-tile.jpg);padding:10px 0;margin:3px 0;}
#menu_top li {height:2em; padding:10px 15px;margin:0; border-color:white;border-width:2px}
#menu_top a {color:white;font-weight:bold;text-decoration:none}
#menu_top a:hover {color:#2b1e87}
#menu_top .select {color:#2b1e87 !important}

#menu_bottom {padding:5px 0 5px 20px;position:relative;z-index:5000;width:450px}
#menu_bottom li {border-color:white}
#menu_bottom a {color:white}

/************* BANNER **************/
#banner {
  position:absolute;top:0;left:0;
  background-image:url(/custom/images/banner.jpg);height:150px;width:100%;padding:0;
}
#banner a {
  display:block;padding-left:30px;padding-top:20px
}
#banner #logotop {position:absolute;top:20px;left:20px}
#banner #logobot {position:absolute;top:80px;left:20px}


.fp_more {padding-right:5px;padding-top:15px;text-align:center;font-weight:bold}

.panel {
  font-size:large;
  font-weight:bold;
  background-color:transparent;
}

/* Make sure we set some defaults for elements in the site. */


/************* Gen purpose pretty table ***************/
caption, .capt {
  text-align:left;padding-top:5px;font-weight:bold;
  padding-bottom:10px;border-bottom:1px solid silver
}

.Warning    { font-size: 12pt; color: #FF0000; } 
.Error      { font-size: 12pt; test-align:center; color: #FF0000; } 
.Message    { font-size: 10pt; text-align:center; padding:0; font-weight: bold; color: #FF0000; } 
.ErrField {background:#E3E3E3}

/* Classes for the menu editor */
.menuedit {width:650px;}

/******************* CMS CONTROLS *******************/
#cms_controls {
  position:fixed;top:0;left:0;
  border:1px solid black;border-top:10px solid #c0c0c0;
  background-color:white;padding:5px;text-align:center;color:black;font-weight:bold
}
#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}

/********** 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 ****/
.form-submit, .separate {
  padding-top:10px;margin-top:10px;border-top:1px solid black
}
.pretty {}
/************* Gen purpose pretty table ***************/
table.pretty {border:1px solid black;margin-bottom:20px}
table.pretty th {
  text-align:center;font-weight:bold;color:white;background-color: #A38CB8;vertical-align:middle;padding:2px;
}
table.pretty tbody th {
  text-align:left;font-weight:normal;vertical-align:middle;padding:3px 5px 0 5px;
}
table.pretty td {
  background-color: #9EB4D9; color: black; padding:2px 5px; font-weight:normal;vertical-align:middle;
}
.rightpanel p {text-align:left}

/**** CMS CLASS END ****/

.rightpanelContainer {
  padding:3px;
  margin:3px;
  float:right;
  width:220px;
  float:right;
}
.rightpanel {
  width:190px;
  margin-bottom:10px;
  padding:10px;
  border-bottom:10px solid white;
  background-color:#D3D3D5;color:#365DA0;
  border:3px outset silver;
}
.mainpanel {width:500px}

.fp_col {
  width:225px;overflow:hidden;text-align:center;
  border:1px solid black;padding:0 0 20px 0;
  background-color:white;
}
.fp_col h1,.fp_col h2,.fp_col h3 {
  font-weight:bold;padding:0;margin:0;
}
#fp_cols {
  border-spacing:5px;margin:0 auto 0 auto
}
.fp_col h1 {font-size:150%;margin-top:10px;}
.fp_col h1 a {text-decoration:none}
.fp_col h1 a:hover {text-decoration:underline}
.fp_col h2 {font-size:120%;background-color:transparent;}
.fp_col h3 {font-size:120%}

