@font-face { font-family: Josefin; src: url("Pic/Josefin.otf"); } 

body 
{
    font-style:italic;
    width:1024px;
    margin:0 auto;
    background-color:#eaebeb;
    color:#3E433F;
    min-height:100%;
    font-family:Times New Roman;
}


#top
{
    width:100%;
    height:180px;
    position:relative;
    background-image:URL("Pic/romaheader.png");
    padding-bottom:0px;
    margin-bottom:0px;
}

#menu
{
    position:absolute;
    width:313px;
    height:136px;
    right:32px;
    float:right;
    margin-top:21px;
    margin-bottom:21px;
    display:table-header-group;
}

#menu ul
{
    list-style-type:none;
    font-size:1em; 
    text-align:justify;
}

.leftMenu
{
    width:40%;
    float:left;
    line-height:2em;
    padding:0px;
    margin:0px;
    padding-left:10px;
    
 

}

.rightMenu
{
    width:40%;
    float:right;
    line-height:2em;
    padding:0px;
    margin:0px;
    padding-left:10px;
}

li a:hover, a:hover
{
    text-decoration:underline;   
}


#middle
{
   background-image:URL("Pic/mainhatter.png");
   background-attachment:scroll;
   margin-top:-30px;
   width:100%;
       
}


#main
{
    border-left:#589499 19px solid;
    margin-left:112px;
    padding-top:20px;
    padding-left:25px;
    padding-right:30px;
    min-height:600px;
    padding-bottom:20px;
    z-index:-3;
    
}

.puzzle
{
    float:right;
}

a, a:visited
{
    text-decoration:none;
    color:#3E433F;
}

#footer
{
    width:100%;
    height:20px;
    background-color:#589499;
    padding-top:0px;
    margin-top:0px;
    text-align:center;
    font-family:Josefin, Eras Light ITC;
    font-style:normal;
    font-weight:bold;
}

#footer img
{
    border:none;   
}