/*********************************************************************/
/* Basics: these are the general formatting options for the pages.   */
/*********************************************************************/

body { font-family:"Trebuchet MS", Verdana, Arial, Sans-Serif;
	background:rgb(55,120,195) url(../images/flamingjar.gif) repeat fixed center center;
	color:rgb(0,0,0);
	margin:auto;
	text-align:center;
	font-size:100%; }

h1, h2, h3, h4, h5, h6 { 
	font-family:"Times New Roman", Times, Georgia, serif; 
	font-weight:bold;
	font-style:normal;
	color:rgb(24,139,192);
	background-color:transparent; }
h1 { font-size:200%; }
h2 { font-size:160%; }
h3 { font-size:130%; }
h4 { font-size:120%; }
h5 { font-size:110%; font-style:oblique; }
h6 { font-size:110%; font-style:oblique; font-variant:small-caps; }

hr { margin:auto;
	text-align:center;
	width:55%;
	border:1px solid rgb(24,139,192); }

a:link { color:rgb(24,139,192); text-decoration:underline; }
a:visited { color:rgb(9,66,93); text-decoration:none; }
a:hover, a:active { color:rgb(0,89,130); 
	text-decoration:underline; 
	border-top:1px solid rgb(0,89,130); }
a img { border:0; }

ul { list-style:none; background:transparent;}
ul li { display:block;
	width:100%;
	border:0;
	margin:0;
	background: transparent url(../images/dot.gif) no-repeat left 7px; }

ol { background: transparent;}
ol li { list-style: upper-roman;}
ol li ol li { list-style: upper-alpha; }
ol li ol li ol li { list-style: decimal; }
ol li ol li ol li ol li { list-style: lower-alpha; }
ol li ol li ol li ol li ol li { list-style: lower-roman; }

li {font-weight:normal; 
    padding: 0 0 0 10px;
    list-style-position:outside;
    }

td { vertical-align:top; }
dt { font-weight:bold; 
	color:rgb(24,139,192); 
	background-color:transparent; }
dd { font-style:oblique; }


/*********************************************************************/
/* Class Formatting: For those situations where you want to style    */
/*                   page elements in a consistant manner without    */
/*                   making changes to the basic format of the page. */
/*********************************************************************/

/* ~~~~~ group by selector-specific ~~~~~ */

.center { text-align:center; }
.centerBig { text-align:center;
             font-size:1.2em;
             color:rgb(9,66,93);
             font-weight:bold; }
.right { text-align:right; }
.latin { font-style:oblique; }
.bookTitle { text-decoration:underline; }
.series { font-style:oblique; }
.extra{ text-align:center;
	font-size:80%;
	font-family:"Times New Roman", Times, serif;
	color:rgb(24,139,192);
	background-color:transparent; }
.directory { list-style:none; 
	background: transparent;
	margin:0 0.5em 0 1em;
	padding:1px; }
.footenote { font-style:oblique;
             font-size: 0.9em; }
.inlineNote {font-style:oblique;
             font-size: 75%; }
.stressedText {font-style:oblique;
               font-weight:bold;
             font-size: 1.3em; }
table.toc {width:100%;
    border:0;
    padding:0;
    margin:0.1em 0 0.1em 0; 
    text-align: left; }

em.strong { font-style:oblique; font-weight:bold; }
em.diety { font-style:normal; font-weight:bold; color:rgb(24,139,192); }
em.midTitle { font-style:normal; font-weight:bold; color:rgb(24,139,192); }

p.bibli { margin-left:3em;
	font-weight:normal;
	font-style:normal; }
p.bibli:first-line { text-indent:-3em; }

pre.poetry  
{   font-family:Calibri, Cambria, "Trebuchet MS", Serif;
    font-size:1.1em;
	font-style:oblique; }
pre.poetryNoEm  
{   font-family:Calibri, Cambria, "Trebuchet MS", Serif;
    font-size:1.1em;
	font-style:normal; }
		
img.ident { float:left;
	clear:left;
	border:0; }
img.nextNav { position:relative; bottom:-2px; left:0; }

span.leftMenu { float:left;
	width:100%; }

tr.hilite { background-color:rgb(230,230,255); }

.LinkListA
{   display:block;
    background-color:rgb(190,190,190);
    color:rgb(0,128,128);
    }
.LinkListB
{   display:block;
    background-color:rgb(0,128,128);
    color:rgb(190,190,190);
    }

/*********************************************************************/
/* ID's: Unique Styling Elements, usually replacing tables as the    */
/*       main manner of laying out the web page.                     */
/*********************************************************************/

/* ~~~~~ Document Structure ~~~~~ */

#window { position:relative;
	padding:0;
	min-width:600px;
	width:760px;
	margin:0 auto 25px auto;
	padding:0;
	text-align:center; 
	background-color:rgb(255,255,255);
	border:2px solid rgb(0,0,0); 
	border-bottom:0;}

#bannerbar  
{   display:block;
    height:150px;
    padding:0;
    margin:0;
	width:100%;
	background: rgb(255,255,255) url(../images/ORcoastbanner.jpg) no-repeat center center; 
	border-bottom:1px solid rgb(0,0,65);
	clear:none; }

#headbox { display:block;	
	width:100%;
	margin:0;
	padding:0;
	text-align:left;
	background:rgb(255,255,255);
	border:0; 
	clear:both; 
	overflow:hidden;}

