/* GnomeHaven Primary CSS file */

body {
    margin: 0px;
    padding: 0px;
    font-family: Verdana, sans-serif;
    font-size: 1.0em;
    background-image: url("../images/bodybackgrnd.gif");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: #CCFF99;
}
    #maintitle {
        position: relative;
        margin: 0px;
        width: 100%;
        height: 100px;
        min-width: 900px;
        background-image: url("../images/headbackgrnd.gif");
        background-repeat: no-repeat;
        background-color: #89AC67;
        background-attachment: fixed;
        border-bottom: 1px #000 solid;
        font-family: Georgia, serif;
    }
        #logo {
            float: left;
            top: 0px;
            left: 0px;
            margin: 8px;
            padding: 4px;
            width: 70px;
            height: 70px;
        }
        #front1 {
            display: block;
            position: absolute;
            margin: 0px;
            padding: 0px;
            top: 20px;
            left: 100px;
            font-size: 2.7em;
            font-weight: bold;
            color: #FFF;
        }
        #shadow1 {
            display: block;
            position: absolute;
            margin: 0px;
            padding: 0px;
            top: 26px;
            left: 106px;
            font-size: 2.7em;
            font-weight: bold;
            color: #000;
        }
    #maincontent {
        position: relative;
        width: 791px;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 25px;
    }
        #mainfocus {
            width: 600px;
            border: 1px #000 solid;
        }
            #focustitle {
                display: block;
                margin: 0px;
                padding-top: 8px;
                padding-bottom: 8px;
                text-align: center;
                background-color: #7E5827;
                color: #FFF;
                font-size: 0.9em;
                font-weight: bold;
                border-bottom: 1px #000 solid;
            }
            #focusbody {
                padding: 4px;
                color: #000;
                text-align: justify;
                background-color: #FFF;
                /* for IE */
                /*filter:alpha(opacity=80);*/
                /* CSS3 standard */
                /*opacity: 0.80;*/
            }
                #focusbody h3 {
                    font-size: 1.3em;
                }
            #focusbottom {
                margin: 0px;
                padding: 0px;
                background-color: #7E5827;
                color: #FFF;
                font-weight: bold;
                text-align: center;
                border-top: 1px #000 solid;
            }
                #bottommenu {
                    margin: 0px;
                    padding: 4px 0px 4px 0px;
                    font-size: 0.8em;
                    font-weight: bold;
                    list-style-type: none;
                }
                    .bottomlink {
                        display: inline;
                        
                    }
                        .bottomlink a {
                            text-decoration: none;
                        }
                        .bottomlink a:link {
                            color: #FFF;
                        }
                        .bottomlink a:visited {
                            color: #FFF;
                        }
                        .bottomlink a:hover {
                            color: #000;
                        }
                        .bottomlink a:active {
                            
                        }
                #focusbottom p {
                    display: block;
                    font-size: 0.7em;
                    margin: 0px;
                    padding-bottom: 4px;
                }
        #mainmenu {
            position: absolute;
            top: 0px;
            left: 615px;
            width: 190px;
            margin: 0px;
            padding: 0px;
            padding-bottom: 4px;
            font-size: 0.9em;
        }
            #menutitle {
                display: block;
                margin: 0px;
                padding-top: 8px;
                padding-bottom: 8px;
                text-align: center;
                background-color: #7E5827;
                color: #FFF;
                font-weight: bold;
                border-top: 1px #000 solid;
                border-left: 1px #000 solid;
                border-right: 1px #000 solid;
            }
                #menulist {
                    list-style-type: none;
                    margin: 0px;
                    padding: 4px;
                    background-color: #FFF;
                    border: 1px #000 solid;
                }
                    .mainlink {
                        text-align: left;
                        margin: 0px;
                        padding: 4px;
                        
                    }
                        .mainlink a {
                            display: block;
                            padding-left: 4px;
                            width: 161px;
                            text-decoration: none;
                            font-weight: bold;
                            border-top: 3px #EEE solid;
                            border-left: 3px #EEE solid;
                            border-right: 3px #AAA solid;
                            border-bottom: 3px #AAA solid;
                        }
                        .mainlink a:link {
                            color: #000;    
                        }
                        .mainlink a:visited {
                            color: #000;
                        }
                        .mainlink a:hover {
                            color: #FFF;
                            background-color: #7E5827;
                        }
                        .mainlink a:active {
                            background-color: #DDD;
                            border-top: 3px #AAA solid;
                            border-left: 3px #AAA solid;
                            border-right: 3px #EEE solid;
                            border-bottom: 3px #EEE solid;
                        }
                #AdOne {
                    margin-top: 10px;
                    border: 1px #000 solid;
                    }
                    #AdOne img {
                        display: block;
                        margin: 0px;
                        padding: 0px;
                        border: none;
                        border-bottom: 1px #000 solid;
                    }
                    #AdOne p {
                        display: block;
                        margin: 0px;
                        padding: 0px;
                        font-size: 0.75em;
                        color: #000;
                        font-weight: bold;
                        text-align: center;
                        background-color: #FFF;
                    }
                #validators {
                    margin-top: 10px;
                    margin-bottom: 25px;
                }
                    #cssvalid a {
                        position: absolute;
                        border: 0px;
                        width: 88px;
                        height: 31px;
                        left: 0px;
                        background-image: url("../images/vcss.gif");
                    }
                    #xhtmlvalid a {
                        position: absolute;
                        margin: 0px;
                        border: 0px;
                        width: 88px;
                        height: 31px;
                        left: 107px;
                        background-image: url("../images/valid-xhtml10-blue.png");
                    }