/* STANDARD STYLES */

html { height: 101%; }

body {
	border: 0;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: #ffffff;
	text-align: left;
	background-image:url(../images/site-bgnd.jpg);
}

table, tr, th, td, p, h1, h2, h3, h4, ul, ol, li, a, form, hr {
	border: 0;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: left;
	
}

img {
	border: 0px;
}

p {
	padding-bottom:15px;
}

h1, h2 {
	font-size:0px;
	text-indent:-9999px;
	overflow:hidden;
}




/* JQUERY ELEMENTS */

.tipped {
	color: #bbbbbb;
}

p#vtip {
	width:300px;
	display: none;
	position: absolute;
	padding: 10px;
	left: 5px;
	font-size: 0.8em;
	background-color: white;
	border: 1px solid #a6c9e2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index: 9000;
}

p#vtip #vtipArrow {
	position: absolute;
	top: -10px;
	left: 5px
}




/* FASH ELEMENTS */

#postitnote {
	position: absolute;
	z-index: 7000;
	top: 0;
	margin-left: 480px;
}

#calculator {
	position: absolute;
	z-index: 8000;
	top: 734px;
	margin-left: 698px;
}

#flashcontent2 {
	width: 216px;
	height: 430px;
	background-image: url(../images/calculator.gif);
	background-repeat: no-repeat;
	background-position: 0 94px;
}




/* STRUCTURE */

.bgndtwo {
	background-image:url(../images/bgnd-two.gif);
	background-repeat:no-repeat;
	background-position:top center;
	min-width:950px;
}

.bgndthree {
	background-image:url(../images/bgnd-three.gif);
	background-repeat:no-repeat;
	background-position:top center;
}

.bgndfour {
	background-image:url(../images/bgnd-four.gif);
	background-repeat:no-repeat;
	background-position:top center;
	height:1315px;
	text-align:center;
}

.container {
	width:950px;
	margin:auto;
	text-align:left;
}

.clear {
	clear:both;
}

.bottompad25 {
	padding-bottom:25px;
}

.contentpad {
	width:540px;
	margin:auto;
}

/* CONTENT */

.content {
	width:590px;
	position:relative;
	text-align:center;
	top:155px;
	left:38px;
}




/* HEADER */

.mainheader h1 {
	width:590px;
	height:248px;
	background-image:url(../images/worker-logo.gif);
	background-repeat:no-repeat;
}

#link {
	width: 190px;
	height: 190px;
}

.signup-title {
	background-image:url(../images/signup.gif);
	background-repeat:no-repeat;
	width:590px;
	background-position:225px 90px;
}

.header {
	width:590px;
	height:238px;
	background-image:url(../images/worker-logo-sml.gif);
	background-repeat:no-repeat;
	text-align: left;
}

.title-game {
	background-image:url(../images/title-getemin.gif);
	background-repeat:no-repeat;
	width:590px;
	background-position:160px 90px;
}

.title-geomap {
	background-image:url(../images/title-geomap.gif);
	background-repeat:no-repeat;
	width:590px;
	background-position:220px 90px;
}

.title-petition {
	background-image:url(../images/title-petition.gif);
	background-repeat:no-repeat;
	width:590px;
	background-position:160px 50px;
}

.title-friend {
	background-image:url(../images/title-friend.gif);
	background-repeat:no-repeat;
	width:590px;
	background-position:195px 90px;
}




/* NAVIGATION */

.navigation {
	width:220px;
	float:right;
	padding-top:320px;
}

.navigation li {
	list-style:none;
	padding-bottom:1px;
}

.navhide {
	text-indent:-5000px;
	overflow:hidden;
	font-size:0px;
}

.petition a {
	display:block;
	background-image:url(../images/petition.gif);
	background-repeat:no-repeat;
	width:160px;
	height:35px;
}

.petition a:hover {
	background-position:0 -35px;
	
}

.petitionon a {
	display:block;
	background-image:url(../images/petition.gif);
	background-repeat:no-repeat;
	width:160px;
	height:35px;
	background-position:0 -35px
	
}

.geomap a {
	display:block;
	background-image:url(../images/geomap.gif);
	background-repeat:no-repeat;
	width:160px;
	height:35px;
}

.geomap a:hover {
	background-position:0 -35px;
	
}

.geomapon a {
	display:block;
	background-image:url(../images/geomap.gif);
	background-repeat:no-repeat;
	width:160px;
	height:35px;
	background-position:0 -35px
	
}

.friend a {
	display:block;
	background-image:url(../images/friend.gif);
	background-repeat:no-repeat;
	width:160px;
	height:35px;
}

.friend a:hover {
	background-position:0 -35px;
	
}

.friendon a {
	display:block;
	background-image:url(../images/friend.gif);
	background-repeat:no-repeat;
	width:160px;
	height:35px;
	background-position:0 -35px
	
}

.coffee a {
	display:block;
	background-image:url(../images/coffee.gif);
	background-repeat:no-repeat;
	width:180px;
	height:110px;
}

