body {
margin: 0;
padding: 0;
font-family: arial;
background-color: #339933;
}

/* center all DIVs by default */
div { margin: 0 auto 0 auto; }


/* link specifications */
a { color: #000000; }
a:hover { text-decoration: none; }


/* this is the header area with the top flash and login box */
#headarea {
  position: relative;
  width: 980px; height: 300px;
  background-image: url(/images/head_paper_edge.jpg);
  background-repeat: no-repeat; background-position: bottom;
  border: 0 solid #228822; border-width: 0 2px 0 2px;
}
#headblanket {
  width: 980px; height: 115px;
  background-image: url(/images/bg_header_blanket.jpg);
  background-repeat: no-repeat;
}
#headhyperant {
  position: absolute; top: 115px; left: 0;
  width: 695px; height: 150px;
  background-image: url(/images/bg_header_hyperant.jpg);
  background-repeat: no-repeat;
}

/* skyscraper advertisement */
#skyscraperhead {
  position: absolute; top: 0; left: 800px;
  width: 175px; height: 85px;
}
#skyscraper {
  position: absolute; top: 85px; left: 800px; z-index: 3;
  width: 175px; height: 615px;
  background-image: url(/images/skyscraper_frame.gif);
  background-repeat: no-repeat;
  padding:7px 0 0 8px;
}
	
	/* skyscraper advertisement for Amazon products */

	#skyscraper-amazon-1 {
	  position: absolute; top: 85px; left: 800px; z-index: 3;
	  width: 175px; height: 615px;
	  background-image: url(../temp-ads/amazon_banner_1.jpg);
	  background-repeat: no-repeat;
	  padding:7px 0 0 8px;
	}
	
	#skyscraper-amazon-2 {
	  position: absolute; top: 85px; left: 800px; z-index: 3;
	  width: 175px; height: 615px;
	  background-image: url(../temp-ads/amazon_banner_2.jpg);
	  background-repeat: no-repeat;
	  padding:7px 0 0 8px;
	}
	#more-info, #more-info-on {
		position:absolute;
		top:163px;
		left:122px;
		width:42px;
		height:41px;
		border:0;
		}
	#more-info-on {
		visibility:hidden;
		}
	#more-info-2, #more-info-on-2 {
		position:absolute;
		top:363px;
		left:122px;
		width:42px;
		height:41px;
		border:0;
		}
	#more-info-on-2 {
		visibility:hidden;
		}
		
	#more-info-3, #more-info-on-3 {
		position:absolute;
		top:563px;
		left:122px;
		width:42px;
		height:41px;
		border:0;
		}
	#more-info-on-3 {
		visibility:hidden;
		}

/* front page main elements */
#frontmeethypie, #frontdollars, #frontfunclub, #frontcontest, #frontvideo, #frontstore, #frontblog, #frontshare, #frontplay {
  position: absolute; z-index: 0;
}

#frontmeethypie,
#flashmeethypie {
  top: 0; left: 0;
  width: 325px; height: 230px;
}
#frontmeethypietext {
  position: absolute; top: 85px; left: 185px;
  width: 90px; height: 90px;
  color: #062259;
  font-size: 14px;
  z-index:3;
  font-weight: bold;
}

#frontdollars,
#flashdollars {
  top: 0; left: 320px;
  width: 480px; height: 230px;
}
#flashdollarstext {
  position: absolute; top: 70px; left: 690px;
  width: 105px; height: 45px; color: #F70707;
  font-weight: bold;
  z-index:3;
}

#frontfunclub,
#flashfunclub {
  top: 230px; left: 0;
  width: 325px; height: 230px;
}
#frontfunclubhead {
  position: absolute; top: 251px; left: 180px;
  width: 115px; height: 50px;
  color: #FE7000;
  font-size: 14px;
  z-index:3;
  font-weight:bold;
}
#frontfunclubtext {
  position: absolute; top: 301px; left: 180px;
  width: 115px; height: 50px;
  color: #000000; font-size:13px;
  z-index:3; font-weight:bold;
}

#frontcontest,
#flashcontest {
  top: 230px; left: 324px;
  width: 240px; height: 230px;
}
#frontcontesttext {
  position: absolute; top: 305px; left: 348px;
  width: 160px; height: 45px;
  color: #000000;
  text-align: center;
  z-index:3;
  font-weight:bold;
  font-size:14px;
}

