/*
  Blaszak CSS
  http://www.blaszak.ca/
*/

html {
  background: #ffffff;
  color: #000000;
  font-family: sans-serif;
  min-width: 800px;
}

a {
  text-decoration: none;
}

a:link {
  color: #0000ff;
}

a:visited {
  color: #0000ff;
}

a:active, a:hover, a:visited:active, a:visited:hover {
  color: #c0c0c0;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

p, ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

img {
  border: none;
}

.hidden {
  display: none;
}

.inline {
  display: inline;
}

.float {
  float: left;
  display: inline;
}

.clear {
  clear: both;
}

.left {
  text-align: left;
}
.centre {
  text-align: center;
}
.right {
  text-align: right;
}
.margin-top {
  margin-left: 1em;
}
.indent {
  margin-left: 4em;
}

.fontsize_xxsmall, .fontsize_xxsmall th, .fontsize_xxsmall td {
  font-size: xx-small;
}
.fontsize_xsmall, .fontsize_xsmall th, .fontsize_xsmall td {
  font-size: x-small;
}
.fontsize_small, .fontsize_small th, .fontsize_small td {
  font-size: small;
}
.fontsize_medium, .fontsize_medium th, .fontsize_medium td {
  font-size: medium;
}
.fontsize_large, .fontsize_large th, .fontsize_large td {
  font-size: large;
}
.fontsize_xlarge, .fontsize_xlarge th, .fontsize_xlarge td {
  font-size: x-large;
}
.fontsize_xxlarge, .fontsize_xxlarge th, .fontsize_xxlarge td {
  font-size: xx-large;
}

.doublespace li {
  padding: 0.5em;
}

.border {
  border-style: solid;
  border-width: thin;
}

#announcement {
  background: #ffc000;
  color: #000000;
}

#page {
  width: 100%;
}

#header {
  float: left;
  width: 100%;
}

#banner {
  color: #c09000;
  text-align: center;
}

#menu_container {
  float: right;
  position: relative;
  left: -50%;
}
#menu {
  background: #d07000;
  padding: 0.2em;
  font-weight: bold;
  float: left;
  position: relative;
  left: 50%;
}
#menu a:link {
  color: #00ffff;
}
#menu a:visited {
  color: #00ffff;
}
#menu ul {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
}
#menu li {
  background: #e08000;
  color: #ffffff;
  margin-left: 0.1em;
  margin-right: 0.1em;
  padding: 0.2em;
  float: left;
}
#menu li:hover {
  background: #f09000;
  color: #ffffff;
}
#menu li ul {
  margin-top: 0.2em;
  margin-left: -0.2em;
  position: absolute;
  display: none;
  z-index: 1;
}
#menu li:hover ul {
  display: block;
}
#menu li li {
  margin: 0;
  float: none;
}
.menu_user, .menu_user li {
  background: #b00000 !important;
  color: #ffffff !important;
}
.menu_user:hover, .menu_user li:hover {
  background: #c00000 !important;
  color: #ffffff !important;
}

#warnings {
  background: #ffff00;
  color: #000000;
  clear: both;
}

#errors {
  background: #ff0000;
  color: #000000;
  clear: both;
}

#successes {
  background: #00ff00;
  color: #000000;
  clear: both;
}

#columns {
  float: left;
  clear: both;
  width: 100%;
}
.columns_body #body_container {
  width: 100%;
}
.columns_body_left #body_container {
  left: 15%;
  width: 85%;
}
.columns_body_left #left_container {
  left: -85%;
}
.columns_body_right #body_container {
  width: 85%;
}
.columns_body_left_right #body_container {
  left: 15%;
  width: 70%;
}
.columns_body_left_right #left_container {
  left: -70%;
}

#body_container {
  float: left;
  position: relative;
}
#body {
}

#title {
  text-align: center;
}

#login {
}

#left_container {
  float: left;
  position: relative;
  width: 15%;
}
#left, #left table {
  background: #d07000;
}
#left {
  border-style: solid;
  border-width: thin;
  border-color: #ff0000;
}

#right_container {
  float: left;
  position: relative;
  width: 15%;
}
#right, #right table {
  background: #d07000;
}
#right {
  border-style: solid;
  border-width: thin;
  border-color: #ff0000;
}

#footer {
  clear: both;
}

#technical {
}