.coffee a:hover {
	background-position:0 -110px;
	
}

.coffeeon a {
	display:block;
	background-image:url(../images/facebook.gif);
	background-repeat:no-repeat;
	background-position:0 -110px;
	
}

.facebook {
	background-image:url(../images/support.gif);
	background-repeat:no-repeat;
	background-position:0 10px;
	padding-left: 110px;
}

.facebook a {
	display:block;
	background-image:url(../images/facebook.gif);
	background-repeat:no-repeat;
	width:106px;
	height:41px;
}

.twitter {
	background-image:url(../images/follow.gif);
	background-repeat:no-repeat;
	background-position:0 10px;
	padding-left: 110px;
}

.twitter a {
	display:block;
	background-image:url(../images/twitter.gif);
	background-repeat:no-repeat;
	width:106px;
	height:41px;
	
}

.twitter a {
	display:block;
	background-image:url(../images/twitter.gif);
	background-repeat:no-repeat;
	width:106px;
	height:41px;
}

.twitter a {
	display:block;
	background-image:url(../images/twitter.gif);
	background-repeat:no-repeat;
	width:106px;
	height:41px;	
}

.add {
	padding-left:92px;
}




/* BODY CONTENT */

.bodycontent {
	height:730px;
	background-image:url(../images/coffeemark.gif);
	background-repeat:no-repeat;
	background-position:360px;
	width:540px;
	margin:auto;
}

.bodycontent p {
	text-align:center;
	font-size:70%;
}

.bodycontent img {
	margin:auto;
}

.bodycontent table {
	margin:auto;
}

.bodycontenthome {
	height:720px;
	background-image:url(../images/coffeemark.gif);
	background-repeat:no-repeat;
	background-position:360px;
	width:540px;
	margin:auto;
}

.bodycontenthome p {
	text-align:center;
	font-size:70%;
}

.bodycontenthome img {
	margin:auto;
}

.bodycontenthome table {
	margin:auto;
}

.smallcopy p {
	font-size:60%;
	padding:10px 0 10px 0;
}

.smallbit strong{
	font-size: 90%;
}


/* FORM ELEMNETS */

.formlabel label {
	font-size:0px;
	text-indent:-9999px;
	overflow:hidden;
	color:#f3f3f3;
}

.formlabel img {
	float:right;
}

.radiomilk label {
	font-size:0px;
	text-indent:-9999px;
	overflow:hidden;
	color:#f3f3f3;
}

.radioblk label {
	font-size:0px;
	text-indent:-9999px;
	overflow:hidden;
	color:#f3f3f3;
}

.formsugar {
	font-size:0px;
	text-indent:-9999px;
	overflow:hidden;
}

.button {
	text-align: right;
	padding-right: 10px;
}

.pageturner {
	padding-top:20px;
}
.pageturner a {
	padding-left:10px;
}

.pageturner a:hover {
	text-decoration:none;
}

.formpad {
	padding-bottom:4px;
}

.paginate {
	color: #000000;
}

.current {
	font-weight: bold;
	color: #d26468;
}



/* FOOTER */


.footer {
	float: left;
	background-image:url(../images/footer.gif);
	background-repeat:no-repeat;
	height:70px;
	width: 410px;
	text-align: left;
}

.terms {
	text-align: left;
	font-size:60%;	
	padding:18px 0 0 240px;
}

.footer a {
	color:#000000;
	padding-left:10px;
}

.footer a:hover {
	text-decoration:none;
}




/* GAME PAGE */

.namewidth {
	width:125px;
}




/* PETITION PAGE */

.petitionentry {
	width:540px;
}

.petitionentry th {
	font-size:70%;
	font-weight:bold;
	padding-bottom:10px;
}

.petitionentry td {
	font-size:70%;
	padding:2px 10px 2px 0;
	border-bottom: 1px solid #dfdfdf;
}


/* MAP */
#map {
	width:531px; 
	height:531px; 
	border:1px solid #d9b886;
}

.mapPopup {
	margin-top:10px;
	font-size:70%;
	text-align:left;
}

.mapPopup img {
	float:left;
	padding-right:10px;
}

.mapPopup div {
	padding-top:5px;
}

.error {
	color:#1F438E;
	font-weight:bold;
}

#antiSpam {
	margin-left:113px;
}

#antiSpam img {
	position:relative;
	top:10px;
}

/* TERMS AND CONDITIONS */

#termsandconditions {
	padding: 20px;
}

#termsandconditions h1 {
	text-indent: 0;
	font-size: 120%;
	padding-bottom: 10px;
	color: #ffffff;
}

#termsandconditions h2 {
	text-indent: 0;
	font-size: 100%;
	padding-bottom: 10px;
}

#termsandconditions ol {
	font-size: 70%;
	margin-left: 28px;
}

#termsandconditions p {
	font-size: 70%;
}

#termsandconditions li {
	padding-bottom: 6px;
}

#termsandconditions a {
	color: #000000;
}