#frontvideo,
#flashvideo {
  top: 230px; left: 559px;
  width: 242px; height: 230px;
}
#frontvideointro {
  position: absolute; top: 317px; left: 615px;
  width: 155px; height: 30px;
  color: #0E76EC;
  text-align: center;
  z-index:3;
  font-weight:bold;
}
#frontvideotext {
  position: absolute; top: 380px; left: 700px;
  width: 75px; height: 50px;
  color: #000000;
  z-index:3;
  font-weight:bold;
}

#frontstore,
#flashstore {
  top: 460px; left: 0;
  width: 325px; height: 260px;
}
#frontstorehead {
  position: absolute; top: 545px; left: 30px;
  width: 75px; height: 40px;
  color: #FE7000;
  z-index:3;
  font-weight:bold;
}
#frontstoretext {
  position: absolute; top: 600px; left: 30px;
  width: 85px; height: 80px;
  color: #000000;
  z-index:3;
  font-size:12px;
  font-weight:bold;
}

#frontblog,
#flashblog {
  top: 460px; left: 325px;
  width: 240px; height: 100px;
}

#frontshare,
#flashshare {
  top: 560px; left: 325px;
  width: 240px; height: 140px;
}
#frontsharetext {
  position: absolute; top: 610px; left: 460px;
  width: 90px; height: 45px;
  color: #7B001B;
  z-index:3;
  font-weight:bold;
}

#frontplay,
#flashplay {
  top: 460px; left: 564px;
  width: 240px; height: 257px;
}
#frontplaytext {
  position: absolute; top: 577px; left: 600px;
  width: 180px; height: 30px;
  color: #0606F4;
  text-align: center;
  z-index:3;
  font-weight:bold;
}

#flashmeethypie,
#flashdollars,
#flashfunclub,
#flashcontest,
#flashvideo,
#flashstore,
#flashblog,
#flashshare,
#flashplay {
  z-index: 2; position:absolute;
}


/* this is the login box within the header area */
#loginbox {
position: absolute; top: 115px; left: 695px;
width: 285px; height: 185px;
background-image: url(/images/head_login_background.jpg); background-repeat: no-repeat;
}

  /* headers */
  #loginname { margin: 25px 0 0 15px; padding: 0; font-size: 20px; }

  /* images */
  #loginheader,
  #loginmember,
  #loginsubmit,
  #loginline { position: absolute; }

  #loginheader { top: 11px; left: 10px; width: 200px; height: 60px; }
  #loginmember { top: 5px; left: 184px; width: 100px; height: 100px; border: 0; }
  #loginsubmit { top: 127px; left: 180px; width: 60px; height: 30px; }
  #loginline   { top: 45px; left: 15px; width: 200px; height: 25px; }


  /* form fields */
  #formlogin input { color: #CC2525; background: none; border: 0; }

  #textusername,
  #textpassword {
    position: absolute; left: 24px;
    display: block;
    padding: 2px 0 0 6px;
    width: 145px; height: 18px;
    font-size: 11px; font-weight: bold;
    background-image: url(/images/login_highlight.gif);
    background-repeat: no-repeat;
  }
  #textusername { top: 72px; }
  #textpassword { top: 114px; }

  #fieldusername,
  #fieldpassword {
    position: absolute; top: 86px; left: 29px;
    display: block;
    width: 150px; height: 30px;
    text-align: center;
    background-image: url(/images/input_box_username.gif);
    background-repeat: no-repeat;
  }
  #fieldpassword { top: 127px; left: 29px; background-image: url(/images/input_box_password.gif); }

  #inputusername,
  #inputpassword {
    margin: 5px;
    width: 140px; height: 20px;
    font-size: 14px; font-weight: bold;
    letter-spacing: 1px;
  }


  /* links */
  #loginbox a:hover { text-decoration: underline; }

  #logoutlink,
  #loginhelp,
  #loginmypage {
    position: absolute;
    color: #2525BB;
    font-size: 11px; font-weight: bold;
    text-decoration: none; text-transform: uppercase;
  }

  #logoutlink  { top: 15px; left: 175px; }
  #loginmypage { top: 138px; left: 135px; }
  #loginhelp   { top: 160px; left: 32px; color: #000000; text-decoration: underline; text-transform: none; }
    #loginhelp:hover { text-decoration: none; }

  #loginerrors a { margin: 20px; font-size: 14px; font-weight: bold; }


  /* miscellaneous */
  #logindollars,
  #loginmessages,
  .loginamount,
  .logininbox { position: absolute; border: 0; }

  #logindollars,
  #loginmessages { left: 130px; width: 40px; height: 30px; }

  .loginamount,
  .logininbox { left: 175px; font-size: 28px; }

  #logindollars  { top: 65px; }
  .loginamount   { top: 60px; }

  #loginmessages { top: 100px; }
  .logininbox    { top: 98px; }


  /* error box */
  #loginerrors {
    position: absolute; top: 125px; left: 705px;
    width: 245px; height: 135px;
    background-color: #F0F0F0;
    border: 6px solid #CC2525;
  }
  .basemessages { margin: 5px; padding: 0; }
  .basehead { list-style: none; font-size: 16px; font-weight: bold; }
  .baselogin {
    list-style: square;
    margin: 5px 0 0 15px;
    padding: 0;
    color: #CC2525;
    font-size: 14px; font-weight: bold;
  }


