/* styles used by MT website  ------------------------------------------------------------ */

body{
    font-family: "X", "Arial", "Garamond", "Times Roman", serif, "X";
    font-size: 10pt;
    color: #606060; 
    background-color: black;
}

.centered{margin-top: 10px; margin-bottom: 10px; text-align: center;}
p{text-align: left;}
p.centered{margin-top: 10px; margin-bottom: 10px; text-align: center;}
p.centered-on-black{margin-top: 10px; margin-bottom: 10px; text-align: center; color: #909090;} /* for gray type on black */
p.centered-on-black-illustration{margin-top: 10px; margin-bottom: 20px; text-align: center; color: #909090; width: 550px;} /* for gray type on black, illustration pages */

p.centered-before{margin-top: 20px; margin-bottom: 10px; text-align: center;}
p.centered-on-black-before{margin-top: 20px; margin-bottom: 10px; text-align: center; color: #909090;} /* for gray type on black */

p.centered-white{margin-top: 10px; margin-bottom: 10px; text-align: center; color: white;} /* for centered white type */

/* Used for queries in the "People in Myths" */
p.query-1{font-weight: bold; font-style:italic; margin-top: 20px; margin-bottom: 10px;}

/* For debugging spacing ...
p.text{margin-top: 10px; margin-bottom: 10px; background: #FFFF33;}
p.text-before{margin-top: 20px; margin-bottom: 10px; background: #FFFFCC;}
p.text-noafter{margin-top: 10px; background: #FFEE00;}
*/

p.text{margin-top: 10px; margin-bottom: 10px;}  /* background: white was removed so when wrapping around images, there are no background lines through the image ... */
p.text-noafter{margin-top: 10px;  background: white;}
p.text-before{margin-top: 20px; margin-bottom: 10px;  background: white;}
p.before-onblack{margin-top: 20px; margin-bottom: 10px;  background: black; color: #909090;}


p.story-title{margin-top: 40px; margin-bottom: 20px;  background: white; text-align: center;}
p.story-title-special{margin-top: 39px; margin-bottom: 20px;  background: white; text-align: center;}
p.story-title-nobefore{margin-top: 10px; margin-bottom: 20px;  background: white; text-align: center;}

p.title-1{color: #606060; font-weight:bold; margin-top: 20px; margin-bottom: 10px;}
p.title-1-nobefore{color: #606060; font-weight:bold; margin-top: 10px; margin-bottom: 10px;}

p.title-chapter{color: #606060; font-weight:bold; margin-top: 20px; margin-bottom: 10px; text-align: center;} 

/*
p.text-before-center{margin-top: 20px; margin-bottom: 10px; text-align: center;}
*/
span.text-white {color: white;}

span.text-gray-underlined {color: #606060; text-decoration:underline;}

span.text-regular {font-weight:normal;}

/* For debugging spacing ...
p.poetry-1 {margin-top: 10px; margin-bottom: 10px; margin-left: 17px; font-style: italic; background: #FFFF33;}
p.poetry-1-before {margin-top: 20px; margin-bottom: 10px; margin-left: 17px; font-style: italic; background: #FFFFCC;}
p.poetry-1-after {margin-top: 10px; margin-left: 17px; font-style: italic; background: #FFEE00;}

p.poetry-2 {margin-top: 10px; margin-bottom: 10px; margin-left: 37px; font-style: italic; background: #FFFF33;}
p.poetry-2-before {margin-top: 20px; margin-bottom: 10px; margin-left: 37px; font-style: italic; background: #FFFFCC;}
p.poetry-2-after {margin-top: 10px; margin-left: 37px; font-style: italic; background: #FFEE00;}

p.indent-1 {margin-top: 10px; margin-bottom: 10px; padding-left: 17px; background: #FFFF33;}
p.indent-1-before {margin-top: 20px; margin-bottom: 10px; padding-left: 17px; background: #FFFFCC;}
p.indent-1-noafter {margin-top: 10px; padding-left: 17px; background: #FFEE00;}

p.indent-2 {margin-top: 10px; margin-bottom: 10px; padding-left: 37px; background: #FFFF33;}
p.indent-2-before {margin-top: 20px; margin-bottom: 10px; padding-left: 37px; background: #FFFFCC;}
p.indent-2-noafter {margin-top: 10px; padding-left: 37px; background: #FFEE00;}    
*/

/* For May's quotes on "The May Queen - Introduction" page. */
p.quote-body-may {margin-top: 10px; margin-bottom: 10px; text-align: center; font-weight: bold; color: #48644E}

/* For the Dose of Wonder quotes. */
p.quote-body-dow {margin-top: 10px; margin-bottom: 10px; text-align: center; font-weight: bold; color: #48644E}
p.quote-name-dow {margin-top: 10px; margin-bottom: 10px; text-align: center; font-weight: normal; color: #48644E}
p.quote-source-dow {margin-top: 10px; margin-bottom: 10px; text-align: center; font-weight: normal; color: #48644E}

p.poetry-0 {margin-top: 10px; margin-left: 17px; text-indent: -17px; font-style: italic;}

p.poetry-1 {margin-top: 10px; margin-bottom: 10px; margin-left: 17px; font-style: italic;}
p.poetry-1-before {margin-top: 20px; margin-bottom: 10px; margin-left: 17px; font-style: italic;}
p.poetry-1-after {margin-top: 10px; margin-left: 17px; font-style: italic;}

p.poetry-2 {margin-top: 10px; margin-bottom: 10px; margin-left: 37px; font-style: italic;}
p.poetry-2-before {margin-top: 20px; margin-bottom: 10px; margin-left: 37px; font-style: italic;}
p.poetry-2-after {margin-top: 10px; margin-left: 37px; font-style: italic;}

div.poetry-offset {margin-left:160px;}

p.indent-1 {margin-top: 10px; margin-bottom: 10px; padding-left: 17px;}
p.indent-1-before {margin-top: 20px; margin-bottom: 10px; padding-left: 17px;}
p.indent-1-noafter {margin-top: 10px; padding-left: 17px;}

p.indent-2 {margin-top: 10px; margin-bottom: 10px; padding-left: 37px;}
p.indent-2-before {margin-top: 20px; margin-bottom: 10px; padding-left: 37px;}
p.indent-2-noafter {margin-top: 10px; padding-left: 37px;}    


p.index-item{margin-top: 10px; margin-bottom: 10px; font-weight:bold;}
p.index-item-before{margin-top: 20px; margin-bottom: 10px; font-weight:bold;}
 
/* no longer used, didn't work. index a keyword? 
a.index:link	{color:gray; text-decoration:none;}
a.index:visited {color:gray; text-decoration:none;}
a.index:hover {color:black; text-decoration:none;}
*/

a.page-nav:link	{color:#606060; text-decoration:none;}
a.page-nav:visited {color:#606060; text-decoration:none;}
a.page-nav:hover {color:#606060; text-decoration:none;}

a.page-nav-uline:link {color:#606060; text-decoration:underline; outline:none;}
a.page-nav-uline:visited {color:#606060; text-decoration:underline; outline:none;}  
a.page-nav-uline:hover {color:black; text-decoration:underline; outline:none;}  

a.page-nav-current:link {color:black; text-decoration:underline;}
a.page-nav-current:visited {color:black; text-decoration:underline;}  
a.page-nav-current:hover {color:black; text-decoration:underline;}  

span.page-nav-current{color:black; text-decoration:underline;}

span.splash-text{color:white;}
a.splash-text:link	{color:#606060; text-decoration:none;}
a.splash-text:visited {color:#606060; text-decoration:none;}
a.splash-text:hover {color:white; text-decoration:none;}

span.splash-quote{text-align: right; color: white;}

/* for links using gray text on black background */
a.gray-black:link	{color:#909090; text-decoration:none;}
a.gray-black:visited {color:#909090; text-decoration:none;}
a.gray-black:hover {color:white; text-decoration:none;}

/* Lists */

ul {list-style: square;
    text-align: left;
}

li {margin-bottom: 10px;
}
    
ol.strong {font-weight: bold;}

img.bookse
{
     border-width: 1px;
     border-style:solid;
     border-color:black
} 

table.product {width: 544px;}
.product-description {width:60%; text-align: left; margin: 2px 1px 2px 0; padding: 8px 0px 8px 5px; border: solid 1px #CCCCCC;}
.product-description-noborder {width:70%; text-align: left; margin: 2px 1px 2px 0; padding: 8px 0px 8px 5px; border: solid 1px white;}

.product-cost {width:15%; text-align: right; margin: 2px 1px 2px 1px; padding: 8px 5px 8px 0px; border: solid 1px #CCCCCC;}
.product-cost-noborder {width:10%; text-align: right; margin: 2px 1px 2px 1px; padding: 8px 5px 8px 0px; border: solid 1px white;}

.product-add-item {width:25%; margin: 2px 0 4px 1px; border: solid 1px #CCCCCC; }
.product-add-item-noborder {width:20%; margin: 2px 0 4px 1px; border: solid 1px white;}
.product-add-item-viewcart {width:20%; margin: 20px 0 4px 1px; border: solid 1px #A2A200;}

/* Used for Order page */
.order {padding: 10px; border: solid 1px #CCCCCC;}

/* Used for alert box */
.alert {text-align: left; padding: .6em; border: solid 1px #CCCCCC; margin-right: 10px;}

span.alert {text-align: left; padding: .1em; padding-right: .3em; border: solid 1px #CCCCCC;}

/* Used for alert box that centers its contents --- not used
.alert-centered {text-align: center; padding: .6em; border: solid 1px #CCCCCC; margin-right: 10px;}
*/

/* .alert-accented {text-align: left; padding: .6em; margin-right: 10px; border: solid 1px #CCCCCC; background: #FFFFDD}
 .alert-accented {text-align: left; padding: .6em; margin-right: 10px; border: solid 1px #CCCCCC; background: #FFFFCC}
*/

/* for Order page book images */

.floatimgleft 
{
    float:left;
    margin-left:10px;
    margin-top:20px;
    margin-right:20px;
    margin-bottom:10px;
    border-width: 1px;
    border-style:solid;
    border-color:black
}

/* for People in Myth section */

.floatimgleft_PIM 
{
float:left;
margin-left:0px;
margin-top:3px;
margin-right:20px;
margin-bottom:10px;
}

.floatimgright_PIM 
{
float:right;
margin-left:10px;
margin-top:3px;
margin-right:10px;
margin-bottom:10px;
}

/* The three styles in this section are used for the audio icon box in the People in Myth section */
.audio-alert {text-align: left; padding-right: 5px; border: solid 1px #CCCCCC; margin-right: 10px;}

.floaticonleft_PIM 
{
float:left;
margin-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
}

p.text-icon{margin-top: 14px; margin-bottom: 16px;}  /* background: white was removed so when wrapping around images, there are no background lines through the image ... */

/* end of styles used by MT website ------------------------------------------------------------ */