#navigate { display: block;
    margin:0; 
	padding:0;
	width:100%;
	height:0.1em;
	border:0;
	border-bottom:1px solid rgb(0,0,65); 
	background:rgb(24,139,192); }

#content  { clear:none;
	width:auto;
	margin:auto;
	padding:1em;
	text-align:left;
	background-color:rgb(255,255,255);
	border:0; }

#side_page { position: relative;
	float:left;
	clear:left;
	width:20%;
	margin:auto;
	padding:1em;
	text-align:left;
	background-color:rgb(255,255,255);
	border:2px solid rgb(175,175,255); }

#side_sec  { float:right;
	clear:right;
	display:inline;
	width:10em;
	margin:1em;
	padding:0;
	text-align:center;
	background-color:rgb(200,200,255);
	border:2px solid rgb(175,175,255); }

#footer  { 
	margin:auto;
	padding:1em;
	clear:both;
	text-align:center;
	background-color:rgb(255,255,255);
	border:0; 
	}
#chapterInc {
    font-family:Calibri, Cambria, "TrebuchetMS", Serif;
    font-size: 1.1em;
    }

/* ~~~~~ Specifically created for the 'I Am' poem to display correctly ~~~~~ */

#splits  
{   font-family:Calibri, Cambria, "Trebuchet MS", Serif;
    font-size:1.1em;
    width:100%;
	padding:1px;
	margin:1px; }


/*********************************************************************/
/* Specific styling: This is the styling that depends upon the       */
/*                   cascading properties of inheritance built into  */
/*                   CSS syntax.  These are put last to ensure that  */
/*                   they are the styles applied.                    */
/*********************************************************************/

div#headbox h1.headBoxTitle {
	margin:0;
	padding:0;
	width:100%;
	font-family:"Times New Roman", Times, Georgia, serif; 
	font-weight:bold;
	font-style:oblique;
	font-size:220%;
	color:rgb(0,0,65); 
	background-color:transparent; 
	border-bottom:3px double rgb(0,0,65); }

div#navigate table 
{   display:table;
    height:0; width:0;}

div#navigate table table tr td  
{   
    display: inline;
    font-family:"Trebuchet MS", Verdana, Arial, sans-serif; 
	font-size:90%; 
	float:left; 
	background-color:rgb(24,139,192); 
	margin:0; 
	padding:0;
	width:7em;
	text-align:center;
	color:rgb(9,66,93); 
	font-weight:bold; 
	border-right:1px solid rgb(0,0,65);
    border-bottom:1px solid rgb(0,0,65);
	}

div#navigate table table a  
{
    display:block;
	text-decoration:none;
	width:100%;
	margin:0;
	padding:0;}
	
div#navigate table table a:link, div#navigate a:visited  
{   
    color:rgb(132,195,224); 
	border:0;}
div#navigate table table a:hover, div#navigate a:active  
{
    color:rgb(9,66,93); 
	background-color:rgb(132,195,224); 
	border:0;}

.NavMenu  {
    font-family:"Trebuchet MS", Verdana, Arial, sans-serif; 
	font-size:90%; 
	float:left;
	margin:0 0.2em;
	padding: 0;
	text-align:center;
	color:rgb(9,66,93); 
	background:rgb(24,139,192);
	font-weight:bold; 
	border:0;
	height:1.1em;
    }

.NavBread  
{   font-family:"Trebuchet MS", Verdana, Arial, sans-serif; 
    Font-size:80%;
    color:rgb(9,66,93);
    float:right;
    margin:0; }
/*
div#side_sec ul { background-color: transparent;
    rgb(55,120,195);
	font-weight:bold;
	list-style:none; 
	margin:0;
	padding:0;
	height:100%; 
	border:0;
	font-size:90%; }
div#side_sec li { list-style:none;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif; 
	display:block;
	width:100%;
	margin:0;
	padding:0;
	text-align:left;
	color:rgb(0,0,200);
	background:transparent;
	border:0;
	font-weight:normal; 
	line-height:1.5; }
div#side_sec a { display:block; margin:0; padding:0; border:0;}
div#side_sec a:link, div#side_sec a:visited { color:rgb(0,0,65); text-decoration:underline; } 
div#side_sec a:hover, #side_sec a:active { color:rgb(0,0,255); text-decoration:underline; }
*/
div#splits .rightSplit { width:45%;
	float:right;
	text-align:left;
	clear:both; 
	margin:0.5em 0;}
div#splits .leftSplit { width:45%;
	float:left;
	text-align:right;
	clear:both; 
	margin:0.5em 0; }
div#splits .clearCenter { text-align:center;
	clear:both; }

#chapterInc h1, #chapterInc h2, #chapterInc h3 {font-family:Verdana, Tahoma, Sans-Serif;
    color:rgb(0,0,65);
    border:0;
    background:transparent;
}

#poemInc h1, #poemInc h1, #poemInc h1 {
    font-family:"Times New Roman", Times, Georgia, Serif;
    color:rgb(0,0,65);
    background:transparent; }
#poemInc h1 {border-bottom:double 3px rgb(0,0,65);}
a img { border:0; }

/*********************************************************************/
/* Bad Browser Hacks: This section is included to apply the proper   */
/*                    formatting for bad browsers, like IE 6 and     */
/*                    under.  These browsers are buggy when applying */
/*                    standards-compliant formatting.                */
/*********************************************************************/
br.cleared  {
    clear: both; 
    display:block;
    height:1px;
    }