/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* GENERAL                                                       */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body { background-color: #cfdce6; text-align: center; }
body, table {
border-width: 0px;
font-family: 'Trebuchet MS', 'Tahoma', 'Tahoma', 'Arial';
font-size: 13px;
margin: 0px;
padding: 0px;
}
img { border-width: 0px; float: right; margin: 0px 10px 0px 10px; }
img.left { float: left; }
img.nofloat { float: none; }
form { display: inline; }

/* CENTER */

#site {
margin: 0 auto;
position: relative;
text-align: left;
top: 10px;
width: 720px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* TEXT                                                          */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* HEADERS */

h1, h2, h3, .title {
color: #3082BF;
margin: 20px 10px 0px 10px;
padding: 0px;
}
h1 { background-color: #e0e9f0; font-size: 24px; }
h2 { font-size: 20px; margin: 10px 10px 0px 10px; }
h3 { font-size: 16px; margin: 10px 10px 0px 10px; }

/* PAGE TITLE */

h3.title {
color: #d0008e;
font-size: 32px;
font-weight: bold;
margin: 5px 10px 0px 10px;
}
h3.laso, h3.version {
color: #e0e9f0;
font-size: 48px;
font-weight: bolder;
margin: 0px 20px 0px 20px;
}
h3.version {
font-size: 22px;
position: relative;
top: -12px;
}

/* TEXT */

p, ul {
margin: 10px 10px 0px 10px;
line-height: 150%;
}
p {
text-align: justify;
width: 450px;
}
ul { padding: 0px 0px 0px 30px; }

/* POST */

p.post {
color: #3082bf;
border-bottom: 1px dashed #3082bf;
font-size: 11px;
line-height: 16px;
margin: 0px 10px 0px 10px;
position: relative;
}
p.post a, p.copyright a { border-width: 0px; }
p.post a:hover, p.copyright a:hover { border-width: 0px; }

/* DOWNLOAD */

table.download {
background-color: #f6d6ec;
border: 1px solid #d0008e;
font-family: 'Myriad Web', 'Trebuchet MS';
margin: 10px 10px 0px 10px;
max-width: 450px;
width: 450px;
}
.download a, a.download { border-width: 0px; }
a.download {
background-image: url('../img/download.gif');
background-position: 0px -1px;
background-repeat: no-repeat;
height: 16px;
padding-left: 30px;
}

/* CODE */

pre {
color: #000000;
background-color: #e0e9f0;
border: 1px dashed #3082bf;
font-family: 'Courier New', 'Lucida Console';
font-size: 12px;
margin: 10px 0px 0px 10px;
padding: 15px;
max-width: 420px;
width: 420px;
overflow: auto;
overflow-y: hidden;
}

/* COPYRIGHT */

p.copyright {
font-size: 10px;
margin: 0px;
position: relative;
text-align: center;
top: -20px;
}

/* LINKS */

a { color: #d0008e; text-decoration: none; border-bottom: 1px dotted #d0008e; }
a:hover { background-color: #f6d6ec; border-bottom: 1px solid #d0008e; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* HEADER                                                        */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#header {
background-image: url('../img/header.png');
background-repeat: no-repeat;
height: 200px;
width: 100%;
z-index: 0;
}
#star {
background-image: url('../img/new.png');
background-repeat: no-repeat;
color: #ffffff;
display: none;
font-size: 42px;
font-weight: bolder;
height: 148px;
left: 380px;
line-height: 148px;
position: absolute;
text-align: center;
top: 80px;
width: 158px;
vertical-align: middle;
z-index: 3;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* CONTENT                                                       */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content {
left: 10px;
position: absolute;
top: 140px;
z-index: 2;
width: 470px;
}
#content_tl, #content_tr, #content_bl, #content_br {
background-repeat: no-repeat;
height: 5px;
width: 5px;
}
#content_tl { background-image: url('../img/curvelight_tl.gif'); }
#content_tr { background-image: url('../img/curvelight_tr.gif'); }
#content_bl { background-image: url('../img/curvelight_bl.gif'); }
#content_br { background-image: url('../img/curvelight_br.gif'); }
#content_m, #content_tm, #content_bm { background-color: #ffffff; }
#content_tm, #content_bm { height: 5px; width: 460px; }
#content_m { height: 430px; vertical-align: top; padding-bottom: 40px; width: 470px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* MENUs                                                         */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#menu {
left: 470px;
position: absolute;
top: 200px;
z-index: 1;
}
.menulist, .menulist li ul {
line-height: 25px;
list-style-type: none;
margin: 0px;
padding: 0px;
text-indent: 40px;
}
.menulist a {
border-width: 0px;
color: #FFFFFF;
display: block;
height: 100%;
outline-width: 0px;
-moz-outline-style: none;
text-decoration: none;
width: 100%;
}
.menulist li ul, .box { text-indent: 50px; }
.menulist a:hover { background-color: #92b2ca; border-width: 0px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* DARK BLUE BOX                                                 */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.box {
margin-top: 10px;
}
.box_tl, .box_tr, .box_bl, .box_br {
background-repeat: no-repeat;
height: 5px;
width: 5px;
}
.box_tl { background-image: url('../img/curvedark_tl.gif'); }
.box_tr { background-image: url('../img/curvedark_tr.gif'); }
.box_bl { background-image: url('../img/curvedark_bl.gif'); }
.box_br { background-image: url('../img/curvedark_br.gif'); }
.box_m, .box_tm, .box_bm { background-color: #507ea1; }
.box_tm, .box_bm { height: 5px; width: 240px; }