body {
  background: #ffffff url("bkg.gif") repeat-x;
  font-family: Century Gothic; 
  font-size: 10px;
  text-align: left; 
  color: #ffffff;
}

b, i, s {
  color: #ffffff;
}

u {
  color: #ffffff;
  text-decoration: none;
  border-bottom: 1px dotted #CC0A68;
}

.title { 
  font-family:century gothic; 
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 2px;
  text-transform: uppercase; 
  color: #CC0A68;
}

.left {
float: left;
}

.right {
float: right;
}

.clear {
clear: both;
}

select, input, textarea {
  border: solid #CC0A68 1px; 
  font-family: Century Gothic;
  text-transform: none;
  font-size: 11px; 
  color: #000000; 
  background-color: #ffffff;
}

a:link, a:active, a:visited {
  text-decoration:none; 
  font-size: 10px; 
  text-transform: none;  
  color:#CC0A68; 
  font-family: Century Gothic;
  line-height: 11px;
}

a:hover {
  text-decoration: underline; 
  color:#CC0A68;  
  cursor: se-resize;
}

#nav {
width: 600px;
height: 60px;
text-align: center;
position: absolute;
top: 10px;
left: 200px;
color: #CC0A68;
}

#main {
width: 800px;
height: 600px;
text-align: left;
position: absolute;
top: 0px;
left: 50%;
margin-left: -400px;
background: url('layout.gif') no-repeat;
overflow: hidden;
}

#content {
width: 500px;
height: 295px;
text-align: left;
position: absolute;
top: 295px;
left: 25px;
overflow: auto;
}

#bottom {
width: 195px;
height: 155px;
text-align: left;
position: absolute;
top: 300px;
left: 555px;
overflow: hidden;
color: #CC0A68;
text-sixe: 12px;
padding-top: 5px;
}

#ex {
width: 195px;
height: 20px;
text-align: left;
position: absolute;
top: 560px;
left: 555px;
overflow: hidden;
color: #f7f7f7;
text-sixe: 12px;
}

#code {
width: 88px;
height: 43px;
text-align: left;
position: absolute;
top: 217px;
left: 42px;
overflow: hidden;
}

a.bn:link, a.bn:active, a.bn:visited {
  text-decoration:none; 
  font-size: 8px; 
  text-transform: uppercase;  
  color:#000000; 
  font-family: small fonts;
}

a.bn:hover {
  text-decoration:underline; 
  font-size: 8px; 
  text-transform: uppercase;  
  color:#000000; 
  font-family: small fonts;
}

a.nav:link, a.nav:active, a.nav:visited {
color: #ffffff;
background-color: #000000;
text-decoration: none;
padding: 12px 22px 12px 22px;
margin-right: 7px;
text-transform: uppercase;
margin-left: 7px;
font-size: 12px;
border: 0px;
}

a.nav:hover {
color: #000000;
background-color: #ffffff;
text-decoration: none;
padding: 12px 22px 12px 22px;
margin-right: 7px;
text-transform: uppercase;
margin-left: 7px;
font-size: 12px;
border: 1px solid #000000;
}