body {
  text-align: center;
  margin-top: 2.7mm;
  margin-bottom: 2.7mm;
  color:#666666;
  background-color: #E0E0E0;
  font-family: verdana, arial, sans-serif;
  font-size: 12pt;
}

a:link, a:visited, a:active {
  color: #0000FF;
  text-decoration: none;
}
a:hover {
  color: #FF0000;
  text-decoration: underline;
}

#page_wrapper {
  margin-left: auto; 
  margin-right: auto;
  width: 98%;
  text-align: left;
  background: #FFFFFF;
  border: 2.3mm solid #FFFFFF;
}

#header_wrapper {
  background: #4E7DD1 url('../img/menu_bg.gif') bottom left repeat-x;
  margin: 0;
  padding: 0;
}

#header {
  height: 1.6cm;
  padding: 4mm;
  background: url('../img/header_bg.gif') top right no-repeat;
  margin: 0;
}

#header h2 {
  margin: 0;
  font-size: 21pt;
  color: #ffffff;
  letter-spacing: -1px;
}

#header h3 {
  margin: 0px;
  font-size: 10.5pt;
  color: #B1C6EB;
  letter-spacing: 1px;
}

.left_side, .right_side {
  margin-top: 2.7mm;
  width: 4.25cm;
  background: #F1F6FE url('../img/side_bg.gif') bottom left repeat-x;
  color: #333333;
}
.left_side:blank, .right_side:blank {
  background: none;
}

.left_side {
  float: left;
}
.right_side {
  float: right;
}

.content {
  margin-top: 5mm;
  margin-bottom: 0;
  margin-left: 4.77cm;
  margin-right: 4.77cm;
}

.footer {
  background-color: #4E7DD1;
  margin-top: 0mm; /* 1cm removed for social buttons */
  padding: 2mm;
  clear: both;
  text-align: center;
  color: #B6CEF9;
  font-size: 8.5pt;
  line-height: 14pt;
}

.footer a:link, .footer a:visited, .footer a:active, .footer A:hover {
  color: #FFFFFF;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

.left_side p, .right_side p {
  margin: 2.5mm;
  margin-top: 3.8mm;
  margin-bottom: 3.8mm;
  font-size: 8pt;
  color: #333333;
}

.left_side h2, .right_side h2 {
  margin-top: 1.5mm;
  margin-bottom: 2.7mm;
  margin-left: 1.5mm;
  margin-right: 1.5mm;
  padding: 1mm;
  font-size: 10.5pt;
  color: #FFFFFF;
  border:1px solid #0F3974;
  background-color: #2153AA;
}

.left_side h3, .right_side h3 {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 2.5mm;
  font-size: 8.5pt;
  color: #2153AA;
}

.content {
  color: #333333;
}

.content p {
  margin-top: 3.8mm;
  margin-bottom: 3.8mm;
  min-height: 1.5cm;
}

.content h1 {
  margin-top: 2mm;
  margin-bottom: 4mm;
  font-size: 18pt;
  color: #2153AA;
}

.content h2 {
  margin-top: 6mm;
  margin-bottom: 1.5mm;
  font-size: 13.5pt;
  color: #2153AA;
}

.content h3 {
  margin-top: 5mm;
  margin-bottom: 2mm;
  font-size: 10pt;
  color: #2153AA;
}

#navlist {
  margin-top:1px;
  margin-bottom:0px;
  text-align:center;
  padding: 1.4mm 0;
  margin-left: 0;
  border-bottom: 1px solid #0F3974;
  font: bold 10.5pt Verdana, sans-serif;
}

li.nav-item {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline;
}

li.nav-item a {
  color: #F1F6FE;
  padding: 1.4mm 4mm;
  margin-left: 0.8mm;
  border: 1px solid #0F3974;
  border-bottom: none;
  background: #2153AA url('../img/tab_bg.gif') bottom left repeat-x;
  text-decoration: none;
}

li.nav-item a:link {
  color: #F1F6FE;
}
li.nav-item a:visited {
  color: #F1F6FE;
}

li.nav-item a:hover {
  color: #FFFFFF;
  background: #3364BB;
  border-color: #0F3974;
}

li.nav-item.active a {
  color: #000;
  background: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}

ul.menu {
  list-style: none;
  padding-left: 0;
  margin-top: 0;
}
ul.menu li {
  line-height: 14pt;
  font-size: 10pt;
}
ul.menu > li {
  padding-left: 3mm;
}

a, a:hover, a:visited {
  color: #00f
}

.float_left {
  float: left;
  margin-right: 2.2mm;
}

.float_right {
  float: right;
  margin-left: 2.2mm;
}

.featurebox_center, .featurebox_side {
  background-color: #ffe;
  margin: 0;
  padding: 2mm;
  border: 1px solid #DFE8F7;
  font-size: 10pt;
  color: #333333;
}
.featurebox_side {
  margin-left: 2mm;
  margin-right: 2mm;
  margin-bottom: 3mm;
}

pre, code {
  color: #222;
  background-color: #e0e0e0;

  padding: 1mm;
  margin: 1mm;
  
  font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
  font-size: 11pt;

  border-radius: 1mm;
  -moz-border-radius: 1mm;
  -webkit-border-radius: 1mm;

  box-shadow: 0 0 3mm rgba(0,0,0,.1);
}

pre {
  overflow: auto;
}

pre code {
  display: block;
  box-shadow: none;
}

.ads {
  margin-top: 1cm;
  margin-bottom: 1cm;
  font-size: 8pt;
}