/* layoutstyles.css */

/* Universal style rule */
*{
/* Block all browser default margins and padding */
margin:0;
padding:0;
/* Temporary borders */
/* border:dashed 1px #f00; */
}

body{
background: #fff;
}

#wrapper{
background-color: #fff;
width: 45em;
/* Put 20px margin above the wrapper */
/* Set right and left to auto for centering */
margin: 20px auto 0 auto;
}

#header {
width: 40em;
margin: auto auto;
}


/* icon menu for website navigation */

#iconmenu {position: relative; margin: 5px auto; padding: 5px;
width: 420px; height: 110px; background: url(pattern.gif);
}
#iconmenu li {width: 97px; height: 106px; position: absolute; top: 2px;
background: url(acornbuttons.gif) 0 0 no-repeat; display: block; list-style: none;
}
#iconmenu a {width: 97px; height: 106px;
display: block;
/* border: solid 1px #fff; */
}
#iconmenu a:hover;
/* {border: solid 1px #000;} */
/* indicators below adjust position of foreground image */
#iconmenu #panel1c {left: -8px;}
#iconmenu #panel2c {left: 101px; background-position: -96px 0;}
#iconmenu #panel3c {left: 200px; background-position: -193px 0;}
#iconmenu #panel4c {left: 299px; background-position: -287px 0;}
/* indicators below adjust position of background image */
#iconmenu #panel1c a:hover {background: url(acornbuttons.gif) -8px -110px no-repeat;}
#iconmenu #panel2c a:hover {background: url(acornbuttons.gif) -102px -110px no-repeat;}
#iconmenu #panel3c a:hover {background: url(acornbuttons.gif) -198px -110px no-repeat;}
#iconmenu #panel4c a:hover {background: url(acornbuttons.gif) -287px -110px no-repeat;}

#title {
background: #00f;
margin:0 auto;
width:20em;
border: #000066 4px solid;
border-width:1em;
border-style:ridge;
}

#title p {
font-family:'Comic Sans', Helvetica, Sans-Serif;
font-size: 2em;
text-align:center;
color:#fff;
border: #fff 4px solid;
border-width:.25em;
border-style:ridge;
}

p.chapter {
font-family:'Lucidatypewriter', Cursive, Sans-Serif;
font-variant: small-caps;
font-size: 1.5em;
border: #000066 1px solid;
border-width:.25em;
border-style:double;
text-align:center;
margin: 20px auto 20px auto;
}

p.bodytext {
font-family: Times New Roman, Georgia, Sans-Serif;
text-align:left;
text-indent: 30px;
}

#letter {
margin: 2em 2em 2em 2em;
font-family:'Lucida Handwriting', Cursive, Sans-Serif;
font-weight: 600;
border: #000066 1px dotted;
border-width:.25em;
border-style:dotted;
padding:.5em;
}

#footer blockquote {
margin: 2em 2em 2em 2em;
border: #000066 1px solid;
border-width:.25em;
border-style:double;
text-align:center;
font-family:'Lucidatypewriter', Cursive, Sans-Serif;
font-variant: small-caps;
font-size: 1.5em;
}