/* --------------------------------- */
/* Michael Mack Live -- CSS Document */
/*                                   */
/*           CONTENTS                */
/* PAGE BACKGROUND                   */
/* BUILT-IN STYLES                   */
/* BASIC STYLES                      */
/* LINKS                             */
/* POEMS                             */
/* BULLETS                           */
/* CAPTIONS                          */
/* IMAGES                            */
/* TABLES                            */
/* SPECIAL                           */
/* TESTING                           */
/* --------------------------------- */


/* PAGE BACKGROUND STYLE */
body{
	text-align: center;  /* Added to center tables in CSS for IE; see table styles below */
	background-color: #ffffcc;
	font-size:100%      /* W3C recommends setting body font size to 100%, then using "em" instead of "px" to avoid IE resizing problem.  See http://www.w3schools.com/Css/css_font.asp */
}

/*    BUILT-IN STYLES    */
/* FYI    margin: top right bottom left */
h1	{
	color: #0099ff;   /* editing blue*/
	font-family: arial, helvetica, sans-serif;
}
h2	{
	color: #0099ff;   /* editing blue*/
	font-family: arial, helvetica, sans-serif;
}
h3	{
	color: #0099ff;   /* editing blue*/
	font-family: arial, helvetica, sans-serif;
}
h4	{
	color: #0099ff;   /* editing blue*/
	font-family: arial, helvetica, sans-serif;
}
p	{
	color: #0099ff;   /* editing blue*/
	font-family: arial, helvetica, sans-serif; 
}

/* BASIC BASIC BASIC BASIC BASIC BASIC BASIC BASIC BASIC BASIC BASIC BASIC BASIC BASIC BASIC BASIC  */

/* margin: top right bottom left */
.heading-style-0-logo-line	{
	color: #ffbd35;
	font-family: arial, helvetica, sans-serif;
	font-size: 100%;
	text-align: left;
	margin: 30px 20px 0px 0px; /* top right bottom left */
}
.heading-style-1	{
	color: #ffbd35;
	font-family: arial, helvetica, sans-serif;
	font-size: 100%;
	text-align: center;
	margin: 20px 20px 20px 20px;
}
.heading-style-2	{
	color: #ffbd35;
	font-family: arial, helvetica, sans-serif;
	font-size: 100%;
	text-align: center;
	margin: 20px 20px 20px 20px;
}
.heading-style-2-no-margin-bottom	{
	color: #ffbd35;
	font-family: arial, helvetica, sans-serif;
	font-size: 100%;
	text-align: center;
	margin: 20px 20px 0px 20px;
}
.heading-style-2-schedule {
	background-color: #02026C;
	color: #ffbd35;
	font-family: arial, helvetica, sans-serif;
	font-size: 100%;
	text-align: center;
	margin: 20px 20px 20px 20px;
}
.heading-style-3	{
	color: #CCCCCC;
	font-family: arial, helvetica, sans-serif;
	font-size: 100%;
	text-align: center;
	margin: 20px 20px 20px 20px;
}
.heading-style-3_dark-gray	{
	color: #999999;
	font-family: arial, helvetica, sans-serif;
	font-size: 100%;
	text-align: center;
	margin: 20px 20px 20px 20px;
}
.heading-style-4	{
	color: #CCCCCC;
	font-family: arial, helvetica, sans-serif;
	font-size: 85%;
	text-align: center;
	margin: 20px 20px 20px 20px;
}
.heading-style-4-L	{
	color: #CCCCCC;
	font-family: arial, helvetica, sans-serif;
	font-size: 85%;
	text-align: left;
	margin: 20px 20px 20px 20px;
}
.normal	{
	color: #ffffcc;
	font-family: arial, helvetica, sans-serif; 
	font-size: 80%;
	text-align: left;
	line-height: 140%;
	margin: 20px 20px 20px 20px;
}
.normal-C {
	color: #ffffcc;
	font-family: arial, helvetica, sans-serif; 
	font-size: 80%;
	text-align: center;
	line-height: 140%;
	margin: 20px 20px 20px 20px;
}
.normal-R {
	color: #ffffcc;
	font-family: arial, helvetica, sans-serif; 
	font-size: 80%;
	text-align: right;
	line-height: 140%;
	margin: 20px 20px 20px 20px;
}
.normal-no-margin-bottom {
	color: #ffffcc;
	font-family: arial, helvetica, sans-serif; 
	font-size: 80%;
	text-align: left;
	line-height: 140%;
	margin: 20px 20px 0px 20px;
}
.normal-no-margin-top {
	color: #ffffcc;
	font-family: arial, helvetica, sans-serif; 
	font-size: 80%;
	text-align: left;
	line-height: 140%;
	margin: 0px 20px 20px 20px;
}

