body {
    margin:9px 9px 0 9px;
    padding:0;
    background:#FFF;}
  #level0 {
    background:#FC0;
    width:100%;
    min-width:870px;
    }
div.map_frame
{
	width:500px;
	padding-top: 2em;
	padding-bottom: 2em;
	padding-left: 2em;
	padding-right: 2em;
	margin:1em;
	background: #FFF3AC;
	border: 1px solid #FC0;
}
a.nochange
{
	color:blue;
}
a.nochange:hover
{
	color:red;
}
div.map_frame td
{
	text-align: left;
}
  #level1 {
    margin-left:143px;
    padding-left:9px;
    background:#FFF;}
  #level2 {
    background:#FFF3AC;
    position:relative;
    width:inherit;}
  #main {
    margin-right:9em;
    border-right:1px solid #FC0;
    padding-right:9px;
    background:#FFF;
    min-height:1222px;
    text-align:justify;
    font-family:Georgia,Verdana,Helvetica,Arial;}
div.video {
	text-align:center;
}
  #topBar {
    background:#FC0;
    width:100%}
  #advBar {
    background:#FFF3AC;
    clear:right;
    text-align:center;
    }
  #tipDay {
    float:right;
    width:11em;
    background:#FFF3AC;
    position:relative;}
  #lftBar {
    position:absolute;
    width:143px;
    top:9px;
    left:9px;
    margin-left:2px;
    text-align:center;}
  #rgtBar {
    position:absolute;
    width:9em;
    top:0;
    right:0;
    background:#FFF3AC;}
    #rgtBar a:hover
{ 
  color : red;
}

#rgtBar a
{
	color : black;
}
#logo
{
	margin-left:-13px;
	margin-top:-20px;
	margin-bottom:10px;
}
  #main h1 {
    margin:0;
    padding-left:.3em;
    padding-right:5em;
    font:1.25em Verdana,Helvetica,Arial;
    background:#FC0;
    text-align:justify}
  #main dt {
    font-weight:bold;
    font-size:120%;
    margin-top:.8em;
    margin-bottom:.8em;}
  #rgtBar h3 {
    margin:0;
    padding:3px;
    background:#FC0;
    font-weight:bold;
    font-size:1em;
    text-align:center;}
  #topBar form {
    float:right;
    width:10.5em;
    text-align:right;
    margin:0;
    line-height:.7em;}
  #topBar input {font-size:.8em;}
  #topBar b {
    display:block;
    text-align:left;
    font:bold .8em/1.7em Arial,Geneva,sans-serif;
    padding-left:.5em;}
  #tipTit {
    width:7em;
    position:absolute;
    text-align:center;
    top:-1.8em;
    right:0;
    font:.8em/1.8em Arial,Geneva,sans-serif;}
  #advBar p{text-align:right;margin:0 0.5em;font-weight:bold;}
  #advBar img{margin-bottom:1em}
  a img {border:none;}
  .note {color:red}

#search{ 
	margin-right:221px;
	background:#FC0;
	float:right; 
}
/* use curly quotes around Q in good browsers */
q:before {content: "\201C";}
q:after {content: "\201D";}
q>q:before {content: "\2018";}
q>q:after {content: "\2019";}

/* nix end quote if it flows into the next paragraph */
.continue q:after {content: "";}
.continue q>q:after {content: "\2019";}
.continue span {display: none;} /* for IE */

#subscribe
{
	text-align:right;
	font-size:0.8em;
	color:#999;
}

#subscribe a
{
	color:#999;
}

#copyright
{ 
  text-align:center;
  font-style: italic;
}

.caption 
{
  color:red;
  float:left;
  margin-top:10px;
  margin-left:10px;
  font-size: 1.2em;
}

div.figure { 
  float: right;
  width: 25%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
             }
div.figure p { 
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
               }
               
div.date
{
	text-align:right;
	font-style: italic;
	margin-bottom:1em;
}

div.more
{
	float : left; 
}

div.gadd
{
	text-align:center;
}

