/* In the following order: body, head and its h1, */
/* bnavbar and its ul, li, and a,*/ 
/* content and its h2 and links, excerpts, */ 
/* some formatting classes */
/* IMPT img1 is used only in bio.php  */


/* background mauve, with  margins. */
body {
margin-top: 20px;
background-color: #ffccff;
color: #222;
}

p {
color: #222;
}

#head {
background-color: #ffccff;
}

#head h1 {
color: #555;
font-family: Arial, Helvetica, sans-serif;
font-size: 180%;
font-weight: bold;
text-align: left;
}


/* start of all navbar rules */

#navbar {
float: left;
width: 160px;
margin-top: 20px;
}

ul#navlinks {
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 1px;
}

ul#navlinks li {
width: 146px;
height: 49px;
margin-bottom: 1px;
}


/* anchor (aka link) styles go here */
/* links: start as blue; red when hovered over;
purple when visited. Background color now same mauve as page */


ul#navlinks a {		
display: block;
padding: 5px 5%;
text-decoration: none;
text-align: right;
width: 90%;
height: 80%;
background: #fcf url(../images/NavImBase.jpg);
border-top: 1px solid #f7f7f7;
border-right: 1px solid #828282;
border-bottom: 1px solid #828282;
border-left: 1px solid #f7f7f7;
color: #C78231;
font-weight: bold;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}

ul#navlinks a:hover {	
background: #fcf url(../images/NavImHov.jpg);
color: #333;
border-top: 1px solid #828282;
border-right: 1px solid #f7f7f7;
border-bottom: 1px solid #f7f7f7;
border-left: 1px solid #828282;
}



#content {
margin-top: 10px;
margin-left: 176px;
margin-right: 5%;
}

#content h2 {
color: #555;
/* font-family: 'Times New Roman', serif; 
font-family: Arial, Helvetica, sans-serif;*/
font-family: Arial, Helvetica, sans-serif;
font-size: 140%;
font-weight: bold;
text-align: left;
}

/*content links go here */

#content a {
color: #C78231;
}

#content a:hover {
color: #ff8c40;
}


/* And bold the links in the footer */

#footsteps a {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}



/* class styles go here */


/* book links: need some heavy duty formatting here*/
.titlelink {
margin-bottom: 12px;
font-size: 105%;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
} 


/* Following classes are used for book descriptions*/

/* overall for book description divs */
.bookdescrip {
margin-top: 25px;
margin-left: 35px;
width: 80%;
}


/* Added 09/04/06 for divs for thumbnails */
.thumbclass {
float: left;
width: 200px;
}

.thumbpix {
margin-left: 0;
padding-right: 5px;
border: 0;
}

/* book statement */
.bookline {
margin-top: 20px;
margin-bottom: 7px;
font-size: 102%;
} 



/* Some formatting classes */

/* following is used at a couple of points */
.central {
text-align: center;
}


/* following is to italicize, rather than em */
.emtalics {
font-style: italic;
}

/* following for citatiob sources, rather than em */
.citesource {
font-style: italic;
font-size: 75%;
text-align: right;
}


/* following is used to make individual characters larger */
.growit {
font-family: Arial, Helvetica, sans-serif;
font-size: 125%;

color:  #333;
}


/* following is available for use */
.righted {
text-align: right;
}

/* img1 is used only in the bio page. */

.img1 {
margin: 30px 30px 0 0;
padding: 0 20px 0 0;
}