body
{
font-size:100%;
background-color:#FFFFCC;
text-align:left;
}
a:link
{
color:#3366CC;
}
a:visited
{
color:#9966CC;
}

/* This sets the font size of regular text (in <p> tags) on the html pages.*/
p
{
font-size:18px;
}

/* This sets the font size of list items (in <li> tags) on the html pages.*/
li
{
font-size:18px;
}

/* This sets the font size of description lists (in <dl> tags) on the html pages.*/
dl
{
font-size:large;
}

/* This sets the padding of description list descriptions (in <dd> tags) on the html pages.*/
dd
{
padding:2px;
}

/* This sets the styling of the <cite> tag.*/
cite
{
text-decoration:underline;
font-weight:bold;
}

h1.booklist-h1
{
/*text-align:center;*/
}

ul.booklist-ul
{
list-style-type:none;
/*text-align:center;*/
}

li.booklist-li
{
padding:20px;
font-size:1.4em;
}

/* This sets the offset from the side navbar to the page text.  */
div.content
{
margin-left:240px;
margin-right:20px;
margin-top:40px;
/*border:1px solid grey;*/
}

/* This sets the margins for the main page.  The left margin should match 
 * div.content, the right margin should be the same as the left to keep 
 * everything centered.  */
div.main-page
{
margin-left:240px;
margin-right:240px;
margin-top:40px;
/*border:1px solid grey;*/
}

/* This sets the offset from the top navbar to the side navbar and page text.  */
div.top-navbar-div
{
height:40px;
}

/*li.top-navbar-li,li.side-navbar-li
{
}*/
li.top-navbar-li-separator
{
border-color:#8B814C;
border-style:solid;
border-width:1px;	/* Actual height = height + 2 x border width and must */
float:left;			/* match a.top-navbar-a{ min-height + padding-top + */
height:30px;		/* padding-bottom } */
}


ul.top-navbar-ul,ul.side-navbar-ul
{
border-color:#8B814C;
border-style:solid;
clear:left;
float:left;
list-style-type:none;
padding:0px;
}
ul.top-navbar-ul
{
background-color:#CDBE70;
border-width:2px;
width:100%;
}
ul.side-navbar-ul
{
border-width:1px;
}

a.side-navbar-a:link,a.side-navbar-a:visited,a.top-navbar-a:link,a.top-navbar-a:visited
{
background-color:#CDBE70;
border-color:#8B814C;
border-style:solid;
color:#FFFFFF;
display:block;
font-size:1.125em;
font-style:italic;
margin:0px;
min-height:24px;
padding-top:4px;
padding-bottom:4px;
text-align:center;
text-decoration:none;
}
a.top-navbar-a:link,a.top-navbar-a:visited
{
border-width:0px;
float:left;
min-width:156px;
padding-right:15px;
padding-left:15px;
}
a.side-navbar-a:link,a.side-navbar-a:visited
{
border-width:1px;
float:none;
padding-right:5px;
padding-left:5px;
width:174px;
}

a.top-navbar-a:hover,a.top-navbar-a:active,a.side-navbar-a:hover,a.side-navbar-a:active
{
background-color:#8B8970;
}

/* The following sets the styling of the Grafted Promise header.  */
span.grafted-promise
{
font-size:3em;
font-style:italic;
position:relative;
bottom:-41px;
}
span.verse
{
font-size:1.125em;
font-style:italic;
position:relative;
bottom:-95px;
}
span.webspace-of
{
font-size:1.5em;
font-style:italic;
font-weight:bold;
position:relative;
bottom:-111px;
}
img.grafted-wi-gif
{
position:relative;
bottom:-51px;
}
div.page-header
{
height:300px;
text-align:center;
}