html {
    height: 100%;
}

body {
    background-image: url(http://www.nolabynight.com/images/header.jpg);
    background-repeat: no-repeat;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    color:#E0D294;
    font-size: 14px;
    background-color: #000000;
    height: 100%;
}

a {
    font-family: Arial, Helvetica, sans-serif;
    color: #E0D294;
    text-decoration: underline;
}


dl {
    font-size:  9pt;
    margin:     .125em;
    max-width:  600px;
}

dt {
    clear: left;
    float: left;
    width: 75px;
    padding-top: 3px;
    text-align: right;
    white-space: nowrap;
}

dd {
 
    padding-top: 3px;
    margin-left: 5px;
}

.moon {
    position: absolute;
    top:      0px;
    right:   10px;
    width:  100px;
    height:  71px;
}

.spacer {
    height: 88px;
}

.topbanner {
    left:    0px;
    width:  100%;
    height: 60px;
}

.navigation {
    width: 100%;
    text-align: center;
}

.monthheader {
    list-style: none;
    width: 100%;
    display: block;
    background-color: #CCCCCC;
}   

.monthscroll {
    float:      left;
    text-align: center;
    width:      100px;
    font-size:  14px;
}

.monthname {
    float:      left;
    text-align: center;
    width:      470px;
    font-size:  14px;
}

.core {
    width: 700px;
    text-align: left;
}

.date {
    background-color: #A07254;
    color: #000000;
    font-size: 16px;
    font-weight: 800;
}

td,p,div {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #E0D294;
    vertical-align: text-top;
    font-weight: normal;
}

.outmonth {
    color: #CCCCCC;
    height: 90px;
    width: 90px;
    border: 1px solid #CCCCCC;
    padding: 1px;
    font-size: 10px;
}

.inmonth {
    height: 90px;
    width: 90px;
    border: 1px solid #E0D294;
    padding: 1px;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #E0D294;
    text-decoration: none;
}

.today {
    height: 90px;
    width: 90px;
    border: 1px solid yellow;
    padding: 1px;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #E0D294;
    text-decoration: none;
}


.bottom {
    display: table-cell;
}

a.calendar {
    font-family: Arial, Helvetica, sans-serif;
    color: #E0D294;
    text-decoration: none;
    font-size: 9px;
}

a.event {
    font-family: Arial, Helvetica, sans-serif;
    color: #D0FF84;
    text-decoration: none;
    font-size:9px;
}


.data {
    position: absolute;
    top: 205px;
    width: 85%;
    text-align: center;
}

.header {
    height: 15px;
    text-align: center;
    width: 90px;
    border: 1px solid #E0D294;
    font-size: 14px;
    padding: 1px;
}

.loginform div {
    width: 300px; 
}

.message div {
    color: #0000FF;
}

.error div {
    text-color: #FF0000;
}

div#wrap {
    height: 90%;
}

div#menu {
    width: 150px;
    float: left;
    height: 100%;
}

div#core {
    float: left;
    height: 100%;
    width: 600px;
}