body{
    margin: 0;
    padding: 0;
    background: #977e52;
    font-family: georgia, arial, verdana, tahoma, 'Times New Roman';
}
a{
    text-decoration: none;
    color: #ac2f07;
}

a:hover{
    text-decoration: underline;
    color: #aaa;
}

#outercontainer{
    margin: 3em auto;
    width: 47.5em;
    background: white url('../images/oc-background.jpg') repeat-y;
    position: absolute;
    left: 20%;
}

#container{
    margin: 0 auto;
    width: 47.5em;
    background: white;
}

#header{
    width: auto;
    height: 6.25em;
    background: #FFF url('../images/header-background.jpg') repeat-x;
}

#header h1{
    margin: 0;
    padding: .5em 0 0 .5em;
    font-size: 300%;
    letter-spacing: -.09em;
    font-weight: normal;
    color: #ac2f07;
    font-family: georgia;
    text-align: center;
}


/*menu style*/

#menu{
    width: 47.5em;
    height: 4.375em;
    background: #1f2530 url('../images/menu-background.jpg') repeat-x;
    position: relative;
    top: 9em;
    left: 20%;
}

#menumain ul{
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}

#menumain ul li{
    display: inline;
}

#menumain ul li a{
    padding: 1.5625em;
    color: #AAA;
    text-decoration: none;
    float: left;
    border-right: .0625em solid #333;
    width:auto;
}

#menumain ul li a:hover{
    background: #666 url('../images/menu-hover.jpg') repeat-x;
    color: #FFF;
}

/*start maincontent*/

#maincontent{
    width: 50em;
    background: white url('../images/maincontent-background.jpg') repeat-x;
    padding: 1.5625em .9375em;
    font-size: 90%;
    margin-right: 12.5em;
    margin-top: 4em;
    line-height: 150%;
    text-align: center;
}


#maincontent p{
    margin: 0;
    padding: 0 .625em .625em 1.25em;
    text-align: left;
}

#maincontent ul{
    text-align: left;
    margin-bottom: 2em;
    margin-left: 10em;
}

#maincontent img{
    margin-bottom: 2em;
    text-align: center;
}

#maincontentright img{
    margin-bottom: 2em;
}

#maincontentright{
    float: right;
    width: auto;
    padding: 2em 5em;
    background: white url('../images/maincontent-background.jpg') repeat-x;
    line-height: 150%;
    color: #666;
    text-align: center;
    margin-top: 10em;
    font-size: 90%;
}

#maincontentright h1{
    margin: 0 0 .9375em 0;
    padding: 0;
    font-weight: normal;
    letter-spacing: -.09em;
    font-size: 175%;
    color: #ac2f07;
}

#maincontentright h3{
    margin: 0 0 .9375em 0;
    padding: 0;
    font-weight: normal;
    letter-spacing: -.09em;
    font-size: 175%;
    color: #ac2f07;
}

#maincontentright p{
    margin: 0;
    padding: 0 0 .625em 0;
}

#maincontent h1, #maincontent h2, #maincontent h3{
    margin: 0 0 .9375em 0;
    padding: 0;
    font-weight: normal;
    letter-spacing: -.09em;
    font-size: 175%;
    color: #ac2f07;
}

#maincontent h4{
    margin: 1em 0;
    padding: 0;
    font-weight: bold;
    font-size: 120%;
    color: gray;
    text-align: left;
}

table.lace{
    text-align: center;
    border-left: groove .125em gray;
    border-right: groove .125em gray;
    border-bottom: groove .125em gray;
}

td.lace{
    border: groove .0625em #ac2f07;
    padding: 2em;
    margin: 0;
}



table.thumbs{
    text-align: center;
    border-left: groove .125em gray;
    border-right: groove .125em gray;
    border-top: groove .125em gray;
    border-bottom: groove .125em gray;
}

td.thumbs{
    border: groove .0625em #ac2f07;
    padding: 1em;
}

img.lace{
    width: 46.25em;
}

img.thumbs{
    width: 23em;
}

span.italic{
    font-style: italic;
    text-align: left;
    font-size: .8em;
}

span.bold{
    font-weight: bold;
}

#anchors{
    margin: 2em;
    position: absolute;
    float: right;
    width: 15em;
    top: 60.5em;
    right: 25em;
    font-size: 90%;
    font-family: georgia, arial, verdana, tahoma, 'times new roman';
    line-height: 150%;
}

#footer{
    width: auto;
    font-size: 80%;
    background: #111 url('../images/footer-background.jpg') repeat-x;
    color: #888;
    font-family: arial;
    letter-spacing: -.0625em;
}

#footer h1{
    margin: 0;
    padding: 1.5625em 1.5625em .625em 1.5625em;
    font-weight: normal;
    letter-spacing: -.0625em;
    font-size: 140%;
    color: #ac2f07;
}

#footer p{
    margin: 0;
    padding: 0 1.5625em .625em 1.5625em;
}

#bottom{
    clear: both;
    width: auto;
    text-align: center;
    padding: .9375em .625em;
}