/*   LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS   */
A:link {
	color: red;
	text-decoration: none;
}
A:visited {
	color: red;
	text-decoration: none; 
}
A:active {
	color: red;
	text-decoration: none; 
}
A:hover {
	color: red;
	text-decoration: underline;
/*  background-color: ffffcc;  */
}
.nav-links {
	color: red;
	font-family: arial, helvetica, sans-serif; 
	text-align: center;
	margin: 20px 20px 20px 20px;
	font-size: 80%;
}
.link-highlight {
/*  adds greater visibility to links on a dark background   */
	font-weight: 600;     			/* range is 100 to 900?  400 is normal; 700 is bold */
	letter-spacing: 0.03em;			/* W3C recommends "em" instead of "px"   */
	/*text-transform: uppercase;  */
	/*font-variant: small-caps;   */
}

/*   POEMS POEMS POEMS POEMS POEMS POEMS POEMS POEMS POEMS POEMS POEMS POEMS POEMS POEMS   */
.poem-L {
	color: #ffffcc;
	font-family: arial, helvetica, sans-serif;
	font-size: 80%;
	text-align: left;
	line-height: 140%;
	margin: 0px 20px 0px 20px;
	white-space: nowrap;
}
.poem-R {
	color: #ffffcc;
	font-family: arial, helvetica, sans-serif;
	font-size: 80%;
	text-align: right;
	line-height: 140%;
	margin: 0px 20px 0px 20px;
	white-space: nowrap;
}
.poem-intro {
	color: #CCCCCC;
	font-family: arial, helvetica, sans-serif; 
	font-size: 80%;
	text-align: justify;
	line-height: 140%;
	margin: 20px 20px 40px 20px;
}
.poem-signature {
	color: #ffffcc;
	font-family: times new roman, times, serif;
	font-size: 95%;
	text-align: left;
	line-height: 140%;
	margin: 50px 20px 50px 200px;
	white-space: nowrap;
	font-style: italic;
}
.poem-sidebar-R {
	color: #CCCCCC;
	font-family: arial, helvetica, sans-serif; 
	font-size: 80%;
	text-align: right;
	line-height: 140%;
	margin: 20px 20px 20px 20px;
}
.poem-sidebar-L {
	color: #CCCCCC;
	font-family: arial, helvetica, sans-serif; 
	font-size: 80%;
	text-align: left;
	line-height: 140%;
	margin: 20px 20px 20px 20px;
}

/*   BULLETS BULLETS BULLETS BULLETS BULLETS BULLETS BULLETS BULLETS BULLETS BULLETS BULLETS  */
.bullet-1 {
	list-style-type: disc;
	color: #FFFFCC;
	font-family: arial, helvetica, sans-serif; 
	font-size: 80%;
	text-align: left;
	line-height: 110%;
	margin: 0px 20px 10px 0px;
}
.bullet-1-top {
	list-style-type: disc;
	color: #FFFFCC;
	font-family: arial, helvetica, sans-serif; 
	font-size: 80%;
	text-align: left;
	line-height: 140%;
	margin: 20px 20px 10px 0px;
}
.bullet-1-bottom {
	list-style-type: disc;
	color: #FFFFCC;
	font-family: arial, helvetica, sans-serif; 
	font-size: 80%;
	text-align: left;
	line-height: 140%;
	margin: 0px 20px 20px 0px;
}
.bullet-1-leader {
	font-weight: bold;
}
/*   CAPTIONS CAPTIONS CAPTIONS CAPTIONS CAPTIONS CAPTIONS CAPTIONS CAPTIONS CAPTIONS CAPTIONS  */
.caption-R-credit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 65%;
	color: #FFFFCC;
	text-align: right;
	margin: -10px 20px 40px 20px;
}
.caption-L-credit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 65%;
	color: #FFFFCC;
	text-align: left;
	margin: -10px 20px 40px 20px;
}
.caption-C-credit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 65%;
	color: #FFFFCC;
	text-align: center;
	margin: -10px 20px 40px 20px;
}

