body{
    margin:0px;
    text-align:center;
    background-color:white;
    height:100%;
    background-image: url('/res/img/bg.png');
}

#header{
    background-color:white;
    margin:0px auto 0px auto;
    width:80%;
    padding: 0px;
    border: 1px solid rgb(200,200,200);
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    box-shadow: 5px 5px 5px #888;
}

#menu{
    background-color:rgb(180,180,180);
    height:23px;
}

#content{
    background-color:rgb(250,250,250);
    border: 1px solid rgb(180,180,180);
    box-shadow: 5px 5px 5px #888;
    width:80%;
    min-height: 700px;
    padding: 0px 0px 5px 0px;
    margin:0px auto 0px auto;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
}

#wisdom{
    width:98%;
    text-align: left;
    padding-top: 10px;
    margin-left:auto;
    margin-right:auto;
    font-style:italic;
    font-family: Georgia, 'Times New Roman', Times, serif;
    color:rgb(110,110,110);
}

#siteHeader{
    float:left;
    padding-left:5px;
    padding-top:1px;
    line-height: 23px;
}

#siteHeader a{
    font-weight: bold;
    text-decoration: none;
    color:blue;
}

#siteHeader a:hover{
    text-decoration: underline;
}

#menu div{
    color:rgb(50,50,50);
    float:right;
    position:relative;
    background-color:rgb(110,200,255);
    border:1px solid black;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    overflow:hidden;
    height:100%;
}

#menu div:hover{
    cursor:pointer;
    overflow:visible;
}

#menu div h1{
    padding: 0px 7px 0px 7px;
    font-family: Arial, sans-serif;
    font-size: 14pt;
    font-weight: normal;
    margin: 0px;
    height:100%;
}

#menu div nav a{
    color:rgb(50,50,50);
}

#menu div nav{
    padding: 2px 7px 2px 7px;
    background-color: rgb(110,200,255);
    box-shadow: 3px 3px 4px #888;
    border: 1px solid black;
    height: 20px;
}

#menu div nav:hover{
    cursor:pointer;
    background-color: rgb(235,255,255);
}

#content article{
    margin: 0px 5px 0px 5px;
    border: 1px black solid;
    border-radius: 6px;
    font-family: Arial,sans-serif;
    text-align: left;
    color:rgb(50,50,50);
    background-color: rgb(235,255,255);
    padding-bottom: 10px;
}

#content article h1{
    margin: 0px 0px 10px 0px;
    padding: 0px 5px 0px 5px;
    font-size: 16pt;
    font-weight: bold;
    text-align: left;
    background-color:rgb(110,200,255);
    border-bottom: 1px dashed black;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
}

#content article h2{
    margin: 10px 0px 0px 0px;
    font-size: 12pt;
    font-weight: bold;
    text-align: left;
    text-indent: 10px;
}

#content article p{
    margin: 0px;
    padding: 0px 10px 0px 10px;
    text-indent: 30px;
    font-size: 12pt;
}

#greeting{
    margin: 0px 10px 0px 10px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    font-size: 14pt;
}

a{
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}