/*css for home page, www.eleusinianm.co.uk/index.html
*/


body   {
      font-family: Constantia, Times New Roman, Georgia, serif; 
	  width: 1180px;  
}
body p {
      font-family: Calibri, Arial, sans-serif;
      font-size: 11pt;
}
#outerContainer  {
      width: 1180px;
      margin-top: 0px;
      margin-bottom: 0px;
}

h1  {
      font-size: 20pt;
	  color: rgb(0,100,0);
	  margin-left: 70px;
	  margin-top: 50px;
}
img   {
      border: none;
}
#medQuestion h2 {
      position: relative;
	  top: -195px;
	  left: 180px;
      color: rgb(127,127,127);
	  padding-left: 20px;
	  margin-left: 30px;
	  font-size: 13pt;
	  background-color: transparent;
}
h2 {
      color: rgb(127,127,127);
	  padding-left: 20px;
	  margin-left: 30px;
	  font-size: 13pt;
      font-family: Calibri, Arial, sans-serif;
	  background-color: transparent;
}
#mainContent h2 {
      position: relative;
	  top: -60px;
}

#topFront p {
      font-family: Calibri, Arial, sans-serif;
      font-weight: 700;
      width: 360px;
      color: rgb(90,90,90);
	  padding-left: 20px;
	  margin-left: 50px;
      margin-top: 0px;
      margin-bottom: 5px;
      padding-top: 0px;
	  font-size: 10pt;
	  background-color: transparent;
}
#mainContent h1.mainTextTitle {
	  position: relative;
	  top: -30px;
}

h3 {
      color: rgb(90,90,90);
	  padding-left: 20px;
	  margin-left: 30px;
	  font-size: 11pt;
	  background-color: transparent;
      width: 350px;
	  background-image: url(../production_images/longstone_3_thumbnail_75.png)  
}  
#endThree  {
      position: absolute;
	  top: 0px;
	  left: 0px;
	  background-color: transparent;
	  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: black;
	  background-image: url(../production_images/pngs/gradient_2.png);
	  background-position: top left;
	  width: 1030px;
	  height: 30px;
	  margin: 0px;
	  padding: 0px;
}
#endFour p  {
      color: white;
	  font-size: 11pt;
	  position: relative;
	  top: 5px;
	  left: 20px;
      margin: 0px;
}
#endFour a  {
      color: white;
	  font-size: 11pt;
	  text-decoration: none;
}

#endFour  a:hover  {
      color: rgb(0,0,255);
}
#endFive  {
      position: absolute;
	  top: 60px;
	  left: 0px;
	  background-color: rgb(173,216,230);
	  background-position: top left;
	  width: 1030px;
	  height: 10px;
	  margin: 0px;
	  padding: 0px;
}
#endSix  {
      background-image: url(../production_images/longstone_4_thumbnail.jpg);
	  background-repeat: no-repeat;
	  background-position: 50% 50%;
	  background-color: rgb(173,216,230);
	  position: absolute;
	  top: 0px;
	  left: 1000px;
	  width: 170px;
	  height: 100px;
	  margin: 0px;
}

#mendips  {
      position: relative;
	  top: 640px;
	  left: 550px;
      background-image: url(../production_images/pngs/LockingandMendips.png);
	  background-repeat: no-repeat;
	  background-position: top left;
	  background-color: white;
	  height: 144px;
	  width: 600px;
	  border: 3px solid rgb(127,127,127);
}
     
#medQuestion {
      height: 265px;
	  width: 550px;
	  margin: 35px 0 0 0;
	  padding: 0px;
	  background-color: rgb(173,216,230);
	  background-image: url(../production_images/medQuestions.gif);
	  background-repeat: repeat-y;
	  border-top: 150px solid rgb(173,216,230); 
}
      
#medQuestions  {
      position: relative;
      top: 2px;	  
	  height: 100px;
	  width: 550px;
	  background-color: rgb(173,216,230);
	  background-image: url(../production_images/medQuestions.gif);
	  background-repeat: repeat-y;
	  margin: 0px;
	  padding: 0px;
	  border-bottom: 150px solid rgb(173,216,230) 
}
#medQuestions ul {
      position: relative;
	  top: -405px;
	  left: -120px;
	  background-color: transparent;
      float: left;
	  width: 220px;
	  margin-left: 190px;
      margin-top: 0px;
      margin-bottom: 0px;
      padding: 0;
}
#medQuestions li {
      list-style-type: none;
	  background-color: transparent;
      margin: 1px 0 0 0;
      background-position: left top;
}

