html {
  overflow-y: scroll;
}

body {
  background:#a6a6a6 url(/images/bg-grad.jpg) repeat-x top;
  color:#333;
  font-family:arial,tahoma,sans-serif;
  font-size:10pt;
  padding:0;
  position:relative;
  margin:0;
}

a {
  color:#f0c;
}
a:active {
  outline-color:#08877f;
}
a:focus {
  outline-color:#08877f;
}
a.link {
  color:#fff;
text-decoration:none;

}
a img {
  border:0;
}

h1, h2, h3 {
  color:#45167c;
  margin:0;
}
h1 {
  background:transparent url(/images/heading-bg.gif) no-repeat scroll 0 4px;
  font-size:18pt;
  padding:0 0 10px 55px;
}
h2 {
  font-size:14pt;
  padding:5px 0 10px;
}
h2 span {
  color:#333;
  font-size:9pt;
}
h3 {
  font-size:12pt;
  padding:3px 0 6px;
}

img.floatPicLeft {
  float:left;
  padding:0 10px 5px 0; 
}
img.floatPicRight {
  float:right;
  padding:0 0 5px 10px; 
}

thead th,
thead td {
  background:#45167c;
  color:#fff;
}
th {
  background:#9a75bf;
  color:#fff;
  height:25px;
  padding:5px;
  text-align:left;
}
th a {
  color:#fff;
}
td {
  background:#f2e4ff;
  color:#666;
  padding:5px 10px 15px;
  text-align:justify;
}

th, td {
  vertical-align:top;
}
th.center, td.center {
  text-align:center;
}

ul {
  margin:3px 0 10px;
  padding:0 0 0 2em;
  text-align:justify;
}

p {
  margin:0;
  padding:0 0 8px;
  text-align:justify;
}
p.main {
  font-size:12pt;
}

div.blockquote {
  margin:15px 40px;
}

label {
  display:inline-block;
  padding:3px 5px 0 0;
  text-align:right;
  vertical-align:top;
  width:86px;
}

label2 {
  display:inline-block;
  padding:3px 5px 0 0;
  text-align:left;
  vertical-align:top;
  width:70px;
}

input,
textarea {
  margin:0 0 3px 0;
}

textarea.textarea2{ 
font-size:8pt; 
font-family:Arial;
}


input.submit {
  margin:10px 0 5px 93px;
  width:auto;
}

#contact-form label {
  width:160px;
}
#contact-form input.checkbox,
#contact-form input.submit { 
  margin-left:170px;
}
#contact-form label.checkbox {
  text-align:left;
  width:300px;
}
#contact-form p.checkbox {
  padding:8px 0 0;
  text-align:right;
  width:160px;
}
#contact-form p.comment {
  font-size:8pt;
  font-style:italic;
  margin-left:170px;
}

div.submit {
  margin-left:155px;
}

div.validate-error p {
  background:#fee;
  border:1px dashed #fcc;
  color:#c00;
  margin:5px 0 3px;
  padding:5px;
}
div.validate-error label {
  color:#c00;
  font-weight:bold;
}
div.validate-error input,
div.validate-error textarea,
div.validate-error select {
  border:1px solid #c00;
  background:#ecd4d4;
}

div.tabbed {
  background:url(/images/tabbed-line.gif) repeat-x 0 20px;
  float:left;
  margin:0 15px 0 0;
  width:300px;
}
div.tabbed h2,
div.tabbed h3 {
  background:#45167C url(/images/tabbed-corner.gif) no-repeat 0 0;
  color:#fff;
  float:right;
  font-size:12pt;
  height:20px;
  margin:0 0 10px;
  padding:5px 10px 5px 30px;
}
div.tabbed p {
  clear:both;
  margin:0;
  padding:2px 0 8px;
  text-align:justify;
}

#header-banner {
  background:url(/images/header-banner-bg.gif) repeat-x center 3px;
  height:30px;
  width:100%;
}
#header-banner div {
  background:url(/images/header-banner-color-bg.gif) no-repeat 0 3px;
  height:30px;
  margin:0 auto;
  width:850px;
}

#header {
  background:url(/images/header-bg.jpg) no-repeat;
  color:#fff;
  height:240px;
  margin:0 auto;
  position:relative;
  width:850px;
}
#header a {
  color:#fff;
  text-decoration:none;
}
#header ul {
  margin:0;
  padding:0;
}
#header li {
  display:inline;
  list-style-type:none;
}

#era-logo {
  border:0;
  left:7px;
  position:absolute;
  top:53px;
}

#banner-menu {  
  font-size:10pt;
  left:6px;
  position:absolute;
  top:3px;
}

#menu {
  font-size:16px;
  left:225px;
  margin:0;
  padding:0;
  position:absolute;
  top:192px;
  white-space:nowrap;
  z-index:999;
}
#menu a {
  color:#fff;
  padding:0 0 10px 0;
}
#menu a:hover {
  color:#08A08C;
}
#menu a.selected,
#menu li.selected {
  color:#f0c;
}
#menu ul {
  list-style:none;
  margin:0;
  padding:0;
  z-index:999;
}
#menu li {
  float:left;
  margin:0;
  padding:0;
  position:relative;
  z-index:999;
}
#menu li a {
  display:block;
  margin:0 20px;
}
#menu li ul {
  background:#45167c;
  border:1px solid #fff;
  border-bottom:0;
  border-top:1px solid #45167c;
  display:none;
  left:0;
  margin:0;
  padding:0;
  position:absolute;
  top:28px;
  z-index:999;
}
#menu li ul li {
  float:none;
  font-size:9pt;
  padding:0;
  text-align:left;
  white-space:nowrap;
  z-index:999;
}
#menu li ul li a.selected {
  background:#f0c;
  color:#ffffff;
  font-weight:bold;
}
#menu li ul li a {
  border-bottom:1px solid #fff;
  color:#ffffff;
  display:block;
  font-weight:normal;
  margin:0;
  padding:5px 10px;
}
#menu li ul li a:hover {
  background:#08A08C;
  color:#fff;
}
#menu li:hover ul,
#menu li.over ul {
  display: block;
}

#menu-sub {
  margin:0 0 20px;
}
#menu-sub a {
  color:#666;
  display:block;
  text-decoration:none;
}
#menu-sub a.selected {
  color:#f0c;
  font-weight:bold;
}
#menu-sub a:hover {
  color:#08a08c;
}
#menu-sub ul {
  padding:0;
  margin:0 0 15px;
}
#menu-sub li {
  border-bottom:1px solid #45167c;
  list-style-type:none;
  padding:3px 0;
}

#container {
  background:#fff;
  margin:0 auto;
  width:850px;
}

#menu-left {
  float:left;
  padding:10px 5px;
  width:160px;
}

#content {
  min-height:300px;
  height:auto !important;
  height:300px;
  margin:0 0 0 190px;
  padding:5px 3px 10px;
  width:635px;
}

#footer {
  background:url(/images/footer-bg.jpg) no-repeat;
  border-top:24px solid #45167c;
  clear:both;
  font-size:9pt;
  height:144px;
  margin:0 auto;
  position:relative;
}
#footer p {
  color:#999;
  left:15px;
  position:absolute;
  bottom:5px;
}
#footer p a {
  color:#999;
}
#footer p a:hover {
  color:#f0c;
}