/* $Id: styles.css 30 2010-01-30 05:01:48Z tboronczyk $ */

#header_frame {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

#header {
  background: url("/img/header_bg.jpg") top left repeat-x;
  display: block;
  height: 190px;
  text-align: center;
  width: 100%;
}

#main_menu {
  background: url("/img/menu_bg.jpg") top left repeat-x;
  display: block;
  height: 64px;
  text-align: center;
  width: 100%;
}

.dropdown {
  background: #292c61 url("/img/dropdown_bg.jpg") top left repeat-x;
  display: none;
  font-family: Arial, Sans, sans-serif;
  font-size: 13px;
  font-weight: bold;
  margin-top: -15px;
}

.dropdown li {
  line-height: 40px;
}

#main_menu ul {
  font-family: Arial, Sans, sans-serif;
  font-size: 18px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 760px;
}

#main_menu ul li {
  display: block;
  float: left;
  line-height: 50px;
}

#main_menu a,
.dropdown a {
  color: #acb8ea;
  display: block;
  padding: 0 20px;
  text-decoration: none;
}

#products_menu {
  width: 200px;
}

#content {
  background: url("/img/content_bg.jpg") top left repeat-y;
  font-family: Arial, Sans, sans-serif;
  font-size: 13px;
  line-height: 2.2ex;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  width: 888px;
}

h1, p  {
  margin-bottom: 1.5ex;
}

h1 {
  font-size: 30px;
  font-weight: bold;
  margin-top: 10px;
}

#main {
  color: #666;
  float: left;
  margin-top: 256px;
  width: 615px;
}

#main h2 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 10px;
}
#main h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 10px;
}
#main h4 {
  font-weight: bold;
  margin-top: 10px;
}

i,em {
  font-style: italic;
}

b,strong {
  font-weight: bold;
}

#main ul,
#main ol {
  margin-bottom: 1.5ex;
  margin-left: 3em;
}

#main ul li {
  list-style-type: disc;
  margin-bottom: 1ex;
}

#sidebar {
  color: #666;
  float: right;
  margin-top: 256px;
  width: 250px;
}

#sidebar h1 {
  font-size: 20px;
}

.clear {
  clear: both;
}

#footer {
  color: #666;
  font-family: Arial, Sans, sans-serif;
  font-size: 12px;
  margin-bottom: 20px;
  padding-top: 1.5ex;
  text-align: center;
}

#affiliates {
  margin-bottom: 10px;
}

#affiliates li {
  display: inline;
  line-height: 75px;
  padding: 2px;
}

#affiliates li img {
  vertical-align: middle;
}

#footer p {
  margin-left: auto; margin-right: auto;
  line-height: 1.25em;
  text-align: left;
  width: 888px;
}

#foot_menu {
  margin: 20px 0;
}

#foot_menu li {
  display: inline;
}

#foot_menu li:after {
  content: " | ";
}

#foot_menu li.last:after {
  content: "";
}
div.datagrid {
  border: 1px solid #999;
  height: 400px;
  margin-left: auto;
  margin-right: auto;
  overflow: scroll;
  width: 98%;
}

div.datagrid table {
  border-collapse: collapse;
  font-size: 80%;
  width: 100%;
}

div.datagrid thead {
  background: #eee;
}

div.datagrid thead th {
  border-bottom: 1px solid #000;
  text-align: left;
}

tr.oddrow {
  background-color: #efefff;
}

tr.evenrow td {
  border-left: 1px solid #efefff;
}

div.datagrid tbody td {
  padding: 1px 5px;
}

#video_frame {
  margin-bottom: 20px;
  text-align: center;
}

#video_frame img {
  padding: 5px;
  border: 1px solid #999;
}

.english_only {
  width: 400px;
  border: 1px solid #f2e405;
  background-color: #faf8bd;
  margin-left: 103px;
  margin-bottom: 20px;
  padding: 4px;
  text-align: center;
}