html, body {
  width:				100%;
  height:				100%;
  background-color:		#EEEEEE; /* off-white */
  background-image:		url(../images/donkey_bg.gif);
 }

* {
  padding:				0;
  margin:				0;
 }

h1 {
  text-align:			center;
  margin-top:			1em;
  font-size:			140%;
 }

h2 {
  text-align:			center;
  margin-top:			1em;
  font-size:			110%;
 }

h3 a {
  color:				#0099FF;
 }
 
p a {
  text-align:			center;
 }

p.spacing {
  font-size:			100%;
  text-align:			left;
  margin-bottom:		.75em;
 }

#pageContainer {
  position:				relative;
  font-family:			Arial, Helvetica, sans-serif;
  font-size:			100%;
  width:				100%;
  background-repeat:	repeat; 
 }

/* ***************************************************
   heading on all pages
*************************************************** */
#headContainer {
  margin:				0;
  height:				123px;
  width:				100%;
 }

#headLeft {
  margin:				0;
  height:				123px;
  float:				left;
  width:				33%;
  text-align:			center;
 /* background-image:		url(../images/donkey.gif); */
  background-repeat:	no-repeat;
  background-position:	left;
 }

#headLeft img {padding-top:30px;}

#headCenter {
  margin:				0;
  height:				123px;
  float:				left;
  width:				34%;
  text-align:			center;
 /* background-image:		url(../graphics/LW-Logo.jpg); */
  background-repeat:	no-repeat;
  background-position:	center;
 }

#headRight {
  margin:				0;
  height:				123px;
  float:				right;
  width:				32%;
  text-align:			center;
 /* background-image:		url(../images/flag.gif); */
  background-repeat:	no-repeat;
  background-position:	right;
 }

#headRight img {padding-top:30px;}

/* ***************************************************
   footer on most pages
*************************************************** */
#footerContainer {
	width:				100%;
	height:				2em;
	text-align:			center;
	clear:				both;
	margin-top:			2em;
 }

/* ***************************************************
   time clock in footer
*************************************************** */
#timeform input {
	margin-top:			2em;
	font-size:			80%;
	height:				1.3em;
	text-align:			center;
	clear:				both;
	background-color:	yellow;
 }

/* ***************************************************
   Polling pages
*************************************************** */
.leftPollSummary {
  width:				40%;
  text-align:			right;
  float:				left;
  font-size:			90%;
  line-height:			1.2em;
 }

.centerPollSummary {
  width:				12%;
  text-align:			center;
  float:				left;
  font-size:			90%;
  line-height:			1.2em;
 }

.rightPollSummary {
  width:				45%;
  text-align:			left;
  float:				left;
  line-height:			1.2em;
  font-size:			90%;
  letter-spacing:		-.1em;
  word-spacing:			-.2em;
  font-family:			"courier new";
 }

.leftPollSummary h4,
.centerPollSummary h4,
.rightPollSummary h4,
.namePollTitle h4,
.datePoll h4,
.percentPoll h4,
.notesPoll h4 {
  margin-top:			.1em;
  border-top:			2px solid;
  border-bottom:		2px solid;
  font-size:			110%;
 }

.namePollTitle {
  width:				30%;
  float:				left;
  font-size:			90%;
 }

.namePoll {
  height:				12em;
  width:				30%;
  float:				left;
  font-size:			90%;
 }
.borderTop {
  border-top:			groove;
 }

.namePoll p {
  font-size:			100%;
 }

.detailPoll {
  height:				11em;
  width:				33em;
  float:				left;
  font-size:			90%;
  clear:				right;
 }

.datePoll {
  width:				13%;
  float:				left;
  font-size:			90%;
 }

.datePoll p {
  font-size:			100%;
 }
 
.percentPoll {
  width:				13%;
  float:				left;
  font-size:			90%;
 }

.percentPoll p {
  font-size:			100%;
 }

