/*    css rules for the six medQuestions pages linked to from the main index page before the main content of that page.   */

body   {
      font-family: Constantia, Times New Roman, Georgia, serif;
      font-size: 12pt;
	  width: 1040px;
      margin: 0px;
      padding: 0px;  
}
body p {
      font-family: Calibri, serif;
}

/*    rules for the outer containing div  */

#outerContainer  {
   padding: 0 0 0 0;
   margin: 0 0 0 0; 
   width: 1024px;
}
img   {
      border: none;
}
#ipomadon #outerContainer  {
   background-color: rgb(245,245,202);
}
#warewolf #outerContainer  {
   background-color: rgb(212,214,232);
}
#ragnelle #outerContainer  {
   background-color: rgb(255,235,245);
}
#degare #outerContainer  {
   background-color: rgb(248,234,219);
}
#yvain #outerContainer  {
   background-color: rgb(242,238,122);
}
#orfeo #outerContainer  {
   background-color: rgb(220,240,249);
}

/*    END rules for outer containing div  */

/*    general rules   */

h4  {
   text-align: center;
}

/*    END general rules   */

/*    css rules for main content   */

#mainContent {
   margin: 0 0 0 0;
   padding: 0 0 0 0; 
   width: 800px;
   background-color: white;
   background-repeat: no-repeat;
   background-position: top right;
   position: relative;
      top: 126px;
      left: 20px;
}
#yvain #mainContent  {
   background-image: url(../production_images/medSnips/yvainand_02.jpg);
}
#warewolf #mainContent  {
   background-image: url(../production_images/medSnips/wolf_02.jpg);
}
#orfeo #mainContent  {
   background-image: url(../production_images/medSnips/harp_02.jpg);
}
#degare #mainContent  {
   background-image: url(../production_images/medSnips/dragon_02.jpg);
}
#ipomadon #mainContent  {
   background-image: url(../production_images/medSnips/ipomadon_02.jpg);
}
#ragnelle #mainContent  {
   background-image: url(../production_images/medSnips/owlandBook_02.jpg);
}
#mainContent p  {
   padding-left: 20px;
   width: 500px;
}
#theme  {
    margin-top: 50px;
}
#mainContent h2 {
   width: 500px;
   text-align: center;
}
h4.orphNav  {
   margin-bottom: 30px;
   margin-top: 30px;
}
h4.orphNav a  {
   font-size: 12pt;
}
h4.orphNavTop  {
   text-align: right;
   margin: 0 300px 0 0;
}
h4.orphNavTop a  {
   font-size: 13pt;
}
#ipomadon h4.orphNavTop a:hover, #ipomadon h4.orphNav a:hover  {
   background-color: rgb(245,245,202);
}
#orfeo h4.orphNavTop a:hover, #orfeo h4.orphNav a:hover  {
   background-color: rgb(220,240,249);
}
#degare h4.orphNavTop a:hover, #degare h4.orphNav a:hover  {
   background-color: rgb(248,234,219);
}
#warewolf h4.orphNavTop a:hover, #warewolf h4.orphNav a:hover  {
   background-color: rgb(212,214,232);
}
#ragnelle h4.orphNavTop a:hover, #ragnelle h4.orphNav a:hover  {
   background-color: rgb(255,235,245);
}
#yvain h4.orphNavTop a:hover,  #yvain h4.orphNav a:hover {
   background-color: rgb(242,238,122);
}
#topSummary {
	  font-size: 14pt;
	  color: black;
}
.beginFrag  {
   color: blue;
   font-size: 150%;
}
.drop  {
   float: left;
   width: auto;
   font-size: 300%;
   line-height: 1em;
   margin: 4px 10px 4px 0;
   padding: 4px 10px;
   border: 2px solid black;
   background-color: rgb(227,166,101); /* ragnelle */
}
#theme .drop {
   float: left;
   width: auto;
   font-size: 200%;
   line-height: 1em;
   margin: 2px 5px 2px 0;
   padding: 2px 5px;
   border: 1px solid black;
   background-color: rgb(250,217,182); /* ragnelle */
}
#yvain .drop{
	background-color: rgb(242,238,122);
}
#ipomadon .drop{
	background-color: rgb(245,245,202);
}
#warewolf .drop {
	background-color: rgb(212,214,232);
}
#degare .drop {
	background-color: rgb(246,147,42);
}
#orfeo .drop {
	background-color: rgb(140,194,189);
}
#yvain #theme .drop {
	background-color: rgb(248,243,158);
}
#warewolf #theme .drop {
	background-color: rgb(227,229,247);
}
#degare #theme .drop {
	background-color: rgb(248,234,219);
}
#orfeo #theme .drop {
	background-color: rgb(212,240,238);
}
.green {
   color: green;
}

/*    css rules for right column  */