/*   IMAAGES IMAAGES IMAAGES IMAAGES IMAAGES IMAAGES IMAAGES IMAAGES IMAAGES IMAAGES IMAAGES  */

.image-C {
	margin: 20px 20px 20px 20px;
	text-align: center;
}
.image-L {
	margin: 20px 20px 20px 20px;
	text-align: left;
}
.image-R {
	margin: 20px 20px 20px 20px;
	text-align: right;
}
	
/*   TABLES TABLES TABLES TABLES TABLES TABLES TABLES TABLES TABLES TABLES TABLES TABLES TABLES  */

.table-divider-no-background { 
	width: 5px;
}
.table-background-0 {
	background-color: #ffffcc;
	/* Below added to center tables in CSS; replaces the deprecated <table align="center"> */
	margin-left: auto;
	margin-right: auto;
}
.table-background-1 {
	background-color: black;
	/* Below added to center tables in CSS; replaces the deprecated <table align="center"> */
	margin-left: auto;
	margin-right: auto;
}
.table-background-2 {
	background-color: #840000;
	/* Below added to center tables in CSS; replaces the deprecated <table align="center"> */
	margin-left: auto;
	margin-right: auto;
}
.table-background-schedule {
	background-color: #02026C;
	vertical-align: top;     /* vert. align property behaves diff. if applied to cell vs applied to element in a cell */

	/* Below added to center tables in CSS; replaces the deprecated <table align="center"> */
	margin-left: auto;
	margin-right: auto;
}
.table-background-editing {
	background-color: #99CC80;
	/* Below added to center tables in CSS; replaces the deprecated <table align="center"> */
	margin-left: auto;
	margin-right: auto;
}
.table-colspan-body {
	background-color: black;
	width: 680px;
}
.table-colspan-footer {
	background-color: black;
}
.table-cell-align-top {
	vertical-align: top;     /* vert. align property behaves diff. if applied to cell vs applied to element in a cell */
}
.table-cell-align-bottom {
	vertical-align: bottom;     /* vert. align property behaves diff. if applied to cell vs applied to element in a cell */
}
.table-cell-image {
	background-color: black;
	width: 390px;
	vertical-align: top;     /* vert. align property behaves diff. if applied to cell vs applied to element in a cell */
}
.table-cell-text {
	background-color: black;
	width: 390px;
	vertical-align: top;     /* vert. align property behaves diff. if applied to cell vs applied to element in a cell */
}
.table-cell-text-wide-1 {
	background-color: black;
	width: 480px;
	vertical-align: top;     /* vert. align property behaves diff. if applied to cell vs applied to element in a cell */	
}
.table-cell-text-wide-2 {
	background-color: black;
	width: 390px;
	vertical-align: top;     /* vert. align property behaves diff. if applied to cell vs applied to element in a cell */	
}
.table-cell-text-no-width {
	background-color: black;
	vertical-align: top;     /* vert. align property behaves diff. if applied to cell vs applied to element in a cell */
}

