/*body { background: #030611 url(../../Images/DockImages/maelstrom.png) center -100px no-repeat; padding: 0; }*/
		
		/*@font-face {
			font-family: '';
			src: url('../../Media/Fonts/MonotypeCorsiva/mtcorsva.ttf') format ('truetype');
		}*/
		
		h1 {
	    font-size: 2em;/*Orig 1.5em */
	    font-family: SansationBold;
	    font-weight: bold;
	    /*text-align: left;*/
        }
        h2 {
      	font-size: 1.3em;
	    font-family: SansationBold;
	    font-weight: bold;
	    /*text-align: left;*/
        }
        h3 {
	    font-size: 1.2em;
	    font-family: SansationLight;
	    font-weight: bold;
	    /*text-align: left;*/
        }
        h4 {
	    font-size: 1.1em;
	    font-family: Verdana, Helvetica, Arial, sans-serif;
	    font-weight: bold;
	    /*text-align: left;*/
        }
        h5 {
	    font-size: 1em;
	    font-family: Verdana, Helvetica, Arial, sans-serif;
	    font-weight: bold;
	    /*text-align: left;*/
        }
		
		.LargeFont1 {
       font-weight:bold;
	   font-size: 1.25em;
       /*font-size:18px;*/
       }

		.Petcontentdiv {
	     position: relative;
		 top: 50px;
		 text-align: center;
	     /*z-index: 10;*/
       }
		
		.headerStyle {
	    text-align: center;
	    position: absolute;
	    /*left: 560px;*/
	     top: 4px;
	     width: 99%;
	     height: 25px;
	     z-index: 4;
       }
		.footer {
		position:fixed;	
	    width: 99%;/*Orig= 400px*/
	     /*height: 20px;*/
	     /*z-index: -10;*/
		 text-align: center;
		 opacity:0.4;
		 font-size: 0.75em;
		 height:20px;
		 bottom:0px;
		 top: 0px;
         left: 0;
         bottom: 0;
         width: 100%;
		}
		
		/*.footerStyle {*/
	     /*font-family: SansationLight;*/
	     /*position: relative; *//*relative*/
	     /*left: 0px; *//*Orig= 415px*/
		/* right: 0px; *//*;*/
	     /*top: 620px;*/
		/* bottom: 0px;
	     width: 99%; *//*Orig= 400px*/
	     /*height: 20px;*/
	     /*z-index: -10;*/
		 /*text-align: center;
		 opacity:0.4;
		 font-size: 0.75em;*/
      /* }*/
	   .footerStyle2 {
	     /*font-family: SansationLight;*/
	     position: relative;
	     left: 0px;/*Orig= 415px*/
		 right: 0px;/*;*/
	     /*top: 620px;*/
		 bottom: -130px;
	     width: 99%;/*Orig= 400px*/
	     /*height: 20px;*/
	     /*z-index: -10;*/
		 text-align: center;
		 opacity:0.4;
		 font-size: 0.75em;
       }
	   
	   #Updated{
		position: relative;
	     left: 0px;/*Orig= 415px*/
		 right: 0px;/*;*/
	     top: 0px;
		 /*bottom: 25%;*/
	     width: 99%;/*Orig= 400px*/
		height: 40px;
	     /*z-index: -10;*/
		 text-align: center;
		 opacity:0.4;	
		}
		#Updated-WithDock{
		position: relative;
	     left: 0px;/*Orig= 415px*/
		 right: 0px;/*;*/
	     top: 0px;
		 /*bottom: 50%;*/
	     width: ;/*Orig= 400px*/
		height: 40px;
	     /*z-index: -10;*/
		 text-align: center;
		 opacity:0.3;
		 font-size: 0.75em;
		}
		#Updated-WithDock2{
		position: relative;
	     left: 0px;/*Orig= 415px*/
		 right: 0px;/*;*/
	     top: 0px;
		 /*bottom: 50%;*/
	     width: ;/*Orig= 400px*/
		height: 40px;
	     /*z-index: -10;*/
		 text-align: center;
		 opacity:0.3;
		 font-size: 0.75em;	
		}
		
		.CreatedBy {
	     /*font-family: SansationLight;*/
	     position: absolute; /*absolute*/
	     left: 0px;/*Orig= 415px*/
		 right: 0px;/*;*/
	     /*top: 620px;*/
		 bottom: -110px;/*-30*//*This is how far down the page the Created By is*/
		 /*top: 1400px;*/
	     width: 99%;/*Orig= 400px*/
	     height: 20px;
	     /*z-index: -10;*/
		 text-align: center;
		 opacity:0.4;
       }
	   
	   .CreatedBy2 {
	     /*font-family: SansationLight;*/
	     position: absolute; /*absolute*/
	     left: 0px;/*Orig= 415px*/
		 right: 0px;/*;*/
	     /*top: 620px;*/
		 bottom: -30;/*-30*//*This is how far down the page the Created By is*/
		 /*top: 1400px;*/
	     width: 99%;/*Orig= 400px*/
	     height: 20px;
	     /*z-index: -10;*/
		 text-align: center;
		 opacity:0.4;
       }
		
	   #AcknowledgementsMainSection {
		   position: absolute;
		   width: 60%;
		   left: 20%;
		   height: 370px;
		   text-align: center;
		   font-size: 1.5em;
		   top: 100px;
	   }
	   
	   
	   #ContactMainSection {
		   position: absolute;
		   width: 99%;
		   left: 0;
		   right:0;
		   height: 40px;
		   align: center;
		   text-align: center;
		   font-size: 1.5em;
		   top: 100px;
	   }	      
		   


	   
	   #HalosSection {
		   position: absolute;
		   width: 60%;
		   left: 20%;
		   height: 370px;
		   text-align: center;
		   font-size: 1.5em;
		   top: 100px;
	   }
	   
	   #InfoEctMainSection {
	   position: absolute;
	   width: 60%;
	   left: 20%;
	   /*right: 20%;
	   text-align: center;*/
	   top: 100px;
	   font-size: 1.0em;
	   
	   }
	   #InfoEctMainArticle {
	   position: relative;
	   width: 98%;
	   left: 1%;
	   /*right: 20%;
	   text-align: center;*/
	   top: -200px;
	   font-size: 1.0em;
	   
	   }
	   
	   
	   #NewsTicker {
		   position: absolute;
		   width: 60%;
		   left: 20%;
		   text-align: center;
		   top: -50px;
	   }
	   
	   #ProjectsMainSection {
	   position: absolute;
	   width: 60%;
	   left: 20%;
	   /*right: 20%;
	   text-align: center;*/
	   top: 100px;
	   font-size: 1.0em;
	   
	   }
	   #ProjectsMainArticle {
	   position: relative;
	   width: 98%;
	   left: 1%;
	   /*right: 20%;
	   text-align: center;*/
	   top: -200px;
	   font-size: 1.0em;
	   
	   }
	   
	   
	   #WelcomeMainSection {
	   position: absolute;
	   width: 60%;
	   left: 20%;
	   /*right: 20%;
	   text-align: center;*/
	   top: 100px;
	   font-size: 1.0em;
	   
	   }
	   
	   #WelcomArticle1 {
		  position: absolute;
		  text-align: center;
		  font-size: 1.5em;
		  left: 5%;
		  top: 0px;
		  width: 90%;
		  /*height: 195px;*/
		  z-index: 2; 
	   }
	   
	   /*The below is a seperator */
	   #WelcomArticle1_Identifier {
		  position: absolute;
		  left: 355px;
		  top: 105px;
		  width: 1px;
		  height: 60px;
		  z-index: 3 ;
	   }
	   
	   
	  #BackButton{
		  /*position: relative;
		  border: 0;
		  width: 50px;
		  height: 50px;
		  max-width: 50px;
		  max-height: 50px;*/
		  align: center;
		  /*left: 30%;
		  right: 30%;*/
	  }
	  
	  #Mom{
			 /*position: absolute;*//*relative*/
			 margin:0px auto;
		     top: 0px;
			 /*float: inherit;*/
		     /*left: 30%;*/
		     /*right: 30%;*/
		     /*text-align: center;*/
		 }
	   