#rightRaft  {
   position: absolute;
   top: 320px;
   left: 580px;
   width: 430px;
}
#descBlurb  {
   width: 380px;
   border-bottom: 1px black solid;
   border-top: 1px black solid;
   position: relative;
   left: 10px;
   top: 0; 
}
#MEintro  {
   color: green;
}
#fullStory  {
   position: relative;
   top: 40px;
   margin-left: 80px;
}
#refs  {
   position: relative;
   left: 10px;
   top: 80px;
   padding-right: 10px;
   margin: 20px 40px 50px 0;
}
#refs h4 {
   margin-bottom: 20px;
   margin-top: 20px;
}
#amazon h4 {
   margin-bottom: 20px;
   margin-top: 40px;
   text-align: left;
}
#footer  {
      font-size: 10pt;
	  text-align: center;
	  padding-bottom: 10px;
	  margin-bottom: 50px;
	  position: relative;
	  top: 150px;
	  left: -480px;
	  width: 810px;
}
#w3valid  {
      margin-left: 600px;
}

/*    END css rules for right column  */

/*    css rules for title bar immediately below banner bar */

#titleContainer {
   position: absolute;
   top: 74px;
   left: 20px;
   width: 800px;
   height: 52px;
   background-color: transparent;
   background-image: url(../production_images/pngs/whitetotransparent1.png); 
   background-repeat: no-repeat;
   background-position: 22% 0%;
}

#titlestrip {
   position: relative;
   top: 0;
   left: 0;
   width: 800px;
   height: 52px;
   background-color: transparent;
   background-repeat: no-repeat;
   background-position: bottom right;
   margin: 0 0 0 0;
}
#yvain #titlestrip  {
   background-image: url(../production_images/medSnips/yvainand_01.jpg);
}
#yvain #titleContainer  {
   background-color: rgb(242,238,122);
}
#warewolf #titlestrip  {
   background-image: url(../production_images/medSnips/wolf_01.jpg);
}
#warewolf #titleContainer  {
   background-color: rgb(212,214,232);
}
#orfeo #titlestrip  {
   background-image: url(../production_images/medSnips/harp_01.jpg);
}
#orfeo #titleContainer  {
   background-color: rgb(220,240,249);
}
#degare #titlestrip  {
   background-image: url(../production_images/medSnips/dragon_01.jpg);
}
#degare #titleContainer  {
   background-color: rgb(248,234,219);
}
#ipomadon #titlestrip  {
   background-image: url(../production_images/medSnips/ipomadon_01.jpg);
}
#ipomadon #titleContainer  {
   background-color: rgb(245,245,202);
}
#ragnelle #titlestrip  {
   background-image: url(../production_images/medSnips/owlandBook_01.jpg);
}
#ragnelle #titleContainer  {
   background-color: rgb(255,235,245);
}

#titlestrip h3 {
   padding-left: 10px;
   vertical-align: 100%;
   display: inline;
}
#titlestrip h5 {
   position: relative;
   left: 25px;
   vertical-align: 100%;
   display: inline;
}

/*  END css rules for title bar immediately below banner bar   */

/*    css rules for the top banner bar */

#endThree  {
      position: absolute;
	  top: 0px;
	  left: 0px;
	  background-color: rgb(242,238,122);
	  background-image: url(../production_images/pngs/wildRose2.png); /* yvain */
	  background-position: top left;
	  width: 1024px;
	  height: 30px;
	  margin: 0px;
	  padding: 0px;
}
#orfeo #endThree {
	  background-color: rgb(100,205,64);
}
#ragnelle #endThree {
	  background-color: rgb(199,56,57);
}
#warewolf #endThree {
	  background-color: rgb(86,95,148);
}
#degare #endThree {
	  background-color: rgb(248,234,219);
}
#ipomadon #endThree {
	  background-color: rgb(245,245,202);
}
#endThree #homeIcon  {
      height: 26px;
	  width: 800px;
	  position: absolute;
	  top: 5px;
	  left: 70px;
	  color: white;
}
#endFour  {
      position: absolute;
	  top: 30px;
	  left: 0px;
	  background-color: rgb(50,99,34);
	  background-image: url(../production_images/pngs/gradient_2.png);
	  background-position: top left;
	  width: 1024px;
	  height: 30px;
	  margin: 0px;
	  padding: 0px;
}
#endFour p span.topleftBacknav  {
      margin: 0;
      padding: 0 0 0 60px;
}
#endFour p span.toprightBacknav  {
      margin: 0;
      padding: 0 0 0 460px;
}
#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: 1024px;
	  height: 7px;
	  margin: 0px;
	  padding: 0px;
}
#ipomadon #endFive  {
      background-color:rgb(200,200,175);
}
#warewolf #endFive  {
   background-color: rgb(86,95,148);
}
#degare #endFive  {
   background-color: rgb(246,147,42);
}
#orfeo #endFive  {
   background-color: rgb(100,205,64);
}