/**********************************************************************
CSS Style Sheet created for use at christopherschiller.com. 
All rights reserved by the copyright holder, Christopher Schiller, Esq.

Color Key
=========
rgb(13,0,77) =     dark, navy-ish blue
rgb(160,140,255) = cyan flavored tone
rgb(229,229,229) = bright grey
Also use white and black for emphasis

***********************************************************************/
body {
	background: rgb(160, 140, 255);
	font-family:"Bookman Old Style Light", "Bookman Old Style", serif;
	font-size: 10pt;
	color: rgb(13,0,77);
}
/**********************************************************/
/***************** TEXT STYLE ELEMENTS ********************/
/**********************************************************/
h1 {
	color: rgb(160,140,255);
	background: rgb(13,0,77);
	font-size: 1.5em;
	text-align: center;
	border-bottom: medium double rgb(160,140,255);
}
h2 {
	color: rgb(160,140,255);
	font-size: 1.25em;
	text-align: left;
	border-bottom: medium double rgb(160,140,255);
}
h3 {
	color: rgb(160,140,255);
	font-size: 1em;
	text-align: left;
}
h4 {
	color: rgb(160,140,255);
	font-size: 1em;
	text-align: left;
	text-indent:3em;
}

em {
	color: rgb(13,0,77);
	font-weight: bold;
}

.contact_address {
	color: rgb(229,229,229);
	font-size: 8pt;
}
p.disclaimer {
	color: rgb(229,229,229);
	font-size: 8pt;
}

/*** TEXT STYLES ELEMENTS FOR MAIN TEXT SECTION ***/
.maintext_holder > p:first-letter { /* Makes first letter of main text stand out*/
	color:rgb(160,140,255);
	font-size: 1.75em;
	font-weight: bold;
}
.maintext_holder > p { /* indents first line of main text paragraphs */
	text-indent: 1em;
}
.maintext_holder * a:link { /* creates link formatting for menus */
	color: rgb(160,140,255);

}
.maintext_holder * a:visited { /* creates link formatting for menus */
	color: rgb(13,0,77);
}
.maintext_holder * a:hover { /* creates link formatting for menus */
	color: black;
}
.maintext_holder * a:active { /* creates link formatting for menus */
	color: rgb(229,229,229);
}

/*** TEXT STYLES ELEMENTS FOR SIDEBAR SECTION ***/
.author {
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 0.75em;
}
/* these "A" anchor links alter children within sidebar, (aka inside <p> marks,) because of the * instead of > which reaches grandchildren */
.sidebar_holder * a:link { /* creates link formatting for sidebar */
	color: rgb(229,229,229);
}
.sidebar_holder * a:visited { /* creates link formatting for sidebar */
/*	color: rgb(160,140,255);*/
color: black;
}
.sidebar_holder * a:hover { /* creates link formatting for sidebar */
	color: white;
}
.sidebar_holder * a:active { /* creates link formatting for sidebar */
	color: rgb(229,229,229);
}
.sidebar_holder > h1 { /* creates headline formatting for sidebar */
	color: rgb(160,140,255);
	font-size: 1.25em;
	font-style:normal;
	font-weight:bold;
	text-align: center;
	border-bottom: medium double rgb(160,140,255);
}


/*** TEXT STYLES ELEMENTS FOR MENU SECTION ***/
.menu_holder > ul { /* alters the list format for the menu for style and positioning */
	list-style: square;
	position: relative;
	right: 24px;
	width: 92px;
}

.menu_holder * ul { /* alters the list format for the menu for style and positioning */
	list-style: square;
	position: relative;
	right: 30px;
	width: 87px;
	font-size: 0.85em;
}
.menu_holder * a:link { /* creates link formatting for menus */
	color: rgb(229,229,229);
}
.menu_holder * a:visited { /* creates link formatting for menus */
	color: rgb(160,140,255);
}
.menu_holder * a:hover { /* creates link formatting for menus */
	color: white;
}
.menu_holder * a:active { /* creates link formatting for menus */
	color: rgb(229,229,229);
}
.menu_holder > h1 { /* creates headline formatting for menus */
	color: rgb(160,140,255);
	font-size: 1.25em;
	text-align: center;
	border-bottom: medium double rgb(160,140,255);
}

/**********************************************************/
/************** PAGE STRUCTURE ELEMENTS *******************/
/**********************************************************/

.section_holder {
	width:90%;
	margin:0px auto;
	padding:10px 0;
	text-align:left;
}

.header_holder {
	text-align: center;
}

.menu_holder {
	float: left;
	left: 0px;
	width: 10%;
	min-width: 110px;
	margin: 0 0 0.5em 0;
	padding:0 0.2em 0  0.2em ;
	font-size: small;
	color: rgb(229,229,229);
	background: rgb(13,0,77);
}

.maintext_holder {
	float: left;
	width:80%;
	padding:0em 0.75em 0em 0.75em;
	margin: 0 0.75em 0.5em 0;
	left:0px;
	text-align: justify;
	background: rgb(229,229,229);
}

.sidebar_holder {
/* positioning code adapted from 456bereastreet.com automatic pullquotes */
	float:right;
	width:10em;
	margin:0.25em 0.75em 0.25em 0.75em;
	padding:0.5em;
	border:3px outset rgb(13,0,77);
	border-width:3px 3px 3px 3px;
	background: rgb(160,140,255); 
	font-size: 0.85em;
	font-style: italic;
	text-align: left;
}

.footer_holder {
clear: both;
	background: rgb(160,140,255);
	text-align: center;
}

.footer_line_little {    /*thin line for footer graphic, used twice*/
	height:1px;
	background: rgb(13,0,77);
	margin: 1px 0px 1px 0px;
}
.footer_line_big {     /*thicker, slightly shorter line in footer graphic*/
	height:3px;
	border-left: 6px solid rgb(160,140,255);
	border-right: 6px solid rgb(160,140,255);
	background: rgb(13,0,77);
	margin: 6px 0px 1px 0px;
}

/**********************************************************/
/************ POP OUT BOX CODING FOR RAMBLINGS ************/
/**********************************************************/
.floatnote a {
	color: rgb(13,0,77) !important;
	text-decoration: none;
}

.floatnote a:hover {
	background: white; /* background changed to highlight text related to popup */
}

.floatnote a span { /* this initially hides the popup text located inside a span in the anchor tag */
	display: none;
}

.floatnote a:hover span { /* this creates the pop up box in CSS alone */
	display: block;
	position: absolute; left:130; top:-80; 
	width:20em;
	opacity:0.95;
	filter:alpha(opacity=95); 
	z-index:2;
/* These next color and border like sidebar */
	margin:0.25em 0.75em 0.25em 0.75em;
	padding:0.5em;
	border:3px outset rgb(13,0,77);
	border-width:3px 3px 3px 3px;
	background: rgb(160,140,255);
	font-size: 0.85em;
	text-align: left;
}

.ftnt {  /* for the superscript footnote numbers in the body text */
	position: relative;
	font-size: 0.75em;
	vertical-align: super;
}

.footnotes { /* div where the footnotes are repeated at the bottom of the page for printing, etc. */
	background: rgb(13,0,77);
	color: rgb(229,229,229);
	font-size: 0.75em;
	padding: 0.5em;
}
.footnote > p:first-letter { /* Makes number of the footnote properly stand out */
	font-size: 0.75em;
	vertical-align: super;
	font-weight: bold;
}
.footnote em { /* necessary because the background of the footnotes div is different */
	color: rgb(229,229,229);
}