#medQuestions #yvain {
      background-image: url(../production_images/pngs/longPierre_21_05.png);
      background-repeat: no-repeat;
      background-position: bottom;
      width: 210px;
      height: 16px;
      padding-left: 16px;
}
#medQuestions #orfeo {
      background-image: url(../production_images/pngs/longPierre_21_11.png);
      background-repeat: no-repeat;
      background-position: bottom;
      width: 210px;
      height: 16px;
      padding-left: 16px;
}
#medQuestions #ipomadon {
      background-image: url(../production_images/pngs/longPierre_21_09.png);
      background-repeat: no-repeat;
      background-position: bottom;
      width: 210px;
      height: 16px;
      padding-left: 16px;
}
#medQuestions #werewolf {
      background-image: url(../production_images/pngs/longPierre_21_03.png);
      background-repeat: no-repeat;
      background-position: bottom;
      width: 210px;
      height: 16px;
      padding-left: 16px;
}
#medQuestions #degare {
      background-image: url(../production_images/pngs/longPierre_21_07.png);
      background-repeat: no-repeat;
      background-position: bottom;
      width: 210px;
      height: 16px;
      padding-left: 15px;
}
#medQuestions #ragnelle {
      background-image: url(../production_images/pngs/longPierre_21_01.png);
      background-repeat: no-repeat;
      background-position: bottom;
      width: 210px;
      height: 16px;
      padding-left: 15px;
}
#medQuestions a {
      font-family: Calibri, Arial, sans-serif;
      font-size: 9pt;
	  background-color: transparent;
	  color: black;
      text-decoration: underline;
      margin-left: 2px;
      padding-right: 10px;
      padding-left: 2px;
}
#medQuestions a:link{
      color: purple;
}
#medQuestions a:visited{
      color: purple;
      background-color: transparent;
}
#medQuestions a:hover{
      color: white;
      background-color: black;
}
#medQuestions a:active{
      color: red;
}
#mainContent {
      width: 550px;
	  margin-left: 15px;
	  margin-top: 90px;
	  margin-bottom: 100px;
	  padding-left: 20px;
	  padding-right: 20px;
	  border: solid 4px black;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
}



/*    page-top shortcut navigation */

/*    Investigations list  */

#shortcutList {
      position: absolute;
	  top: 70px;
	  left: 20px;
	  font-size: 18px;
	  background-color: transparent;
      margin: 0px;
      padding: 0px;
}
#shortcutList h5  {
      margin: 0px;
      padding: 0px;
      text-align: left;
      font-size: 15px;
      font-weight: 700;
}
#shortcutList h5.featureStories  {
      margin: 0 0 0 120px;
      padding: 0px;
      text-align: left;
      font-size: 14px;
}
#shortcutList ul.manuscripts {
	  font-size: 13px;
	  position: relative;
	  top: -12px;
	  left: 110px;
      margin: 0px;
      padding: 0px;
}
#shortcutList ul.manuscripts li  {
      list-style-type: none;
	  background-color: transparent;
	  display: inline;
	  padding: 0 5px 0 5px;
	  margin: 5px;
}
#shortcutList ul.manuscripts a {
      text-decoration: none;
	  border: 1px solid black;
      margin: 0px;
      padding: 0px;
}
#shortcutList a:link {
      background-color: white;
}
#shortcutList a:visited {
      background-color: white;
}
#shortcutList a:hover {
      background-color: rgb(173,216,230);
}
#shortcutList a:active {
      background-color: white;
}
#gawainKnight {
	  position: relative;
      top: 0;
      left: 150px;
      margin: 5px;
      padding: 0;
      list-style-type: none;
	  font-size: 12px;
      line-height: 1.3em;
      font-weight: 400;
      text-decoration: none;
      font-family: Calibri, Arial, sans-serif;
      color: purple;
}
#gawainKnight li {
      list-style-type: none;
      font-size: 12px;
      display: list-item;
      padding: 0px;
      margin: 1px;
      width: 250px;
}
#gawainKnight a {
      text-decoration: none;
      color: inherit;
      font-size: 12px;
      margin: 0px;
      padding: 0px;
}
#gawainKnight a:link{
      color: inherit;
}
#gawainKnight a:visited{
      color: inherit;
}
#gawainKnight a:hover{
	  color: blue;
      background-color: rgb(240,240,255);
}
#gawainKnight a:active{
      color: red;
}

/*    END Investigations list  */

/*    References list  */

#refList {
      position: absolute;
	  top: 70px;
	  left: 320px;
	  font-size: 18px;
	  background-color: transparent;
      margin: 0px;
      padding: 0px;
}
#refList h5  {
      margin: 0px;
      padding: 0px;
      text-align: left;
}
#refList ul.references {
      list-style: none;
	  font-size: 15px;
	  position: relative;
	  top: -12px;
	  left: 65px;
      margin: 0px;
      padding: 0px;
}
#refList li  {
	  background-color: transparent;
	  display: inline;
	  padding: 0 5px 0 5px;
	  margin: 5px;
}
#refList a {
      text-decoration: none;
	  border: 1px solid black;
}

#refList a:hover {
      background-color: rgb(173,216,230);
}

/*    END References list  */

/*    Sleuths list  */

#bioList {
      position: absolute;
	  top: 72px;
	  left: 750px;
      width: 80px;
	  font-size: 18px;
	  background-color: white;
      margin: 0px;
}
#bioList ul  {
      list-style: none;
	  font-size: 13px;
	  position:relative;
	  top: -15px;
	  left: -10px;
      margin: 0px;
      padding: 0px;
}
#bioList li  {
	  background-color: transparent;
	  padding: 0 5px 0 5px;
	  margin: 10px;
}
#bioList a {
      text-decoration: none;
	  border: 1px solid black;
}
#bioList a:hover {
      background-color: rgb(173,216,230);
}

/*    END Sleuths list  */

/*    END page-top shortcut navigation */

#titleStrip {
      position: absolute;
	  top: 90px;
	  left: 780px;
	  height: 150px;
	  width: 200px;
}
#titleStrip img {
      float: right;
	  width: 90px;
	  height: 71px
}
.gr  {
      color: rgb(80,120,100);
}
#movingTable {
      position: absolute;
	  top: 170px;
	  left: 750px;
	  margin-top: 30px;
	  background-color: white;
}
#entryNavBar {
      position: relative;
	  left: 50px;
	  margin: 30px;
}
#hawk  {
      width: 200px;
	  height: 176px;
	  background-color: white;
	  background-image: url(../production_images/pngs/opacity_mask_hawk.png);
	  background-position: top left;
}
#kite {
      background-color: black;
	  width: 151px;
	  height: 534px;
	  position: absolute;
	  top: 802px;
	  left: 650px;
	  background-image: url(../production_images/pngs/longstone_andSea_3.png);
	  background-position: top left;
      border: 3px solid rgb(127,127,127);
}
#rightUpright {
	  width: 180px;
	  height: 534px;
	  position: absolute;
	  top: 802px;
	  left: 881px;
	  background-color: rgb(173,216,230);
      background-image: url(../production_images/pngs/opacity_mask_crow_191.png);
      background-repeat: repeat-y;
      border: 3px solid rgb(127,127,127);
}

#bellpng  {
      height: 256px;
	  width: 483px;
	  background-color: black;
	  position: absolute;
	  left: 650px;
	  top: 2465px;
	  background-image: url(../production_images/pngs/bell_barrow.png);
}
#belljpg  {
      position: relative;
	  left: 50px;
	  top: 0;
	  background-image: url(../production_images/pngs/IcywindBrookbell.jpg);
	  background-repeat: no-repeat;
	  height: 235px;
	  width: 350px; 
}
#boscawen  {
      position: absolute;
	  left: 520px;
	  top: 70px;
	  width: 210px;
	  height: 319px;
	  background-color: white; 
}
#water  {
      position: absolute;
	  left: 650px;
	  top: 1668px;
	  width: 210px;
	  height: 157.5px;
	  background-color: white; 
}
#swan  {
      position: absolute;
	  left: 650px;
	  top: 1345px;
	  width: 450px;
	  height: 161px;
	  background-color: white;
      border-top: 2px solid rgb(127,127,127);
      
}
#swan  img {
      padding-top: 3px;
}

#storm  {
      position: absolute;
	  left: 650px;
	  top: 1509px;
	  width: 210px;
	  height: 157.5px;
	  background-color: white; 
}
#goddess  {
      position: absolute;
	  left: 650px;
	  top: 1830px;
	  width: 210px;
	  height: 157.5px;
	  background-color: white; 
}
#longstne  {
      position: absolute;
	  left: 650px;
	  top: 1992px;
	  width: 210px;
	  height: 157.5px;
	  background-color: white; 
}
#trevthy  {
      position: absolute;
	  left: 650px;
	  top: 2151px;
	  width: 210px;
	  height: 157.5px;
	  background-color: white; 
}
#longP  {
      position: absolute;
	  left: 650px;
	  top: 2310px;
	  width: 210px;
	  height: 157.5px;
	  background-color: white; 
}
#sBreoch  {
      position: absolute;
	  left: 650px;
	  top: 2469px;
	  width: 210px;
	  height: 157px;
	  background-color: white; 
}
#hurlers  {
      position: absolute;
	  left: 650px;
	  top: 2630px;
	  width: 210px;
	  height: 158px;
	  background-color: white; 
}
#arial  {
      position: absolute;
	  left: 690px;
	  top: 2790px;
	  width: 170px;
	  height: 384px;
	  background-color: white; 
}

#footer  {
      font-size: 10pt;
	  text-align: center;
	  width: auto;
	  margin-top: 20px;
}
#footer p {
      margin: 20px 200px 50px 200px;
}	
.footspace  {
      margin: 0 0;
}		  
#masefield  {
      margin: 80px 0 0 80px;
}
#masefield  p.credit {
      font-size: smaller;
}
#mainHighlight  {
      font-size: 16pt;
	  color: red;
}
#w3valid  {
      margin-left: 750px;
}
#w3valid p {
      margin-top: 10px;
}