
/*    css rules for the paganUnderground intro page from the main index page.   */

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

/*    rules for the outer containing div  */

#outerContainer  {
   padding: 0 0 0 0;
   margin: 0 0 0 0; 
   width: 1024px;
   height: 600px;
   background-color: white;
}
img   {
      border: none;
}
h3  {
   margin: 40px 0 60px 0;
}
#mainContent {
   margin: 0 0 0 0;
   padding: 20px 0 0 0; 
   width: 800px;
   background-color: white;
   background-image: url(../production_images/medSnips/iw_landscape_02.jpg);
   background-repeat: no-repeat;
   background-position: top right;
   position: relative;
      top: 124px;
      left: 30px;
}
#mainContent  p  {
   padding-left: 30px;
   width: 600px;
}
#mainContent  img  {
   padding: 20px 0 10px 0;
}
#pULogo  {
      position: absolute;
	  left: 10px;
	  top: 10px;
	  width: 550px;
	  height: 328px;
	  background-color: rgb(165,36,36);
	  background-image: url(../production_images/paganULogo_7.png);
	  background-repeat: no-repeat;
	  background-position: 0 0;
	}
#pULogo p {
      position: absolute;
	  top: 15px;
	  left: 20px;
	  font-weight: 700;
	  color: rgb(173,216,230);
	  font-size: 22pt;
}
	
#pUList          {
		  position: absolute;
		  left: 450px;
		  top: 80px;
          list-style-type: none;
          padding: 0;
          margin: 0 0 0 0;
          border: 0;
		  font-size: 10pt;
		  background-color: transparent;
          }
#pUList li
          {
          text-align: center;
          width: 210px;
          margin: 0;
          padding: 0;
          font-size: larger;
}
#footer  {
      font-size: 11pt;
	  text-align: center;
	  width: auto;
       position: relative;
      top: 126px;
      left: 20px;
	  padding: 10px 0;
      margin: 0 0 0 0;
}
#footer p {
      margin: 20px 200px 10px 200px;
}	
#w3valid  {
      margin-left: 600px;
}
.green {
   color: green;
}
/*    css rules for title bar immediately below banner bar */

#titleContainer {
   position: absolute;
   top: 72px;
   left: 30px;
   width: 800px;
   height: 52px;
   background-color: rgb(173,216,230);
   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-image: url(../production_images/medSnips/iw_landscape_01.jpg);
   background-repeat: no-repeat;
   background-position: bottom right;
   margin: 0 0 0 0;
}
#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: transparent;
	  background-image: url(../production_images/pngs/wildRose.png);
	  background-position: top left;
	  width: 1024px;
	  height: 30px;
	  margin: 0px;
	  padding: 0px;
}
#endThree #homeIcon  {
      height: 26px;
	  width: 800px;
	  position: absolute;
	  top: 5px;
	  left: 70px;
	  color: white;
}
#endFour  {
      position: absolute;
	  top: 30px;
	  left: 0px;
	  background-color: rgb(73,116,130);
	  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 500px;
}
#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: 4px;
      background-color: rgb(173,216,230);
	  margin: 0px;
	  padding: 0px;
}
