/* CSS Document */
/*
Blue   3366FF 99B3FF E3C9FF
Violet 8A00B8 C71FFF EF3FFF
Orange FDAA00 FFD65C FFEFDD
*/
html, body {
 margin-top: 10px;
 margin-right: 25px;
 margin-bottom: 0;
 margin-left: 25px;
 border: none;
 padding: 0;
 min-width: 800px;
 font-size: 1em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
 background-color: #8A00B8;
}

a {
 color: #C71FFF;
 font-weight: bold;
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

ul {
 margin: 0;
}

h1,
h2,
h3,
span {
 margin: 0;
 border: none;
 padding: 4px;
 font-family: Lucida Casual, Comic Sans MS, sans-serif;
}

h1,
span {
 font-size: 1.4em;
}

h2 {
 font-size: 1.2em;
}

h3 {
 font-size: 1.1em;
}

img {
 margin: 0;
 border: none;
 padding: 0;
}

.center {
 text-align: center;
}

.hidden {
 visibility: hidden;
 line-height: 0;
}

.br_clr {
 clear: both;
 line-height: 0;
 font-size: 0;
}

.end_para {
 padding-bottom: 10px;
}

#div_h {
 padding: 10px 0;
 color: #FFFFFF;
 background-color: #3366FF;
}

#logo {
 width: 150px;
 float: left;
 text-align: center;
}

#logo a {
 color: #FFFFFF;
}

#tagline {
 margin-top: 50px;
 margin-right: 20px;
 float: right;
}

#tagline h2 {
 color: #F5B800;
}

#div_h,
#div_f {
 width: 100%;
}

.nav {
 border-right: 2px solid #3366FF;
 padding-bottom: 8px;
 width: 100%;
 float: left;
}

.nav:hover {
 background-color: #FDAA00;
 text-decoration: none;
}

.nav:hover .slant {
 border-right-color: #FDAA00;
 border-bottom-color: #FDAA00;
}

.nav span {
 padding: 0 0 0 10px;
 color: #3366FF;
 font-family: Lucida Casual, Comic Sans MS, sans-serif;
 font-size: 1.1em;
}

.slant {
 border: solid 4px #FFD65C;
 width: 0;
 height: 0;
 line-height: 0;
 font-size: 0;
}

#div_b {
 padding: 0 240px 0 150px;
/*
padding-right = #col_r:width+padding+margin + #col_c:padding+margin
padding-left = #col_l:width+padding+margin
*/
 overflow: hidden;
 font-size: .8em;
 background-color: #FFD65C;
}

#div_b .col {
 position: relative;
 float: left;
}

#col_c {
 padding: 10px;
 width: 100%;
}

#col_c p {
 margin: 0;
}

#col_c h1 {
 padding-bottom: 0;
 padding-left: 10px;
 font-size: 2em;
}

#col_c h2 {
 padding-top: 0;
 padding-left: 10px;
}

#col_l {
 margin-top: 20px;
 margin-left:-100%;
 width: 150px;
 right: 170px; /* = #col_l:width+padding+border+margin */
}

#div_b > #col_l {
 margin-left: expression(
   document.all.col_c.offsetWidth * -1 +
   parseFloat(document.all.col_c.currentStyle.paddingLeft) +
   parseFloat(document.all.col_l.currentStyle.paddingLeft) +
   parseFloat(document.all.col_l.currentStyle.paddingRight) +
   10
  ); /* IE7 */
 left: -150px; /* = -(#col_l:width+padding+border+margin + #col_c:padding+border+margin */
}

#col_r {
 margin-right: -240px; /* = #col_r:width+padding+border+margin + #col_c:padding+border+margin = #div_b:padding-right*/
 padding: 10px;
 width: 200px;
 color: #FFFFFF;
 background-color: #EF3FFF;
}

#col_r p {
 font-style: italic;
}

#col_r a {
 color: #996699;
}

#div_f {
 padding: 10px 0;
 background-color: #99B3FF;
 font-size: .8em;
 text-align: center;
}

#div_f p {
 margin:  0;
 padding: 0;
}

#div_f a {
 color: #C71FFF;
}