html { overflow-y: scroll; }
body {
  position: relative; padding: 0px; margin: 0px;
  font-family: Arial, Helvetica, sans-serif; font-size: 10pt;
  background-image: url('i/header_bg.png');
  background-repeat: repeat-x;
}
img { border: none; }
ul { margin-top: 0px; }
table, td { font-size: 9pt; }
td { vertical-align: top; padding: 3px; }

.center { margin-left: auto; margin-right: auto; } /* Center within a container */
.blue3 { color: #0a1727; }  .bg_blue3 { background-color: #0a1727; } /* dark */
.blue2 { color: #122a47; }  .bg_blue2 { background-color: #122a47; }
.blue1 { color: #1b3e69; }  .bg_blue1 { background-color: #1b3e69; }
.green2 { color: #7a941d; } .bg_green2 { background-color: #7a941d; }
.green1 { color: #9ebd41; } .bg_green1 { background-color: #9ebd41; }

a { color: #1b3e69; text-decoration: none; font-weight: bold; }
a:hover { color: #9ebd41; }

div#header { position: relative; width: 780px; height: 100px; margin-left: auto; margin-right: auto; }
div#mdi_logo {
  position: absolute; left: 5px; top: 15px; width: 310px; height: 70px;
  background-image: url('i/header_mdi.gif'); background-repeat: no-repeat; }

div#topmenu { position: absolute; right: 10px; top: 0px; }
div#topmenu_left { float: left; height: 25px; width: 5px; background-image: url('i/mini_menu_left.gif'); background-repeat: no-repeat; }
div#topmenu_right { float: left; height: 25px; width: 5px; background-image: url('i/mini_menu_right.gif'); background-repeat: no-repeat; }
div#topmenu_middle { 
  float: left; height: 25px; background-image: url('i/mini_menu_middle.gif'); background-repeat: repeat-x;
  color: white; font-weight: bold; font-size: 10pt; line-height: 22px; padding-left: 10px; padding-right: 10px; }

div#mainmenu { position: absolute; right: 0px; top: 55px; }
div#mainmenu_left { float: left; height: 30px; width: 5px; background-image: url('i/top_menu_left.gif'); background-repeat: no-repeat; }
div#mainmenu_right { float: left; height: 30px; width: 5px; background-image: url('i/top_menu_right.gif'); background-repeat: no-repeat; }
div#mainmenu_middle { 
  float: left; height: 30px; background-image: url('i/top_menu_middle.gif'); background-repeat: repeat-x; 
  color: white; font-weight: bold; font-size: 9pt; line-height: 30px; 
}
.page_link { cursor: pointer; }
.nav_link { color: white; text-decoration: none; font-weight: bold; cursor: pointer;  }
.nav_main { color: white; position: relative; float: left; padding: 0px 5px 0px 5px; line-height: 30px; }
.nav_hover { 
  visibility: hidden; 
  position: absolute; top: 30px; left: 0px; 
  padding: 3px 5px 3px 5px; background-image: url('i/submenu_bg.gif'); 
  border-left: 1px solid #1b3e69; border-right: 1px solid #1b3e69; border-bottom: 1px solid #1b3e69;
  text-align: left; white-space: nowrap; line-height: 18px;
}
.nav_border_r { border-right: 1px solid #aaa; }

div#content { position: relative; clear: both; }
div#content_center { position: relative; clear: both; width: 780px; margin-left: auto; margin-right: auto; background-color: white; }

div.section_header { font-size: 14pt; border-bottom: 2px solid #1b3e69; font-weight: bold; color: #1b3e69; margin-bottom: 5px; }
div.teras_table_container { overflow: auto; }
table.teras_table { border-top: 1px solid #1b3e69; border-left: 1px solid #1b3e69; }
table.teras_table td { 
  white-space: nowrap; 
  border-bottom: 1px solid #1b3e69; border-right: 1px solid #1b3e69; }
tr.teras_table_head { background-color: #1b3e69; color: white; font-weight: bold; }
tr.teras_table_even { background-color: #ddd; }
tr.teras_table_odd { background-color: #ccc; }
td.teras_table_row { font-weight: bold; }
div.teras_article { float: left; margin: 0px 10px 10px 10px; clear: both; }
div.teras_guide_link { font-weight: bold; cursor: pointer; line-height: 16px; padding: 5px; font-size: 8pt; }

div.nvblurb { border-left: 2px solid green; padding-left: 10px; font-style: italic; color: #333; }
ul.list_left_flush { margin: 0; padding: 0; padding-left: 16px; }

.topicbox { width: 148px; margin: 0 0px 10px 10px; font-size: 8pt; font-weight: bold; 
  background-color: #e6e6e6;  color: #1b3e69; border: 1px solid #1b3e69; }
.topictitle { width: 100%; line-height: 20px; color: white; font-weight: bold; background-color: #1b3e69; text-align: center; }

div.infobox { background-color: #eee; font-size: 8pt; float: right; width: 250px;
  margin: 0px 0px 15px 15px; padding: 8px; border: 1px solid #1b3e69; }
div.portable_feature { float: left; width: 180px; height: 100%; font-size: 8pt; border-left: 2px solid #ddd; padding: 5px; }

.gallery { 
  position: absolute; top: 50px; left: 100px; padding: 10px; z-index: 5000;
  background-color: #eee; border: 2px solid #1b3e69; 
  line-height: 20px; text-align: center; font-size: 11pt; font-style: italic; font-weight: bold; }
.gallery img { cursor: pointer; }

.partner_box { 
  float: left; margin: 5px 10px; padding: 5px; height: 120px; width: 120px; 
  background-color:#f2f2f2; 
  border-top: 1px solid #aaa; border-left: 1px solid #aaa; 
  border-right: 1px solid #aaa; border-bottom: 1px solid #aaa;}