@import url(/Files/System/css/style_navigation.css);

html, body {
  padding: 0px;
  margin: 0px;
}

body {
  background: #666666;
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  color: #ccc;
}

p {
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  color: #ccc;
  margin: 0px 0px 10px 0px;
}

a:link {
  color: #ccc;
  font-weight: bold;
  text-decoration: underline;
}
  
a:visited {
  color: #ccc;
  font-weight: bold;
  text-decoration: underline;
}
  
a:hover {
  color: #ccc;
  font-weight: bold;
  text-decoration: underline;
}
  
a:active {
  color: #ccc;
  font-weight: bold;
  text-decoration: underline;
}
  
h1 {
  font: bold 10px Verdana, Arial, Helvetica, sans-serif;
  color: #963;
  margin: 0px 0px 10px 0px;
}

h2 {
  font: bold 10px Verdana, Arial, Helvetica, sans-serif;
  color: #ccc;
  margin: 0px; 
}

#main_container {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 979px;
  height: 500px;
  margin: -250px 0px 0px -489px;
  background: #000;
}

#top_logo {
  float: left;
  width: 979px;
  height: 27px;
}

#page_img {
  float: left;
  clear: left;
  width: 338px;
  height: 473px;
}

#right_container {
  float: left;
  width: 641px;
  height: 473px;
}

#content_navigation_container {
  float: left;
  width: 641px;
  height: 445px;
}

#main_navigation {
  float: left;
  width: 71px;
  height: 409px;
  padding: 18px 0px 18px 0px;
  background: url(/Files/System/images/main_navigation_bg.gif) no-repeat right top;
}

#sub_navigation {
  float: left;
  width: 570;
  height: 18px;
}

#content {
  float: left;
  width: 510px;
  height: 412px;
  overflow: auto;
  padding: 15px 30px 0px 30px;
}

.paragraph {
  float: left;
  width: 100%;
}

#footer {
  float: left;
  width: 641px;
  height: 27px;
  border-top: 1px solid #666666;
}