body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td { margin: 0; padding: 0; border: 0; outline: none; }

/* ------------------- PAGE LAYOUT ------------------- */

.wrapper {
  border: 5px solid #ffd9ff;
  margin: 0px auto;
  overflow: hidden;
  width: 960px;
}

.header {
  background: url(images/bg_header.png) no-repeat 0% 0%;
  float: left;
  height: 300px;
  width: 100%;
}



.left {
  float: left;
  height: auto !important;
  height: 500px;
  min-height: 500px; /* Must be the same value as height */
  margin: 20px;
  width: 900px;
}

.right {
  float: right;
  height: auto !important;
  height: 500px;
  min-height: 500px; /* Must be the same value as height */
  margin: 20px;
  margin: 20px 20px 20px 0;
  width: 220px;
}

.footer {
  background: url(images/bg_footer.png) repeat-x 0% 0%;
  float: left;
  height: 20px;
  letter-spacing: 1px;
  padding-top: 10px;
  text-align: center;
  width: 100%;
}

/* ------------------- NAVIGATION ------------------- */

#menu {
  background: url(images/bg_menu.png) repeat-x 0% 0%;
  float: left;
  height: 30px;
  width: 100%;
}

#menu ul {
  list-style: none;
  margin: 3px 0 0 0;
  padding: 0;
}

#menu li {
  display: inline;
  margin: 0 2px 0 0;
  padding: 0;
}

#menu a {
  clear: right;
  color: #fff;
  display: block;
  float: left;
  font: normal 13px Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 5px 10px;
  text-decoration: none;
  white-space: nowrap;
}

#menu a:hover {
  background-color: #4b0060;
  border-bottom-width: 0;
  color: #fff;
}

#menu #current a {
  background-color: #8000a3;
  color: #eed6ad;
}

/* ------------------- SITE STYLES ------------------- */

body { 
  background: #000;
  color: #fff;
  font: normal 100%/1.1em "trebuchet MS", arial, helvetica, sans-serif;
  margin: 0;
  padding: 20px 0;
  word-spacing: 0.1em;
}

h1, h2, h3, h4, h5, h6 { color: #ffd9ff; line-height: normal; margin: 0 0 18px 0; }

.header h2 {
  color: #fff;
  font-size: 4em; 
  font-style: normal;
  margin: -5px 0 0 0;
  padding: 0 0 0 10px;
}

h2 { font-size: 3em; font-style: italic; letter-spacing: -3px; }
h1 { font-size: 2.3em; letter-spacing: -2px; text-transform: uppercase; }

.header h1 {
  color: #4b0060;
  font-size: 1.5em; 
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  margin: 160px 0 0 0;
  padding: 0 0 0 8px;
  text-transform: none;
}

h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }

.right h4 {
  background: url(images/bg_sidebar_h4.png) repeat-x 0% 0%;
  color: #fff;
  height: 26px;
  margin-bottom: 9px;
  padding: 4px 0 0 6px;
}

h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

.left, .right { font-size: 0.8em; }

.footer { font-size: 0.7em; }

p, blockquote, form, table, ul, ol  { margin-bottom: 18px; }

blockquote {
  color: #eed6ad;
  font-size: 1.3em;
  font-style: italic;
  letter-spacing: 1px;
  line-height: 1.4em;
  margin-left: 12px;
  text-indent: -10px;
}

ol { margin-left: 20px; *margin-left: 25px; }
ul { margin-left: 15px; *margin-left: 16px; }

hr { 
  width: 100%; 
  height: 5px; 
  color: #525252; 
  border: none;
  *margin: -9px 0 0 0; 
}

html>body hr { 
  margin: 9px 0;
  *margin: -9px 0 0 0;
  width: 100%; 
  height: 5px;
  background-color: #525252; 
  border: none; 
}

a, a:link { color: #eed6ad; font-weight: bold; text-decoration: none; }
a:hover { color: #f26e5a; font-weight: bold; text-decoration: underline; }
a:active, a:focus { outline: none; }

.right a, .right a:link { color: #e93929; font-weight: bold; text-decoration: underline; }
.right a:hover { border-bottom: 2px dotted #f26e5a; color: #f26e5a; text-decoration: none; } 

table {
  border-left: 1px solid #000;
  border-top: 1px solid #000;
    vertical-align: top;
  width: 100%;
}

td { color: #525252; background-color: #ffd9ff; border-right: 1px solid #000; border-bottom: 1px solid #000; padding: 4px; }

th {
  background-color: #4b0060;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 4px;
}

input, textarea { border: 1px solid #000; margin-bottom: 9px; padding: 4px; }
input:focus, textarea:focus { background-color: #e1e1e1; border: 2px solid #949494; padding: 3px; }
input:hover, textarea:hover { *background-color: #e1e1e1; *border: 2px solid #949494; *padding: 3px; }

input { width: 200px; }

textarea {
  font: normal 1.2em Arial, Helvetica, Sans-Serif;
  height: 200px;
  overflow: auto;
  width: 300px;
}

/* ------------------- CLASSES ------------------- */

.right p { 
  border-left: 5px solid #525252;
  color: #eed6ad;
  padding-left: 10px;
}

.button {
  background: #0a0809 url(images/bg_button.png) repeat-x 0% 0%;
  border: 1px solid #ababab;
  color: #fff;
  font-weight: bold;
  *margin-right: 5px;
  text-transform: uppercase;
  padding: 4px 8px;
  *padding: 2px 4px 0 4px;
}

.button:hover { 
  cursor: pointer;
  opacity:.80; 
  filter: alpha(opacity=80); 
  -moz-opacity: 0.80; 
}

.floatLeft { float: left; }
.floatRight { float: right; }

img.floatLeft { 
  border-bottom: 5px solid #ffd9ff; 
  float: left; 
  margin: 5px 20px 0 0; 
  padding-bottom: 5px;
}

img.floatRight { 
  border-bottom: 5px solid #ffd9ff; 
  float: right; 
  margin: 5px 0 0 20px; 
  padding-bottom: 5px;
}

img.border { border: 1px solid #000; padding: 4px; }

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }