/* created by : iris chamberlain */

/* ********** GLOBAL ********** */

html {
height: 100%;
padding: 40px 10px 10px 0;
}

body {
height: 100%;
margin: 0;
background-color: #333;
color: #E5E6C8;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
height: 100%;
}

strong {
font-size: 16px;
letter-spacing: 1px;
color:#CC0;
font-weight: normal;
}

.greentext {
color:#CC0;
}

a {color:#CCCC00; text-decoration: none;}
a:hover {color: #F90; text-decoration: none;}

.caption {
color: #999966;
letter-spacing: 1px;
font-size: 11px;
}

.imgborder {
border: 1px solid #E5E6C8;
margin-bottom: 6px;
}

/* ********** LEFT FRAMEWORK ********** */
.top {
    position:absolute;
    top:0;
    left:0;
    z-index:+10;
    width:100%;
    padding:5px 8px;
    background-color:#222;
    color:#E5E6C8;
    letter-spacing:1px;
}

/* ********** LEFT FRAMEWORK ********** */
.left {
float: left;
width: 200px;
line-height: 140%;
}

.open {
display: block;
}

.closed {
display: none;
}

ul {
margin-left: 8px;
padding-left: 0;
}

li {
list-style-type: none;
padding-top: .2em;
padding-bottom: .2em;
font-size: 12px;
}

li a {color: #E5E6C8; text-decoration: none;}
li a:hover {color: #F90; text-decoration: none;}

li li {
margin-left: 16px;
font-size: 11px;
letter-spacing: 1px;
}
        
li img {
margin-bottom: -2px;
}

.main {
border-bottom: 1px dashed #444;
font-size: 16px;
letter-spacing: 1px;
}

.main a {color:#CCCC00; text-decoration: none;}
.main a:hover {color: #F90; text-decoration: none;}

/* ********** RIGHT FRAMEWORK ********** */
.header {
width: auto;
margin-bottom: 10px;
padding: 6px;
background-color: #5E5F53;
text-align: right;
}

.content {
float: left;
margin: 0 0 20px 20px;
}

.middle {
float: left;
width: 450px;
}

.right {
float: left;
width: 280px;
line-height: 140%;
margin-left: 10px;
}