body {
font:12px verdana, sans-serif;
color:#979797;
background:#b3ddeb url(bg.gif) top center;
margin:0px;
padding:0px;
line-height:20px;
}
div#top {
width:774px;
height:550px;
padding:0px;
margin:0px auto 0px;
background-image:url(header.jpg);}

div#container {
text-align:center;
position:absolute;
z-index:2;
margin:0px 0px 0px -356px;
top:0%;
left:50%;
width:774px;
background: -moz-linear-gradient(100% 100% 80deg, #b3ddeb, #689bac);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b3ddeb), to(#689bac));
}

div#top a { display:block; border:none; }
div#top img { border-width:0px; padding:0px;  }
div#top span { display:none; }

div#top a#index {
position:absolute;
top:0px;
left:0x;
width:200px;
height:54px;
}

div#top a#fl {
position:absolute;
top:0px;
left:264px;
width:297px;
height:54px;
}

div#top a#site {
position:absolute;
top:0px;
left:630px;
width:139px;
height:54px;
}

div#content {
background:#ffffff;
width:774px;
text-align:justify;
margin:-75px auto 0px;
z-index:1;
}

div#content p { margin:10px 25px; }
p.center { text-align:center; }

h1 {
text-align:left;
font:20px tahoma;
letter-spacing:2px;
margin:-10px 10px -5px;
color:#fe5a77;
}

h2 {
text-align:left;
font:20px tahoma;
letter-spacing:2px;
margin:-10px 10px -5px;
color:#46b2f3;
}

h3 {
text-align:left;
font:20px tahoma;
letter-spacing:2px;
margin:-10px 10px -5px;
color:#d5d068;
}

a {
text-decoration:none;
color:#028d6d;
}
a:hover {
color:#d5d068;
}
a img {
border-width:0px;
}

.code {
background-color: #ecf8f7;
padding: 5px;
margin: 5 5 5 5;
}

em, strong, span, li.hl { color:#a1e9c6; }