#menu
{ 
  text-align:left;
  margin-bottom:1em;
  font-size:0.9em;
}

hr
{
	color:#FC0;
	background:#FC0;
  width:90%; 
  height:1px;
  border-style: none;
}

#donation
{
	text-align:center;
}

/* ajax poller */

.poller{	/* The poller box */
		width:140px;
		/*height:280px;		*/
		padding-left:5px;
		padding-right:5px;
		margin:0px;
	}
	/* Poller title above radio buttons */
	.pollerTitle{
		margin-bottom:5px;
		font-weight:bold;
	}
	/* Label for each radio button */
	.pollerOption{
		margin:0px;
	}
	/* Label for each option above graph - i.e. results */
	.result_pollerOption{
		margin:0px;
		font-size:0.8em;
	}
	/* Title of poller - when ajax shows the results */
	.result_pollerTitle{
		margin-bottom:5px;
		font-weight:bold;
		font-size:0.9em;
	}
	/* Don't change this one, it is used to get the left and right image(the corner) positioned correctly */
	.result_pollGraph img{
		float:left;
	}
	/* The <div> tag where the percentage result is shown */
	.result_pollGraph div{
		float:left;
		height:16px;
		background-repeat:repeat-x;
		color:#FFF;
		font-size:0.9em;
		line-height:16px;
	}
	/* Graph div - parent of both the corner images and the div displaying percentage votes */
	.result_pollGraph{	
		height:16px;
	}
	
	/* Message when Ajax is working getting restults fromt the server */
	.poller_waitMessage{
		display:none;	
	}	
	
	.result_totalVotes{
		clear:both;
		font-size:0.8em;
		margin-top:10px;
		font-style:italic;
	}
	
		div.mainContainer{
		width:9em;
		margin:0 auto;
		text-align:left;
		background:#FFF3AC;
	}
	.clear{
		clear:both;
	}
	
/* jokes */

div.joke
{
	font-size:1.2em;
	font-family: Verbatim;
	text-align:justify;
}

div.joke_frame
{
	width:400px;
	padding-top: 2em;
	padding-bottom: 1em;
	padding-left: 2em;
	padding-right: 2em;
	margin:1em;
	background: #FFF3AC;
	border: 1px solid #FC0;
}

div.joke_frame + div.joke_frame
{
	margin-top:1em;
}

div.joke_origin
{
	text-align:right;
	font-style:italic;
	padding-top:.5em;
	margin-right:-1.9em;
	margin-bottom:-2em;
	margin-left:100px;
}

div.joke_category
{
	text-align:left;
	margin-left:-2em;
	margin-top: -2em;
	margin-bottom: 1em;
	background: #F96;
}

div.joke_pick
{
	font-size:.8em;
}

/* quotes */

div.quote
{
	font-size:1.2em;
	font-family: "Courier New";
	text-align:justify;
}

div.quote_frame
{
	width:400px;
	padding-top: 2em;
	padding-bottom: 2em;
	padding-left: 2em;
	padding-right: 2em;
	margin:1em;
	background: #FFF3AC;
	border: 1px solid #FC0;
}

div.quote_frame td
{
	text-align:left;
}

div.quote_frame + div.quote_frame
{
	margin-top:1em;
}

div.quote_origin
{
	text-align:right;
	font-style:italic;
	padding-top:.5em;
	margin-right:-1.9em;
	margin-bottom:-2em;
	margin-left:100px;
}

div.quote_category
{
	text-align:left;
	margin-left:-2em;
	margin-top: -2em;
	margin-bottom: 1em;
	background: #F96;
}

div.quote_pick
{
	font-size:.8em;
}

/* figure */

div.figure {
  float: right;
  width: 160px;
  border: thin silver solid;
  /*margin: 0.5em;
  padding: 0.5em;*/
}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

div.image {
	text-align:center;
}
div.tracksHeader{
	font-size:0.9em;
}
div.tracksHeader a {
	color : blue;
}
div.tracksHeader a:hover {
	color : red;
}