/* css for Scot MS. It begins with general css rules for the pages of stories and ends with specific rules for the Scot MS-specific index page*/


body   {
      font-family: Constantia, Times New Roman, Georgia, serif;
	  width: 1060px;  
}
body p {
      font-family: Calibri, Arial, sans-serif;
}

#outerContainer  {
   margin: 0;
   padding: 0;
   width: 1060px;
   font-style: normal;
   font-weight: 400;
   font-size: 12pt;
   line-height: 1.2;
   color: black;
   background-color: white;
}
img   {
      border: none;
}
#topWrapper  {
      margin: 75px 140px 0 120px;

}
h1 {
      margin-bottom: 40px;
}
#movingTable {
	  margin: 0 20px 20px 0;
      padding: 50px 20px 10px 40px;
	  background-color: white;
	  float: left;
	  width: 250px;
      z-index: 2;
}
#hawk  {
      position: relative;
	  top: -20px;
	  left: -140px;
      width: 191px;
	  height: 187px;
	  background-color: rgb(145,163,64);
	  background-image: url(../production_images/pngs/opacity_mask_crow_191.png);
	  background-position: top left;
	  background-repeat: no-repeat;
      z-index: 8;
}
#topNav {
      position: relative;
      left: 45px;
      margin: 0 0 0 0;
      padding: 0;
      height: 40px;  
}	  
#bookNav  {
     text-align: left;
	 padding: 0px;
     margin-top: 0px;
}
#bookNav a:hover { 
	  color: blue;
	  font-weight: 700;
}
h2  {
      text-align: left;
	  margin: 50px 0 40px 0;
	  color: rgb(103,135,160);
      font-size: 24pt;
}
#descBlurb {
     margin: 0 0 0 0;
	 font-style: italic;
     font-size: 12pt;
     color: black;
     font-weight: 700;
	 padding: 0 20px;
     margin: 0 0 0 0;
     padding: 0 0 0 0; 
}
#taleScot #mainContent, #introScot #mainContent {
     margin: 1% 10% 2% 5%;
     font-size: 12pt;
     color: black;
     font-weight: normal;
	 padding: 60px 15px;
	 clear: left;
	 width: 700px;
	 border: 2px solid black;
}
#mainContent h3  {
      text-align: center;
	  margin: 40px 0 50px 0;
	  color: rgb(80,80,80);
}
#mainContent p {
      font-size: 11pt;
	  text-align: left;
	  margin-left: 30px;
	  margin-right: 30px;
}
#endThree  {
      position: absolute;
	  top: 0px;
	  left: 0px;
	  background-color: rgb(189,112,122);
	  background-image: url(../production_images/pngs/wildRose.png);
	  background-position: top left;
	  width: 1030px;
	  height: 30px;
	  margin: 0px;
	  padding: 0px;
}
#endFour  {
      position: absolute;
	  top: 30px;
	  left: 0px;
	  background-color: rgb(14,68,6);
	  background-image: url(../production_images/pngs/gradient_2.png);
	  background-position: top left;
	  width: 1030px;
	  height: 30px;
	  margin: 0px;
	  padding: 0px;
}
#endFour p span.topleftBacknav  {
      margin: 0;
      padding: 0 0 0 116px;
}
#endFour p span.toprightBacknav  {
      margin: 0;
      padding: 0 0 0 340px;
}
#endFour p span.separation  {
      margin: 0;
      padding: 0 20px;

}
#endFour p  {
      color: white;
	  font-size: 14px;
      margin: 5px 0 0 0;
      padding: 0;
}

#endFour a  {
      color: white;
	  text-decoration: none;
      margin: 0px;
      padding: 0px;
}

#endFour  a:link  {
      color: white;
}
#endFour  a:visited  {
      color: white;
}
#endFour  a:hover  {
      color: blue;
}
#endFour  a:active  {
      color: blue;
}
#endFive  {
      position: absolute;
	  top: 60px;
	  left: 0;
	  width: 1030px;
	  height: 10px;
	  background-color: rgb(206,144,169);
	  margin: 0px;
	  padding: 0px;
}
#endSix  {
      position: absolute;
	  top: 0;
	  left: 0;
	  width: 93px;
	  height: 70px;
	  background-image: url(../production_images/woodpile_thumb.jpg);
	  background-position: top left;
	  margin: 0px;
	  padding: 0px;
}
#endSeven  {
      position: absolute;
	  top: 0;
	  left: 313px;
	  width: 84px;
	  height: 70px;
	  background-image: url(../production_images/swansatcauseway_thumb.jpg);
	  background-position: top left;
	  margin: 0px;
	  padding: 0px;
}
#endEight  {
      position: absolute;
	  top: 0;
	  left: 397px;
	  width: 104px;
	  height: 70px;
	  background-image: url(../production_images/longstone_iw_thumb.jpg);
	  background-position: top left;
	  margin: 0px;
	  padding: 0px;
}
#footer  {
      font-size: 12pt;
	  text-align: center;
	  width: auto;
	  padding-bottom: 10px;
	  margin-right: 30px;
	  position: relative;
	  top: 80px;
}
#footer p {
      margin: 20px 200px 10px 200px;
}	
#firstWords  { 
      font-size: larger;
	  color: blue;
 }
