/* ----------------------------------------------------------  */
/* first we define the actual body and a few general defaults  */
/* ----------------------------------------------------------  */


body { 
	background: #7c272d url(../../graphics/bodyback.jpg); 
	color: #000;
	margin: 0; 
	padding: 0; 
	font-family: sans-serif;
	font-size: 100%;  
	}

h1, h2, h3, h4, h5, h6, p, div, ul, li { 
	font-size: 1em;
	font-style: none;
	font-weight: normal;
	margin: 0; 
	padding: 0; 
	}

pre, blockquote { font-family: monospace; font-size: 90%; margin-left: 1em; }


/* set a default links style  */
a:link { color: #fff; text-decoration: underline; }
a:visited { color: #633; text-decoration: underline; }
a:hover, a:active { color: #900; text-decoration: none; }

.this-page { font-style: italic; }


h1#title-bar { 
	background: #transparent; 
	color: #fff; 
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 0 0 0.5em; 
	margin-bottom: 2em; 
}

span.texttip { color: #606; font-weight: bold; }



/* ++++++++++++++++++++++++++++++++++++  */
/*  Let's define the actual page layout  */
/* ++++++++++++++++++++++++++++++++++++  */



/* ---------------------------------------------------------------  */
/* first, an outer wrapper to set screen width and set it centered  */

#page { 
	background: #c5686b url(../../graphics/mainback.jpg);
	border: 1px solid #69191f; 
	margin: 10px 2% 0 2%; 
	width: 96%; 
	}

/* ----------------------------------------------------------  */
/* now we define vertical areas, top, middle and footers       */
/* there are two top blocks, #header for logos etc and #navbar */
/* there's one main middle block, #main-area, the main display */
/* and there are two lower blocks, #bottom and #footer         */

#header, #navbar, #main-area, #bottom, #footer { 
	border: 0; 
	overflow: hidden; 
	width: 100%; 
	}

#header { 
	background: url(../../graphics/bodyback.jpg);
	color: #fff;
}

#footer { 
	background: transparent;
	color: #fff;
	margin: 10px 2% 3em 2%; 
}

#bottom, #footer { 
	text-align: center;
}

#navbar, #bottom { 
	background: #7c272d url(../../graphics/mainback.jpg);
	color: #fff;
}

#bottom, #footer { padding: 0.5em 0 1em 0; }

#navbar { padding: 10px 0 10px 0; }

#main-area { 
	background: #7183b5 url(../../graphics/pageback.jpg);
	border: 1px solid #465988; 
	margin-left: 1%;
	padding-bottom: 2em;
	width:98%;
	}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/* right, we've defined the main geography - now we can get specific  */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */


/* --------------------------------------------------------------  */
/* in the top header area we put the sitename, searchbox and path  */

#sitename { 
	color: #f1c9ce;
	float: left;  
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.4em; 
	font-weight: bold;
	margin:0; 
	padding: 10px 0 0 10px;
	}

#sitename a:link { color: #f1c9ce; text-decoration: none; }
#sitename a:visited { color: #f1c9ce; text-decoration: none; }
#sitename a:hover { color: #f99; text-decoration: none; }
#sitename a:active { color: #f1c9ce; text-decoration: none; }

.path-text { 
	clear:both;
	color: #fff; 
	font-size: 0.8em; 
	font-style:italic;
	font-weight: normal; 
	margin: 0; 
	padding-bottom: 0; 
	padding-left:4%; 
	padding-top: 5px;
	}

.path-text ul { list-style:none; margin: 0 0 0 0; padding: 0 0 0 0; }
.path-text li { display:inline; }
.path-text li { background: transparent; }
.path-text li.thispage { color: #fff; font-style: italic; }
.path-text li span { color: #9cf; font-style: normal; font-size: 1.2em; font-weight: bold; }

a.pathlink:link { color: #9cf; text-decoration: none; }
a.pathlink:visited { color: #9cf; text-decoration: none; }
a.pathlink:hover { color: #fff; text-decoration: underline; }
a.pathlink:active { color: #f00; text-decoration: underline; }
a.pathlink { font-style: normal; }


/* -------------------------------------------------------------  */
/* the top navbar will contain at least one horizontal menu list  */

#navbar ul { 
	font-family: arial, helvetica, sans-serif; 
	font-size: 0.8em;
	font-weight: bold; 
	line-height: 1.6;
	list-style: none; 
	text-align: center;
	}

#navbar ul.mainlinks li {	
	display: inline;  
	padding: 0 5px 0 0; 
	}

#navbar ul.mainlinks li a {	
	
	border-top: 1px solid #a8beec;
	border-right: 1px solid black; 
	border-bottom: 1px solid black; 
	border-left: 1px solid #a8beec;
	padding-bottom: 2px; 
	}

a.navlink:link { background: #7c272d url(../../graphics/bodyback.jpg); color: #dae3f8; text-decoration: none; }
a.navlink:visited { background: #7c272d url(../../graphics/bodyback.jpg);color: #dae3f8; text-decoration: none; }
a.navlink:hover { background: #7183b5; color: #fff; text-decoration: none; }
a.navlink:active { background: #7183b5; color: #fff; text-decoration: none; }


#bottom p a { 
	background: url(../../graphics/back-to2.png) no-repeat; 
	padding-left: 20px;
	font-style: italic; 
	font-weight: bold; 
	}
#bottom a:link { color: #fff; text-decoration: underline; }
#bottom a:visited { color: #fff; text-decoration: underline; }
#bottom a:hover { color: #0ff; text-decoration: none;; }
#bottom a:active { color: #0ff; text-decoration: none;; }




#maintext .column-text p.gapped { padding-top: 1em; }
#maintext .column-text p.image-center { padding-top: 1em; text-align: center; }

#maintext .column-text img.image-left { float: left; }

#maintext .column-text img.image-right { float: right; }

#maintext .column-text p.pageturn { height: 75px; }
#maintext .column-text p.pageturn img { border: 0; }
#maintext .column-text img.previous { float: left; padding: 20px 0 0 20%; }
#maintext .column-text img.next { float: right; padding: 20px 20% 0 0; }


#maintext .column-text ul.links {
	list-style: none;
}

#maintext .column-text ul.links a { font-size: 1.1em; }

#maintext .column-text ul.links li { padding-bottom: 1em; }

#maintext .column-text ul.links li span { display: block; padding: 0.5em 0 1em 1em; } 


/* ++++++++++++++++++++++++++++++++++++  */
/* enhanced info for speech/text only browsers not seen by others */
/* ++++++++++++++++++++++++++++++++++++  */

.skip, #skip-target, #secondaries, #songinfo { margin: 0; padding: 0; }

.skiplink, #skip-target, #secondaries, #songinfo, #toc { 
	left: -999em;
	position: absolute; 
	}

.nostyle { display: none; }