/*   SPECIAL SPECIAL SPECIAL SPECIAL SPECIAL SPECIAL SPECIAL SPECIAL SPECIAL SPECIAL SPECIAL   */
.quote-dark {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
	margin: 20px 20px 20px 20px;
}
.quote-dark-source {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 68%;
	text-align: center;
	margin: -18px 20px 20px 20px;
	letter-spacing: normal;
}
.quote-light {
	color: #FFFFCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: left;
	margin: 20px 20px 20px 20px;
}
.quote-light-source {
	color: #FFFFCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: left;
	margin: -18px 20px 20px 70px;
}
.title-of-work {
	font-style: italic; 
}
.file-info {
	font-style: italic; 
}
.resume-date-1 {
	color: #FFFFCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin: 0em 0em 0em 2em;
	text-align: left;
	float: left;
	width: 6em;   		/* "always set width on floats (xc images, which have a width) to avoid weird behavior */
	display: inline;	/* fixes IE 5 and 6 float bug */
}
.resume-item-1 {
	color: #FFFFCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: left;
	margin: 0em 2em 2em 9em;   /* em supposedly best practice (em is relative, vs px etc is absolute) */
}
.resume-date-2 {
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin: 0em 0em 0em 2em;
	text-align: left;
	float: left;
	width: 6em; 		/* "always set width on floats (xc images, which have a width) to avoid weird behavior */
	display: inline; 	/* fixes IE 5 and 6 float bug */
}
.resume-item-2 {
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: left;
	margin: 0em 2em 2em 9em;
}
.resume-venue {
	font-weight: 600;     			/* range is 100 to 900?  400 is normal; 700 is bold */
	letter-spacing: 0.03em;			/* W3C recommends "em" instead of "px"   */
	/*text-transform: uppercase;  */
	/*font-variant: small-caps;   */
}
.resume-venue-publication {
	font-weight: 600;     			/* range is 100 to 900?  400 is normal; 700 is bold */
	letter-spacing: 0.03em;			/* W3C recommends "em" instead of "px"   */
	font-style: italic;
	/*text-transform: uppercase;  */
	/*font-variant: small-caps;   */
}
.footer-text {
	color: #FFFFCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60%;
	text-align: center;
	line-height: 110%;
	padding: 20px;				/* my experience shows that 20px ~ 2em, even though supposedly 1em = 16px.  Experience with this footer also shows that IE renders it differently than Firefox, whether in px or em.  */
}


/* TESTING TESTING TESTING TESTING TESTING TESTING TESTING TESTING TESTING */
/* TESTING TESTING TESTING TESTING TESTING TESTING TESTING TESTING TESTING */
/* TESTING TESTING TESTING TESTING TESTING TESTING TESTING TESTING TESTING */
/* TESTING TESTING TESTING TESTING TESTING TESTING TESTING TESTING TESTING */
/* TESTING TESTING TESTING TESTING TESTING TESTING TESTING TESTING TESTING */


.TEST-FULL-DECLARATIONS {
/* FULL DECLARATIONS */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	letter-spacing: normal;
	text-align: center;
	vertical-align: top; /* baseline; sub; super; top; text-top; middle; bottom; text-bottom */
	                     /* IMPORTANT: vert. align property behaves differently if applied to a cell (div?) vs. applied to element in a cell */
	word-spacing: normal;
	vertical-align: 100%;
	line-height: 120%;
	margin: 20px 20px 20px 60px;
	text-indent: -40px;
	white-space: nowrap;   /* normal; pre; */ 
}
.TEST-inline-indent-body {
	text-indent: 50px;
}
.TEST-new-footer {
/*   "margin lines approach" works on all current browsers
but not older ones such as IE5 & NS4 */
	color: #FFFFCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60%;
	text-align: center;
	line-height: 100%;
	background-color: #000000;
	padding: 20px;
	width: 673px;
	margin-left: auto;
	margin-right: auto;
}
.TEST-ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 2em;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #00CC33;
text-decoration: none;
background-color: #CCCCCC;
text-indent: 5px;
list-style-position: outside;
list-style-image: url(arrow.gif);
list-style-type: square;
padding: 6px;
margin: 2px;
}
.TEST-image-border {
/* EXAMPLE BELOW to play with */
margin: 20px 0px 20px 0px;
padding:70px;
background-color:red;
float:right;
border:20px solid black;
}

/* NEW NAV LAYOUT */
.TEST_nav-top-cell {
	padding: 20px;
}
.TEST_nav-left-cell {
	vertical-align: top;
	background-color: #ffffcc;
	width: 200px;
}
.TEST_nav-left-text-1 {
	color: red;
	font-family: arial, helvetica, sans-serif; 
	font-size: 80%;
	text-align: left;
	margin: 20px 10px 20px 5px;
}
.TEST_nav-left-text-2 {
	color: red;
	font-family: arial, helvetica, sans-serif; 
	font-size: 80%;
	text-align: left;
	margin: 20px 10px 20px 20px;
}



/* EXAMPLE: INLINE STYLE 
<p style="background: blue; color: white;">
*/