body {
    background-color:         #eee;
    font:               83% "Trebuchet MS", Verdana, Helvetica, sans-serif;

    margin:             0 3%;
    padding:            0;
    text-align:         center;
}

.skip {
    display:            none;
}

abbr, acronym {
    text-decoration:    none;
    font-style:         normal;
    border-bottom:      0;
}

abbr[title], acronym[title] {
    border-bottom:      1px dotted #999;
}

img {
    border:             0;
}


pre {
    padding:            1.0em;
    overflow:           auto;
}

code {
   color:               blue;
}

del {
    color:              #666;
}

ins {
    border-bottom:      1px dotted #aaa;
    text-decoration:    none;
}

/* ========== Main "frames" ========== */
#main {
    background-color:         #fff;
    margin:             0 auto;
    padding:            0;
    text-align:         left;
    width:              66em;
}


/* ========== Logo ========== */
#logo {
    /* background-color:         #abe; */
    background-color:		#00c;
    margin:             0;
    margin-bottom:      2px;
    padding:            0;
    width:              67em;
    height:             200px;
}


#logo h1 {
    background: url("monoceroslogo200.jpg") no-repeat top left;
    color:              #fff;
    font-size:          1.6em;
    font-weight:        normal;
    margin:             0;
    padding:            1.5em 2.0em;
    padding-left:       200px;
    text-align:         right;
    height: 200px;
}

#logo h1 a {
    color:              #fff;
    text-decoration:    none;
}

/* ========== Navigation links ========== */
#navigation {
    background:         #aaa;
    border-bottom:      1px solid #888;
    border-top:         1px solid #999;
    color:              #fff;
    height:             2.8em;
    font-size:          1.1em;
    font-weight: bold;
    padding:            0.2em 1.0em;
}

/*
#navigation .highlight {
}
*/

#navigation ul {
    list-style:         none;
    margin:             0;
    padding:            0 1em;
}

#navigation li {
/*    background-color:		#00e;*/
    float:              left;
    height: 1em;
    padding:            0.2em 1.6em 0.2em 0.2em;
}

#navigation li ul {display: none; padding: 0; position: relative;}
#navigation li:hover > ul {display: block; position: absolute;}
#navigation li ul li { float: none ; }

#navigation a {
    color:              #fff;
    text-decoration:    none;
}

#navigation a:link, #navigation a:visited, #navigation a:active {
    color:              #fff;
}

#navigation a:hover {
    background-color:         #00e;
    border-bottom:      1px dotted #fff;
    text-decoration:    none;
}

/* ========== Content ========== */
#content {
    background:		#ffc;
    /* font-family:	"Times New Roman", Times, serif ;*/
    clear:              both; /* Thanks, Sergio! */
    float:              left;
    /* margin:             0; */
    /*margin-left: 1em; */
    padding:            0.6em;
    width:              66em; /* Careful with this setting in IE  */
}

#content p {
    font-size:		1.1em;
    margin-left: 1em;
}

#content a {
    border:             0;
    color:              #777;
    font-weight:        bold;
    text-decoration:    none;
}

#content a:hover {
    border-bottom:      1px dotted #89c;
    color:              #89c;
}

#content pre > code {
    color:              #666;
}

/* ========== Footer ========== */
#footer {
    background-color:         #aaa;
    clear:              left;
    color:              #fff;
    height:             1.4em;
    padding:            0.2em 1.0em;
    width:              64.0em;
}

#footer ul {
    list-style:         none;
    margin:             0;
    padding:            0;
}

#footer li {
    float:              left;
    font-size:          0.9em;
    padding:            0.2em 1.0em 0.2em 0;
}

#footer a {
    color:              #fff;
    text-decoration:    none;
}

#footer a:link, #footer a:visited, #footer a:active {
    color:              #fff;
}

#footer a:hover {
    border-bottom:      1px dotted #fff;
}