html, body, #wrapper {
      height:100%;
      margin: 0;
      padding: 0;
      border: none;
      text-align: center;
   }
   #wrapper {
      margin: 0 auto;
      text-align: center;
      vertical-align: top;
      width: 700px;
   }
   .image {
	position:relative;
	float:left; /* optional */
   }
   .image .text {
	position:absolute;
	top:10px; /* in conjunction with left property, decides the text position */
	left:0;
	width:698px; /* optional, though better have one */
	margin-left:1px;
	margin-right:1px;
    }
    p {
	font-family:Calibri, serif;
	font-size:20px;
	font-weight:bold;
	color:white;
	text-align:center;
	padding-left:70px;
    padding-right:70px;
	}
	h1 {
	font-family:Calibri, serif;
	font-weight:bold;
	font-size:34px;
	color:white;
	text-align:center;
    }
    h2 {
	font-family:Calibri, serif;
	font-weight:bold;
	font-size:26px;
	color:white;
	text-align:center;
    }
    h3 {
	font-family:Calibri, serif;
	font-weight:bold;
	font-size:26px;
	color:white;
	text-align:center;
	padding-bottom:0px;
	margin-bottom:0px;
    }


    body {
    background-attachment:fixed;
    background-repeat: no-repeat;
    /*Use center center in place of 300 200 to center bg image*/
    background-position: center;
    }
    
    a:link {text-decoration:none; color:white}

    a:visited {text-decoration:none; color:white}

    a:hover {text-decoration:none; color:#00ff00}