/****** Reset styles ******/
html, body, div, p, table, pre, td, tr, th, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, img, blockquote, iframe {
margin: 0;
padding: 0;
border: 0;
}

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
  background-color: #f5debc;
  background-image: url(body_bg.jpg);
  font-family: Bookman Old Style,Georgia,Arial,sans-serif;
  font-size: 18;
  line-height: 1.29;  
  margin: 0px;
  padding: 0px;
}

a{
  color: #e65118;
  font-family: Bookman Old Style,Georgia,Arial,sans-serif;
  text-decoration: none;
}

a:link{
  color: #cb2701;
  font-family: Bookman Old Style,Georgia,Arial,sans-serif;
  text-decoration: none;
  font-weight: bolder;
}

a:visited{
  color: #0a6c03;
  font-family: Bookman Old Style,Georgia,Arial,sans-serif;
  text-decoration: none;
}

a:hover{
  color: #0a6c03;
  font-family: Bookman Old Style,Georgia,Arial,sans-serif;
  text-decoration: underline;
  font-size: 100%;
  font-weight: bolder;
}

img{
  margin: 10px 20px;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#siteName{
  margin: 40px 0px 20px 0px;
  padding: 0 0 0 0;
  position: relative;
  text-align: center;
}

#container{
  position: relative;
}

#footer{
  position: relative;
}

#navBar{
  float: left;
  width: 170px;
  padding: 70px 30px 0 20px;
}

#content{
  position: relative;
  margin: 0 40px 0 230px;
  padding: 0 0 100px 0;
  font-size: 80%;
}

/***********************************************/
/* NavBar                                      */
/***********************************************/

#navBar ul a:link, #navBar ul a:visited{
  display: block;
}

#navBar ul{
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li{
  border-bottom: 0px solid #545D8F;
}

/* fix for browsers that don't need the hack */
html>body #navBar li{
  border-bottom: none;
}

/***********************************************/
/* content Div                                 */
/***********************************************/

#content p{
  text-align: justify;
  padding: 0 0 4px 0;
}

/*p:first-letter{
 font-size: 200%;
 font-style: italic;
 font-weight: bold;
 float: left
}*/

.quotation{
  background-color: #e5ceac;
  margin: 0 0 10px 30px;
  padding: 10px;
}

.chapter{
  margin: 20px 20px;
}

.partnum{
  color: #e47d03;
  disply: inline;
  float: left;
  padding: 0 10px 0 0;
  margin: 0;
  font-size: 150%;
  text-align: left;
  line-height: 80%;
}

.person{
  font-size: large;
  font-weight: bolder;
}

.free_character{
  color: green;
  font-size: normal;
  font-style: italic;
  font-weight: bolder;
}

.occupied_character{
 color: red;
 font-size: normal;
 font-style: italic;
 font-weight: bolder;
}
.highlight{
 font-size: normal;
 font-weight: bolder;
}

#content h3{
 color: #669900;
 font-size: 150%;
 text-align: center;
 padding: 20px 0 30px 0;
}

#content h4{
  text-align: left;
  font-style: italic;
  font-weight: bold;
  padding: 0 0 10px 100px;
}

/***********************************************/
/* footer Divs                                 */
/***********************************************/

#footer a{
  position: relative;
}