/* Quicktime Movie Player START */ 

/*For some reason the following do not work on the CSS file for Quicktime video window.......
	   top: can't get to work;
	   align: place in the div on the page;
*/	

.title {
  padding-left: 0px;/*Orig = 120px*/
  min-height: 120px;
  background-image: url(../../Media/Images/essentials_quicktime20070611.png);
  background-position: top left;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.playButton {
  background-color: rgb(20,20,20);
  cursor: pointer;
  font-weight: bold;
  font-size: 1.25em;
  opacity: .8;
  filter: alpha(opacity=80);
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  position: relative;
  top: 50%;
  zoom: 100%;
  padding: .5em 1em;
  color: white;
}

.playBackground {
  background-color: ;/*Orig= rgb(0,0,0) */
  opacity: 0.0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0px; left: 0px;
  text-aligne:center;
  
}
/* Quicktime Movie Player END */
       	
			/*
		footer {
		padding: 0 0 36px; 
		bottom: 100px;
		}
	
		
		div#pageHeader h1 { 
		font-size: 45px;
		margin-bottom: 4px;
		color: #fff;
		text-shadow: 0px 2px 5px rgba(0,0,0,0.5); 
		}
		
		div#pageHeader p {
		font-size: 18px;
		line-height: 24px;
		margin-right: 25%;
		margin-bottom: 20px;
		color: #ccc;
		text-shadow: 0px 1px 2px rgba(0,0,0,0.5);
		}
		
		div#pageHeader p small {
		font-size: 14px;
		line-height: 18px;
		color: #;
		opacity: .75;
		}
		*/