#nextPageBottom  {
      text-align: center;
	  font-size: 14pt;
	  margin-top: 30px;
	  margin-bottom: 30px;
	  margin-right: 30px;
	  border-top: 1px solid black;
}
#nextPageBottom  a:hover {
      color: blue;
	  font-weight: 700;
}
#meQuote {
      list-style-type: none;
	  margin-left: 20%;
	  color: red;		
}
#taleSummaries p {
      font-family: Constantia, 'Trebuchet MS', serif;
}
#taleScot #refs  {
      margin: 30px;
	  width: 400px;
	  font-size: 12pt;
}
#taleScot #refs h2  {
      font-size: 14pt;
	  text-align: left;
	  margin: 40px 0 40px 0;
	  color: rgb(125,137,115);
}
#taleScot #notes  {
      margin: 20px 12% 20px 5%;
	  width: 700px; 
}
#taleScot #notes h2  {
      font-size: 14pt;
	  margin-bottom: 40px;
}
#taleScot #Amazon  {
      margin: 50px;
	  width: 350px;
	  font-size: 12pt;
	  margin-bottom: 30px;
}
#taleScot #Amazon h2  {
      font-size: 14pt;
	  text-align: left;
	  margin: 40px 0 40px 0;
	  color: rgb(125,137,115);
}
#taleScot #Amazon a {
      margin-right: 30px;
}
#Amazon *.comment {
      font-size: smaller;
}
#MEintro  {
      color: red;
}
#MEintro2  {
      color: red;
}
span.firstMEwords {
      font-size: larger;
}

span.comment  {
      font-size: smaller;
}
#taleScot #mainContent ul {
      list-style-type: none;
	  font-size: 11pt;      
}
span.numb  {
      font-size: x-small;
	  position: relative;
	  top: -8px;
}
p.initialPara {
      margin-top: 80px;
}
span.sectionIntro  {
      font-size: larger;
      color: darkblue;
}
.lastPara  {
      padding-bottom: 20px;
}
q.bookquote  {
	  font-style: italic;
}
q.meng  {
      text-decoration: none;
	  color: rgb(40,40,180);
	  font-style: italic;
}
.topas {
      color: rgb(180,0,100);
	  font-weight: 700;
}
#w3valid  {
      margin-left: 600px;
}

/*  code specific to introduction page  */

#introScot #taleSummaries {
      font-size: 11pt;
	  margin: 100px 12% 50px 10%;
	  width: 680px;

}
#introScot #firstIntroParagraph {
      margin: 0 0 0 0;
 	  font-style: italic;
      font-size: 12pt;
      color: black;
      font-weight: 700;
	  padding: 0 20px;
      margin: 0 0 0 0;
      padding: 0 0 0 0; 
}
#introScot #movingTable  {
        margin: 0 20px 120px 0;
}

/*  code specific for Scot MS index page */

#smContents #mainContent {
      font-style: normal;
      font-weight: 400;
      font-size: 14pt;
      line-height: 1.2;
      color: rgb(206,144,169);
      background-color: white;
      margin: 90px 0 0 0;
      padding: 0;
}
#aboveTable  {
     margin: 0 100px 0 0;
     padding: 0;
}
#hsTitle  {
     color: rgb(84,115,146);
     text-align: center;
     font-size: 24pt;
     font-style: italic;
     font-weight: 700;
	 margin: 20px 0 10px 0;
	 }
     
#introD {
	 padding: 0;
	 font-size: 14pt;
     margin: 0;
     text-decoration: underline;
}
#introD a {
     color: rgb(189,112,122);
	 text-decoration: none;
	 font-weight: 700;
}
#introD a:link  {
     color: rgb(189,112,122); 
}
#introD a:visited  {
     color: rgb(189,112,122);
}
#introD a:hover  {
     color: blue;
}
#introD a:active  {
     color: red;
}
#tableContent  {
     margin-left: 110px;
     color: rgb(189,112,122);    
} 
#mainContent table ol {
     list-style-type: none;
	 font-size: 12pt;
     line-height: 1.3;
	 font-weight: 700;
}
#titles  td  {
     text-align: center;
	 font-size: 20pt;
	 color: white;
	 background-color: rgb(222,213,172);
}
#stories  {
     font-size: 10pt;
	 line-height: 18pt;
	 background-color: rgb(219,241,248);
	 color: rgb(78,107,137);
}
#stories a:link {
     text-decoration: underline;
	 color: rgb(28,42,25);
}
#stories a:visited  {
     color: rgb(89,170,145);
}
#stories a:hover  {
     color: blue;
}
#stories a:active  {
     color: red;
}