body { background:  url('../MyImages/OlenProfile.JPG') 0 -2px; background-repeat:no-repeat; background-position: right 270px; font-family: Trebuchet MS, Verdana, Helvetica, Arial, san-serif; margin: 0; text-align: center; height: 1000px;}
#eatingBody { background:  url('../MyImages/proteinShake.jpg') 0 -2px; background-repeat:no-repeat; background-position: right 270px; font-family: Trebuchet MS, Verdana, Helvetica, Arial, san-serif; margin: 0; text-align: center; height: 1000px;}
#photosBody { background: none; background-repeat:no-repeat; background-position: right 270px; font-family: Trebuchet MS, Verdana, Helvetica, Arial, san-serif; margin: 0; text-align: center; height: 1000px;}
#wrapper { background:color: black; height: 800px; margin: 0 auto; padding: 210px 180px 0 0px;  position: relative ; text-align: left; width: 800px }

h1 { font-size: 28px; }
a { color: #003333; }

ul { padding: 0; text-align:left}
li { font-size: 14px; list-style: none; margin: 0 0 4px 0; }
li.tip {
  color: red;
  font-size: 11px;
  font-style: italic;
  text-align: right;
  padding: 0 2px;
  height: 25px;
}

#eatingTips {display:block; position:absolute; left: 200px; top: 285px;}
label { float: left; margin: 4px 6px 0 0; text-align: right; width: 160px; }
input { border: 2px solid #1E3755; padding: 0 2px; width: 216px; }
select { border: 2px solid #1E3755; width: 224px; }
textarea { border: 2px solid #1E3755; padding: 0 2px; width: 216px; }
#register { width: 100px; }

#Mouseover {display:block; position:absolute; left: 160px; top: 400px; padding: 10px 10px 10px 10px; width: 450px}
#displaymenu {display:block; position:absolute; left: 10px; top: 200px;  padding: 10px 10px 10px 10px}
#Navigation {display:block; position:absolute; left: 10px; top: 320px; padding: 10px 10px 10px 10px}

#Tips {display:block; position:absolute; left: 35px; top: 420px; padding: 10px 10px 10px 10px}

#introPane {display:block; position:absolute; width:600px; left: 170px; top: 240px; padding: 10px 10px 10px 10px}
#pictureFlasher1 {display:block; position:absolute; left: 100px; top: 285px;}
#username, #password1, #password2 { background: #fff url('../images/status.gif') 202px 0 no-repeat; padding: 0 20px 0 2px; width: 198px; }

#username.thinking, #password1.thinking { background-position: 202px -19px; }
#username.approved, #password1.approved, #password2.approved { background-position: 202px -35px; }
#username.denied, #password1.denied, #password2.denied { background-color: #FF8282; background-position: 202px -52px; }

#coverBar { height: 175px; left: 25px; overflow: hidden; position: absolute; top: 25px; width: 1023px; }
#coverBar img { position: absolute; top: 0; }