body {
  margin: 0px;
  padding: 0px;
  background: #cef0fd url(/images/body_pattern.gif) left top repeat-x;
  color: black;
  font-family: tahoma,arial,sans-serif;
  font-size: 0.8em;
  text-align: center;
}

img {
  border: none;
  vertical-align: middle;
}

a {
  color: #226ea8;
  text-decoration: none;
  outline: none;
}

a:hover, a:focus {
  text-decoration: underline;
}

a.external {
  padding-right: 13px;
  background: transparent url(/images/external_link.gif) right center no-repeat;
}

h1, h2, h3, p, hr, ul, li, form {
  margin: 0px;
  padding: 0px;
}

p {
  padding: 7px 0px;
  color: #6d6d6d;
  font-size: 0.85em;
  line-height: 1.7em;
  text-align: justify;
}

hr {
  height: 1px;
  margin: 10px 5px 5px 0px;
  border: 0px;
  border-color: #e5e5e5;
  background-color: #e5e5e5;
  color: #e5e5e5;
}

input, select, textarea {
  width: 400px;
  border: 1px solid #226ea8;
}

table td {
  padding: 2px;
}

input.submit {
  float: right;
  width: 120px;
  background-color: #226ea8;
  overflow: visible;
  color: white;
  cursor: pointer;
}

label {
  cursor: pointer;
}

.right {
  float: right;
}

.center {
  text-align: center;
}

#container {
  width: 846px;
  margin: 0px auto;
  padding-top: 24px;
  text-align: left;
}

/*** header ***/

#header {
  height: 227px;
  background: transparent url(/images/header.jpg) right top no-repeat;
}

#header h1 {
  padding: 30px 0px 0px 60px;
}

#header h1 a {
  display: block;
  width: 555px;
  height: 155px;
  overflow: hidden;
  text-indent: -99999px;
}

/*** main menu ***/

#main_menu {
  padding-left: 54px;
}

#main_menu ul {
  font-size: 10px;
  list-style-type: none;
}

#main_menu li {
  float: left;
}

#main_menu a {
  display: block;
  width: 105px;
  height: 29px;
  padding-top: 25px;
  background: #0083ff url(/images/menu_bg.gif) left top no-repeat;
  overflow: hidden;
  color: #c5effd;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

#main_menu a#first {
  background-position: -315px top;
}

#main_menu a#last {
  background-position: -420px top;
}

#main_menu a:hover, #main_menu a:focus {
  background-position: -105px top;
}

#main_menu a#first:hover, #main_menu a#first:focus {
  background-position: -525px top;
}

#main_menu a#last:hover, #main_menu a#last:focus {
  background-position: -630px top;
}

#main_menu a.selected, #main_menu a.selected:hover {
  background-position: -210px top;
  color: #231f20;
}

#main_menu a#first.selected {
  background-position: -210px top;
}

#main_menu a#last.selected {
  background-position: -210px top;
}

/*** content ***/

#content {
  background: white url(/images/content_pattern.gif) left top repeat-y;
  clear: both;
}

#content #main {
  float: left;
  width: 550px;
  padding: 35px 0px 40px 28px;
  background: transparent url(/images/content_main.gif) left top no-repeat;
}

#content #main h1 {
  margin-bottom: 10px;
  border-bottom: 1px solid #226ea8;
  color: #226ea8;
  font-size: 1.1em;
}

#content #main h1 strong {
  display: block;
  float: right;
  color: #6d6d6d;
  font-size: 0.85em;
}

#content #right {
  float: right;
  width: 241px;
  padding: 15px 4px 20px 0px;
  background: transparent url(/images/content_right.gif) right top no-repeat;
  text-align: center;
}

#content #right h2 {
  margin: 0px 80px 2px 13px;
  padding: 17px 0px 3px 0px;
  border-bottom: 1px solid #bd2031;
  color: #bd2031;
  font-size: 1.1em;
  text-align: left;
}

#content #right p {
  padding: 0px;
  background-color: #dadada;
}

#content strong {
  color: #226ea8;
  font-size: 1.4em;
}

#content #right a img {
  margin: 3px 0px;
}

#content .spacer {
  height: 100px;
}

#content .item {
  padding: 0px 5px;
  padding-bottom: 15px;
  clear: both;
}

#content .item h2 {
  padding: 7px 3px 3px 3px;
  border-bottom: 1px solid #226ea8;
  color: #535353;
  font-size: 1.0em;
  font-weight: normal;
}

#content .item img, #content #more img.icon {
  float: left;
  margin: 0px 10px 5px 0px;
  border: 1px solid #226ea8;
  border-top: none;
}

#content .item p, #content #more p {
  padding: 0px;
}

#content .item strong, #content #more strong {
  color: #226ea8;
  font-size: 1.0em;
}

#content #more {
  padding: 0px 5px;
}

#content #more img.icon {
  border: 1px solid #226ea8;
}

#content #more .track {
  margin-top: 5px;
  padding: 3px;
  background-color: #e0e0e0;
  clear: both;
  font-size: 0.8em;
}

#content #more .track h2 {
  color: #535353;
  font-size: 1.1em;
}

#content #more .track .player {
  float: right;
  padding-top: 1px;
}

#content #home_banners {
  text-align: center;
}

#content #home_banners img {
  border: 2px solid white;
  border-right: 1px solid white;
  border-left: 1px solid white;
}

#content #comments {
  padding: 10px 0px;
}

#content #comments .item {
  padding: 0px 3px 10px 3px;
}

#content #comments h2 {
  padding: 10px 0px;
  color: #226ea8;
  font-size: 1.2em;
}

#content #comments h3 {
  border-bottom: 1px solid #226ea8;
  color: #226ea8;
  font-size: 0.85em;
}

#content #comments h3 em {
  color: #6D6D6D;
  font-style: normal;
}

#content #comments strong {
  float: right;
  color: #6d6d6d;
  font-size: 0.85em;
}

#content #paging {
  padding-top: 25px;
  clear: both;
  font-size: 0.8em;
  text-align: right;
}

#senddemo {
  display: none;
}

#status {
  margin: 10px 0px;
  padding: 5px;
  border: 2px solid #5cb327;
  background-color: #86ca5d;
  color: white;
  font-weight: bold;
}

#status.failed {
  border: 2px solid #be1a25;
  background-color: #ff1f28;
}

#footer {
  height: 30px;
  padding-top: 12px;
  background: #dbdada url(/images/footer.gif) left top no-repeat;
  clear: both;
  color: #7c7c7c;
  font-size: 0.85em;
  font-weight: bold;
  text-align: center;
}