/* this applies to the body of the entire document */
body
{
	margin:0px; text-align: center;
	/* background-color: rgb(207,206,210);	/* light gray */
	/* background-color: rgb(164,216,255);	/* Sri Aurobindo's blue */
	/* background-color: #123456;			/* my original blue */
	/* background-color: rgb(0,115,140);	/* turquoise */
	/* background-color: rgb(0,108,169);	/* pearl blue */
	/* background-color: rgb(0,144,148);	/* teal */
	/* background-color: rgb(0,78,152);		/* windows desktop blue */
	/* background-color: rgb(153,51,102); 	/* some kind of magenta */
	/* background-color: rgb(225,235,251); 	/* yahoo light blue */
	background-image: url('../images/gradient.jpg');
}

/* container for the entire page */
div#container
{
	width: 779px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* non scrolling header */
#header 
{
	width: 779px;
	height: 140px;
	float: left;
  	/*background-color: #FFFF00;*/
  	background-color: #FFFFFF;
}

/* scrolling contents */
#content
{
	width: 779px;
	height: 600px;
	float: left;
  	/*background-color: #00FFFF;*/
  	background-color: #FFFFFF;
  	overflow: auto;
}

/* navigation stuff on left */
#nav
{
	width: 167;
	height: 250;
	/*background-color: rgb(2,202,162);*/
	background-color: #FFFFFF;
}

/* main part of the page, on the right */
#main
{
	width: 588; /*592*/
	height: 250;
	/*background-color: rgb(248,102,102);*/
	background-color: #FFFFFF;
}

/* line on the right side of nav panel */
#nav_border
{
	height: 250;
	/*background-color: rgb(217,1,108); /* kind of red */
	background-color: rgb(206,233,255); /* light blue */
	/*background-color: rgb(216,128,148); /* light tan */
	/*background-color: rgb(2,157,208); /* light teal */
	/* background-color: rgb(6,153,158); /* dark teal */
}

/* used to create space to the right of the nav panel */
#main_border
{
	width: 7;
	height: 250;
	/*background-color: rgb(5,171,157);*/
	background-color: #FFFFFF;
}

/* stuff for the top level page, where we have */
/* the 3x4 table of pictures */

#div34
{
	/*width: 779;*/
	width: 749;
	height: 250;
	text-align: center;
	border-collapse: collapse;
	/*background-color: rgb(2,202,162);*/
	background-color: #F4FAFF;

}

/* highlight color for text searches */
.highlight { background-color: #FFFF00 }

/* link images should not have a border */
a img 
{
	border: none; 
}

/* links used in pagewise TOC */
a.ptoc:link
{
	color: #0000FF;
}

a.ptoc:visited
{
	color: #FF0000;
}

a.ptoc:hover
{
	color: #0000FF;
}

a.ptoc:active
{
	color: #993366;
}

a:link 
{
	color: #993366;
	text-decoration: underline;
	/*font-size: 1.1em;*/
}
a:visited 
{
	color: #FFCC00;
	text-decoration: underline;
	/*font-size: 1.1em;*/
}
a:hover 
{
	color: rgb(0, 0, 153);
	text-decoration: none;
	/*font-size: 1.1em;*/
}
a:active 
{
	color: #FF0000;
	text-decoration: underline;
	/*font-size: 1.1em;*/
}

table.short_header
{
	background-color: #CEE9FF;
	border-color: #000000;
	text-align: left;
	width: 50%;
	border-width: 1px;
	border-style: solid;
	/*background-image: url() no-repeat top center;*/
	border-collapse: collapse;
}

/* header displayed on TOC and music pages */
table.header
{
	background-color: rgb(225,235,251);
	border-color: rgb(149,179,222);
	text-align: left;
	width: 100%;
	border-width: 1px;
	border-style: solid;
	/*background-image: url() no-repeat top center;*/
	border-collapse: collapse;
	font-size: 0.8em;
}

td.header
{
	color: #0000FF;
	font-family:Georgia;
	font-style: italic;
	font-size: 1.0em;
}

/* for displaying table of contents */
table.toc
{
	width: 100%;
	background-color: rgb(246,246,246);
}

td.toc
{
	width: 15%;
}

/* header displayed at the top of each page of the poem */
table.page_header
{
	background-color: #CEE9FF;
	border-color: #000000;
	/*text-align: center;*/
	width: 100%;

	border-width: 1px;
	border-style: solid;
	/*background-image: url() no-repeat top center;*/
	border-collapse: collapse;
}

table.canto_start_header
{
	/*background-color: rgb(239,194,155);*/
	/*background-color: rgb(249,204,114);*/
	background-color: rgb(255, 215, 153);
	border-color: rgb(249,204,114);
	/*text-align: center;*/
	width: 100%;

	border-width: 1px;
	border-style: solid;
	/*background-image: url() no-repeat top center;*/
	border-collapse: collapse;	
}

td.canto_start_name
{
	width: 15%;
}
td.canto_start_title
{
	width: 70%;
}
td.canto_start_number
{
	width: 15%;
}

/* for displaying book/canto name */
td.name
{
	width: 15%;
	color: #0000FF;
}

/* for displaying book/canto title */
td.title
{
	width: 70%;
	color: #0000FF;
}

/* for displaying page number */
td.number
{
	width: 15%;
	color: #0000FF;
}

/* smaller text for end of canto */
font.eoc
{
	font-size: 0.8em;
}

/* text at the start of a page */
font.title
{
	color: #8B0FFF;
	font-family:Georgia;
	font-style: italic;
}

/* for displaying table of pagewise contents */
table.pagewise_toc
{
	width: 100%;
}

/* pagewise TOC with blue background */
td.pagewise_toc_b
{
	background-color: #CEE9FF;
	width: 5%;
}

/* pagewise TOC with yellow background */
td.pagewise_toc_y
{
	background-color: #FFFFCC;
	width: 5%;
}

/* pagewise TOC with white background */
td.pagewise_toc_w
{
	background-color: #FFFFFF;
	width: 5%;
}

/* display text in italics */
font.italics
{
	font-family:Georgia;
	font-style: italic;
}

/* drop shadow effects */
td.ds_top
{
	background-color: #000000;
	width: 100%;
}

td.ds_mid
{
	background-color: #000000;
	width: 100%;	
}

td.ds_bot
{
	background-color: #000000;
	width: 100%;
}

div.gray_bg
{
	background-color: rgb(246,246,246);
	margin: 10px;
}

font.quote
{
	color: rgb(149,7,71);
	font-style: italic;
}

/* table data, 50%, centered */
td.50p_center
{
	width: 50%;
	text-align: center;
}

/* stuff for rounded divs */

.bl_blue {background: #e1ebfb url('../images/blue_bottom_left.gif') no-repeat 0 100%; width: 100%}
.br_blue {background: url('../images/blue_bottom_right.gif') no-repeat 100% 100%; }
.tl_blue {background: url('../images/blue_top_left.gif') no-repeat 0 0; }
.tr_blue {background: url('../images/blue_top_right.gif') no-repeat 100% 0; padding:10px}

.bl {background: #ffd799 url('../images/nice_bottom_left.gif') no-repeat 0 100%; width: 100%}
.br {background: url('../images/nice_bottom_right.gif') no-repeat 100% 100%; }
.tl {background: url('../images/nice_top_left.gif') no-repeat 0 0; }
.tr {background: url('../images/nice_top_right.gif') no-repeat 100% 0; padding:10px}
.clear {font-size: 1px; height: 1px}

/* this is how we implement rounded divs 
<div class="bl"><div class="br"><div class="tl"><div class="tr" align="center">
Book One - The Book Of Beginnings
</div></div></div></div>
<div class="clear">&nbsp;</div>
*/
						
/* end stuff for rounded divs */