/* this is the content wrapper */
#sitearea {
  position: relative;
  width: 980px;
  background-color: #FFFFFF;
  border: 0 solid #228822; border-width: 0 2px 0 2px;
}


/* this is the footer elements */
#footnavigation, #footcopyright {
  width: 785px;
  padding: 5px 190px 5px 5px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1px;
  background-color: #FFFFFF;
  border: 0 solid #228822; border-width: 0 2px 0 2px;
}
#footcopyright { letter-spacing: 0; font-weight: normal; }

#footgrass { width: 984px; height: 115px; background-image: url(/images/footer_grass.jpg); background-repeat: no-repeat; }

#footnavigation a { color: #000000; text-decoration: none; }
#footnavigation a:hover { text-decoration: underline; }

#copyrighttext { display: block; margin: 0 auto 0 auto; width: 525px; }

/* Coming Soon Image */

#coming-soon {
	margin:0 auto;
	margin:100px 0 0 56px;
	align:center;
	}
	
/* Site Map */

#sitemap-content {
	top:0;
	padding:0;
	margin:0;
	font-weight:bold;
	}

body#sitemap ul {
	padding:10px;
	}

	body#sitemap ul li {
		padding:10px;
		margin:0;
		list-style-type:none;
		}
		body#sitemap ul li a:link, body#sitemap ul li a:visited {
		color:#0e76ec;
		}
	body#sitemap ul li ul {
		padding:10px 0 0 10px;
		margin:0 0 0 10px;
		}
	body#sitemap ul li ul li {
		padding:5px 0 0 10px;
		margin:0 0 0 20px;
		list-style-type:circle;
		}
		body#sitemap ul li ul li a:link, body#sitemap ul li ul li a:visited {
		color:#f47909;
		font-size:14px;
		}
		body#sitemap ul li ul li, body#sitemap ul li ul li {
		font-size:14px;
		padding:5px 0 5px 0;
		}
		body#sitemap ul li ul li ul li a:link, body#sitemap ul li ul li ul li a:visited {
		color:#f47909;
		font-size:12px;
		}
		body#sitemap ul li ul li ul li, body#sitemap ul li ul li ul li {
		font-size:12px;
		padding:5px 0 5px 0;
		list-style-type:disc;
		}

/* Google Site Search */
#site-search {
	position:absolute; top:0; right:0; z-index:3; }
	
#site-results {
	position:absolute; margin:50px 0 0 30px; height:1070px; overflow:hidden; }
	
/* HyperAnt Widget */
#header-widget {
	background:url("../images/header-widget.gif") no-repeat;
	position:absolute;
	width:710px;
	height:115px;
	left:50px;
	top:0;
	}

#widget {
	background:url("../images/bg-widget.jpg") no-repeat;
	width:560px;
	height:622px;
	margin:0;
	padding:10px 0 0 162px;
	position:absolute;
	left:50px;
	top:115px;
	}