.notesPoll {
  width:				40%;
  float:				left;
  font-size:			90%;
  clear:				right;
 }

.notesYellow {
  background-color:		#FF0;
 }

.notesBlue {
  background-color:		#00F;
  color:				#fff;
 }

.notesPoll p {
  font-size:			100%;
 }

/* ***************************************************
   general content
*************************************************** */
.contentLeft {
  width:				19%;
  float:				left;
  font-size:			90%;
 }

.contentRight {
  width:				79%;
  text-align:			left;
  font-size:			90%;
  float:				right;
 }

.contentRight p {
  margin-bottom:		1em;
 }

.contentCenter {
  font-size:			90%;
  padding-left:			5%;
  padding-right:		5%;
  margin-top:			1em;
  text-align:			center;
 }

.contentCenter h2 {
  padding-top:			.5em;
  padding-bottom:		.5em;
 }

.contentCenter h3 {
  font-size:			90%;
  text-align:			left;
  margin-bottom:		.1em;
 }

.contentCenter a {
  clear:				both;
  margin-top:			1.5em;
  margin-bottom:		.5em;
  text-align:			left;
 }

.contentClear {
  clear:				both;
 }

.contentClearRight {
  clear:				right;
 }

.contentClearLeft {
  clear:				left;
 }
/* ***************************************************
   miscellaneous classes
*************************************************** */
.redSizeUp {
  font-size:			110%;
  font-weight:			bolder;
  color:				#ff0000;
 }

.lossRed {
  color:				#ff0000;
  font-weight:			bolder;
  font-style:			italic;
 }

.gainBlue {
  color:				#0000ff;
  font-weight:			bolder;
  font-style:			italic;
 }

.moreSpacing {
  padding-top:			1em;
 }

.alignRight {
  text-align:			right;
  }

.alignLeft {
  text-align:			left;
  }

.alignCenter {
  text-align:			center;
  }

.lineSize {
  line-height:			2em;
  }

/* ***************************************************
   joke pages
*************************************************** */
.headerJokes {
	float:				left;
	clear:				both;
	font-size:			85%;
	width:				20%;
	margin-top:			1.5em;
	margin-right:		0;
	margin-bottom:		0;
	margin-left:		1em;
 }

.contentJokes {
  float:				left;
  font-size:			82%;
  width:				75%;
  padding-right:		1em;
  margin:				1em 0;
 }

.contentJokes p {
  margin-top:			.5em;
 }

/* ***************************************************
   original, political and fun image pages
*************************************************** */
.gallery {
  margin:				auto;
  width:				100%;
  padding-top:			2em;
  text-align:			center;
  text-decoration:		none;
  clear:				both;
 }

.gallery img {
  cursor:				default;
  margin:				1em 5em;
  background-color:		#FFFF33;
 }

.gallery p {
  cursor:				default;
  margin-top:			-1em;
 }

.gallery img:hover {  /* doesn't work with IE */
  background-color:		#808080;  /* gray */
  border-style:			ridge;
 }

.gallery a {
  text-decoration:		none;
  color:				#000000;
  cursor:				pointer;
 }

.gallery a:hover {
  text-decoration:		underline;
  color:				#0000FF;
  text-transform:		uppercase;
 }

.gallery a:hover img {
  border-style:			ridge;
  color:				#0000FF;
  background-color:		#000000; /* black */
 }

.gallery p a {
  clear:				both;
  margin-top:			1em;
 }
 
/* ***************************************************
   hide text - show with onmouseover link 
*************************************************** */
.hide {
  display:				none;
  text-align:			left;
 }

.underDash {
  border-bottom:		thin dashed #0000aa;
 }

 div#hideDetails {
  width:				100%;
  float:				left;
  text-align:			center;
  margin-bottom:		1em;
  font-size:			90%;
 }

 div#hideDetails li {
  float:				left;
  list-style:			none;
  padding-right:		20px;
 }