body {
	font-family:arial, helvetica, sans-serif;
	font-size:.86em;
	color:#444;
	margin:0;
	padding:0;
	background:url(/images/bg-fade.jpg) top left repeat-x #060815;
}

img,div {
	behavior: url("/css/iepngfix.php");
}

* html #middleBar .exercises a { 
	position: relative; 
}

input,
select,
textarea {
	font-family:arial, helvetica, sans-serif;
	font-size:15px;
	padding:7px;
	border:none;
	color:#666;
}
input.styled {
	width:97%;
	border:none;
}
textarea.styled {
	width:97%;
	border:none;
}
select,
textarea {
	border:none;
}
input.bttn {
	background:#6691c6;
	color:#172746;
	border:1px solid #172949;
	text-transform:uppercase;
	font-size:15px;
	letter-spacing:.05em;
}
.bttnwrap {
	float:left;
	margin-right:1em;
}
.cancelBttn {
	float:left;
	color:#6691c6 !important;
	text-transform:uppercase;
	font-size:16px;
	padding:7px;
	letter-spacing:.05em;
}
input.sml {
	width:6em;
}
input.med {
	width:10em;
}
input.lrg {
	width:18em;
}
div.formField {
	float:left;
	margin:0 1em .5em 0;
}
div.formFieldFull {
	float:left;
	width:95%;
	margin:0 0 .5em 0;
}
a, a:link, a:active, a:visited {
	color:#00447f;
}
a:hover {
	color:#6f96b8;
}
#petition #innerContent a, #petition #innerContent a:link, #petition #innerContent a:active, #petition #innerContent a:visited {
	color:#6f96b8;
}
#petition #innerContent a:hover {
	color:#fff;
}
.stars:before {
	content:url(/images/star.png);
	margin:5px;
}
.stars:after {
	content:url(/images/star.png);
	margin:5px;
}

div#flag {
	background:transparent url('/images/bg-flag.jpg') center top no-repeat;
	width:100%;
	height:520px;
	margin:0 auto;
	position:absolute;
	top:0;
	z-index:1;
}

div#main {
	position:relative;
	z-index:10;
	margin:105px 200px 0 0;
}
div#excerpts {
	position:relative;
	z-index:10;
	margin:105px 0 0 100px;
}
div#heroes,
div#petition,
div#site-credits {
	position:relative;
	z-index:10;
	margin:105px 200px 0 0;
}
div#bookFriends,
div#fieldTest {
	position:relative;
	z-index:10;
	margin:105px 240px 0 0;
}
div#siteCredits {
	position:relative;
	z-index:10;
	margin:125px 0 0 80px;
}
div#terms-of-use {
	position:relative;
	z-index:10;
	margin:105px 0 0 0;
}
div#accountLog {
	width:920px;
	margin:0 auto;
	color:#78abd3;
	font-size:1.1em;
}
div#accountLog .inner {
	float:left;
	padding:7px;
	background:#172847;
}
div#accountLog a {
	color:#78abd3;
}
div#accountLog a.username {
	color:#fff;
	background: url(/images/star.png) right center no-repeat;
	padding-right:20px;
	margin-right:10px;
}
div#accountLog a:hover {
	color:#fff;
}
div#navigation {
	background: url(/images/bg-nav.gif) left center repeat-x #3a0306;
	width:720px;
	height:40px;
	margin:0 auto;
	z-index:5;
	
}
#excerpts #navigation {
	width:860px;
	
}
#main #navigation {
	background:transparent url('/images/bg-nav.jpg') left center repeat-x;
}
div#navigation ul {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	position:relative;
	left:17px;
	z-index:350;
}
#main #navigation ul {
	left:0;
	float:right;
}
div#navigation ul li,
div#navigationSub ul li {
	float:left;
	display:inline;
	position:relative;
	margin:0 17px 0 0;
	height:40px;
}
div#navigation ul li a,
div#navigationSub ul li a {
	color:#dac3c4;
	text-decoration:none;
	line-height:2.8em;
	font-weight:bold;
}
div#navigation ul li a:hover,
div#navigationSub ul li a:hover,
div#navigation ul li a.active,
div#navigationSub ul li a.active {
	color:#fff;
}
div#navigation ul li a.externalLink {
padding-right:12px;
background:url(/images/popupicon.gif) right center no-repeat;
}

div#navigation ul ul {
	background:#3A0306;
	width:150px;
	position:absolute;
	top:39px;
	left:-73px !important;
	padding:10px;
	display:none;
}
div#navigation ul li:hover ul,
div#navigation ul li.hover ul {
	display:block;
}
div#navigation ul ul li {
	display:block;
	float:none;
	padding:0;
	margin:0;
	height:auto;
	_height:0;
}
div#navigation ul ul li a {
	line-height:1em;
	display:block !important;
	float:none !important;
	padding:5px;
	_height:0;
}

div#bookTitle {
	background:url(/images/wht-fade.jpg) top left repeat-x #fcfcfc;
	width:720px;
	height:295px;
	margin:0 auto;
	position:relative;
	z-index:11;
}
div#bookTitle img#book {
	position:absolute;
	top:-25px;
	left:-52px;
	z-index:99;
}
div#bookTitle div#titleText {
	float:right;
	display:inline;
	text-align:center;
	width:410px;
	margin:30px 50px 0 0;
	padding:180px 0 0;
	background:url(/images/i-am-america-and-so-can-you.gif) center top no-repeat;
}
div#bookTitle div#titleText h2 {
	position:absolute;
	left:-9999px;
}
div#titleText p {
	font-family:'times new roman', times, serif;
	font-size:1.1em;
	font-style:italic;
}
div#titleText a {
	color:#891116;
	text-decoration:none;
}
span.hrefed {
	border-top:1px solid #e2d6a5;
	text-transform:uppercase;
	font-size:.86em;
	line-height:2em;
	font-weight:bold;
	padding:10px 0 0;
}
div.creditsHead {
	height:250px;
}

div#creditsContent {
	position:relative;
	left:188px;
	top:-241px;
	width:477px;
	background:#E8E8E8 url(/images/flickr-page-wht-bg.jpg) repeat-x scroll left bottom;
	color:#000;
	padding:0 0 20px;
	z-index:98;
	margin-bottom:-15em; /*ie rules*/
}
div#creditsContent div {
	padding:30px 30px 10px !important;
	text-align:center;
}
.textAlignLeft {
	text-align:left !important;
}
div#creditsContent span {
	display:block;
	padding:5px 0 0;
}
div#creditsContent ul {
	padding:0;
	margin:0;
	list-style:none;
}
div#creditsContent ul li {
	margin:0 0 .4em;
}
div#creditsContent h2 {
	margin:0 0 .2em !important;
	padding:0 !important;
	color:#1d3055 !important;
	font-size:3em !important;
	text-transform:none !important;
}
div.creditsPadding {
	height:46em;
	z-index:30 !important;
}
* html div.creditsPadding {
	height:36em !important;
}
img#stephen-1 {
	position:absolute;
	right:-282px;
	top:-128px;
	z-index:99;
}
img#stephen-credits {
	position:absolute;
	left:-215px;
	top:-444px;
	z-index:99;
}
img#stephen-credits-hand {
	position:absolute;
	right:-3px;
	top:-236px;
	z-index:99;
}
img#stephen-excerpts {
	position:absolute;
	left:-132px;
	top:-87px;
	z-index:99;
}
img#stephen-fieldTest {
	position:absolute;
	right:-270px;
	top:-310px;
	z-index:99;
}
img#stephen-bookFriends {
	position:absolute;
	right:-310px;
	top:-491px;
	z-index:99;
}
img#stephen-heroes {
	position:absolute;
	right:-270px;
	top:-310px;
	z-index:99;
}
img#stephen-petition {
	position:absolute;
	right:-260px;
	top:-290px;
	z-index:99;
}
#stephenQuote {
	position:absolute;
	left:760px;
	top:350px;
	z-index:100;
}
#petition #stephenQuote {
	position:absolute;
	left:624px;
	top:170px;
	z-index:100;
}
#petitionCount {
	position:absolute;
	right:-184px;
	top:372px;
	z-index:103;
	width:230px;
	padding:20px;
	background:#70060b;
	color:#fff;
	text-align:center;
}
#petitionCount p {
	font-size:1.3em;
	line-height:1.3em;
	letter-spacing:.1em;
	font-family:'times new roman', times, serif;
	padding:0;
	margin:0;
}
#petitionCount h4 {
	font-size:3em;
	margin:.5em;
	padding:0;
}
div#middleBar {
	background:url(/images/middle-map-bg.jpg) top left no-repeat;
	border-top:1px solid #decf93;
	width:720px;
	height:239px;
	margin:0 auto;
	position:relative;
	z-index:10;
}
#middleBar img#worldDomination {
	position:absolute;
	left:0;
	top:30px;
}
#middleBar .exercises {
	background:url(/images/red-bg.png) top left repeat;
	width:366px;
	padding:15px;
	position:relative;
	margin:105px 0 0 142px;
	text-align:center;
	color:#dac1c2;
}

.exercises p {
	margin:0;
	padding:.5em 0;
	font-size:.9em;
}
	
#middleBar .exercises a,
div.dialog-map a {
	background:#416b8c;
	color:#fff;
	width:65%;
	text-align:center;
	margin:.5em auto 0;
	padding:5px;
	text-transform:uppercase;
	border:1px solid #172949;
	font-size:.9em;
	display:block;
	text-decoration:none;
}
div#actions {
	width:720px;
	margin:0 auto;
	background:url(/images/bg-blu-bttm.jpg) left top no-repeat;
	color:#fff;
	padding:0 0 1em 0;
	position:relative;
}

div.actionItem {
	background:url(/images/top-arrow.gif) center top no-repeat;
	float:left;
	padding:20px 0 0;
	width:170px;
	margin:0 11px 0 29px;
	font-size:.8em;
	text-align:center;
	position:relative;
	display:inline;
}

div.midItem {
	width:200px;
}

.actionItem h3 {
	font-size:1em;
}

div.actionItem a,
div.actionItem a:link,
div.actionItem a:active,
div.actionItem a:visited,
div.actionItem a:hover,
div.actionItem a {
	position:relative;
	margin:0 0 1em;
	font-size:1.3em;
	display:block;
	height:80px;
	color:#fff !important;
	text-decoration:none;
}

.actionItem a span {
	position:absolute;
	bottom:0;
	float:left;
	width:120px;
}

#actionItem1 {
	background:url(/images/icon-video.gif) bottom left no-repeat;
	padding-left:60px;
	text-align:left;
	width:110px;
}

#actionItem2 {
	background:url(/images/icon-book-friend.gif) bottom left no-repeat;
	padding-left:97px;
	text-align:left;
	width:103px;
}

#actionItem3 {
	background:url(/images/icon-petition.gif) bottom left no-repeat;
	padding-left:67px;
	text-align:left;
	width:103px;
}

div.actionItem p {
	clear:left;
}

a.wellspaced {
	color:#8e1417;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:.1em;
	display:block;
}
div#footer {
	width:720px;
	text-align:center;
	margin:1em auto;
	font-size:.9em;
	z-index:120;
	position:relative;
	color:#6c6e73;
}
#footer #links {
	margin:0 auto;
	padding:0;
}
#footer #copyright {
	font-size:.9em;
	margin:2em auto;
	padding:0;
}
#excerpts #footer {
	width:860px;
}
div#footer a {
	color:#6c6e73;
	text-decoration:none;
	margin:0 .5em;
}
div#footer a:hover {
	color:#ccc;
}
div#headContent {
	background:#e8e8e8 url(/images/flickr-page-wht-bg.jpg) left bottom repeat-x;
	width:650px;
	margin:0 auto;
	padding:35px;
	position:relative;
	font-size:1.2em;
	line-height:1.2em;
}
#excerpts #headContent {
	width:790px;
}
div#headContent h3 {
	color:#70060b;
	font-size:1.4em;
	line-height:1em;
	margin:0;
}
div#headContent h2 {
	text-transform:uppercase;
	color:#172746;
	font-size:3.8em;
	line-height:1em;
	margin:0;
	padding:0;
}
div#headContent p {
	margin-bottom:0;
	padding:0 20px 0 0;
}
#bookFriends #headContent p {
	margin-bottom:0;
	padding:0 75px 0 0;
}
#headContent.excerpts h3, 
#headContent.excerpts h2,
#headContent.excerpts p {
	padding-left:324px;
}
#headContent.excerpts p {
	margin:0;
}
div#outerContent small {
	line-height:1em;
}
div#outerContent {
	width:652px;
	margin:0 auto;
	padding:34px;
	background:url(/images/bg-outercontent.gif) left top repeat-x #050815;
	color:#f7f3e4;
	line-height:1.3em;
	position:relative;
}
#excerpts #outerContent {
	width:792px;
}
div#outerContent h2 {
	color:#eaeaea;
	text-transform:uppercase;
	font-size:1.2em;
	margin:0 0 1em;
}
div#innerContent {
	background:#e9e0bb;
	color:#000;
	margin:0;
	padding:30px;
}
div#terms-of-use #innerContent ol li {
	margin:.5em 0 !important;
}

#fieldTest #innerContent {
	background:#0e182e;
	color:#fff;
	font-weight:normal;
	margin:0 100px 0 0;
	padding:0;
	border:1px solid #2e3f5c;
} 
#heroes #innerContent {
	background:#0e182e;
	color:#fff;
	font-weight:normal;
	margin:0 70px 0 0;
	padding:0;
	border:1px solid #2e3f5c;
} 
#heroes #innerContent #errors,
#heroes #innerContent #loginForm,
#heroes #innerContent #newAccountForm {
	padding:30px;
}
#heroes #innerContent p {
	padding:15px 30px;
}
#petition #innerContent {
	background:#0e182e;
	color:#fff;
	font-weight:normal;
	font-size:1.2em;
	line-height:1.6em;
	margin:0 100px 0 0;
	padding:30px;
}
#petition #innerContent h4 {
	margin-bottom:.5em;
}
#petition label {
	margin:0 0 .5em 0;
	font-size:15px;
	color:#eaeaea;
}
label {
	text-transform:uppercase;
}
div.breakOut {
	float:left;
	margin-right:30px;
	padding:23px;
	width:200px;
	background:#f5f2e6;
}
div.theRest {
	float:left;
	width:420px;
}
.breakOut {
	position:relative;
	z-index:103;
}
div#innerContent h4 {
	color:#172746;
	margin:0;
	padding:0;
	font-size:1.7em;
	line-height:1.4em;
}
#fieldTest #innerContent h4 {
	font-size:1.4em;
	line-height:1.4em;
	color:#fff;
	background:#610910;
	border-top:1px solid #0e182e;
	border-bottom:1px solid #0e182e;
	text-transform:uppercase;
	text-align:center;
	font-weight:normal;
	font-family:'times new roman', times, serif;
	letter-spacing:.1em;
	margin:12px 0 24px 0;
	padding:10px;
}
h4 small {
	display:block;
	font-size:.7em;
}
h4 small a {
	color:#fff !important;
}
#fieldTest #innerContent h4 span:before, 
#heroes #innerContent h4 span:before {
	content:url(/images/star.png);
	margin:5px;
}
#fieldTest #innerContent h4 span:after, 
#heroes #innerContent h4 span:after {
	content:url(/images/star.png);
	margin:5px;
}
#heroes #innerContent h3 {
	font-size:1.4em;
	line-height:1.4em;
	color:#fff;
	text-transform:uppercase;
	font-weight:normal;
	font-family:'times new roman', times, serif;
	letter-spacing:.1em;
	margin:0 0 .5em 0;
}
#heroes #innerContent h4 {
	font-size:1.4em;
	line-height:1.4em;
	color:#fff;
	background:#1f3352;
	border-top:1px solid #475361;
	border-bottom:1px solid #475361;
	text-transform:uppercase;
	text-align:center;
	font-weight:normal;
	font-family:'times new roman', times, serif;
	letter-spacing:.1em;
	margin:12px 0 24px 0;
	padding:10px;
}

#heroes #innerContent h4.alert {
	background:#960014;
}

#fieldTest #innerContent p {
	padding:0 30px 1em 30px;
	font-size:1em;
	line-height:2em;
}
#heroes #innerContent #badges {
	padding:0 20px 1em 20px;
	font-size:1em;
	line-height:2em;
}
.badgeWrap {
	float:left;
	text-align:center;
	font-size:10px;
	background:#060815;
	margin:2px 2px;
}
.badgeWrap a {
	color:#fff;
	display:block;
	text-decoration:none;
}
h4.hot {
	color:#70060b !important;
}
h4.hot a,
a.hot {
	background:#70060b !important;
	color:#fff !important;
	padding:0 3px;
	text-decoration:none;
}
h4.hot a:hover,
a.hot:hover {
	background:#a0060e !important;
	color:#fff !important;
	padding:0 3px;
	text-decoration:none;
}
h4.hot a.cancel,
h4.hot a.cancel:hover {
	background:none !important;
	color:#A0060E !important;
	font-size:.76em;
}
div#innerContent p {
	font-size:1.2em;
	line-height:1.4em;
	margin:0 0 1em 0;
	padding:0;
}
div#chapters {
	position:relative;
}
ul.chapters {
	list-style:none;
	margin:.5em 0;
	padding:0;
}
ul.chapters li {
	float:left;
	margin:0 7px 7px 0;
	padding:0;
	background:#e9e0bb;
	color:#fff;
	text-align:center;
	font-size:.86em;
	line-height:1em !important;
}
ul.chapters li a,
ul.chapters li a:visited,
ul.chapters li a:active {
	float:left;
	margin:0;
	padding:3px;
	background:#70060b;
	color:#fff;
	text-align:center;
	text-decoration:none;
}
ul.chapters li a:hover {
	background:#a0060e;
	color:#fff;
}
div#innerContent ul.chapters li span {
	float:left;
	padding:3px;
	margin:0;
	text-align:center;
	color:#777;
}
ul.excerpts {
	list-style:none;
	margin:.5em 0;
	padding:0;
	position:relative;
}
img#noExcerptsBanner {
	position:absolute;
	top:40%;
	left:0;
}
ul.excerpts li {
	float:left;
	width:27px;
	height:27px;
	margin:0 5px 5px 0;
	padding:0;
	background:#e9e0bb;
	color:#fff;
	text-align:center;
	font-size:.9em;
	line-height:1.8em;
	overflow:hidden;
}
ul.excerpts li a,
ul.excerpts li a:visited,
ul.excerpts li a:active {
	float:left;
	width:21px;
	height:21px;
	margin:0;
	padding:3px;
	background:#70060b;
	color:#fff;
	text-align:center;
	text-decoration:none;
}
ul.excerpts li a:hover {
	float:left;
	width:21px;
	height:21px;
	margin:0;
	padding:3px;
	background:#a0060e;
	color:#fff;
	text-align:center;
	text-decoration:none;
}
a.excerpt_rand, 
a.excerpt_rand:active, 
a.excerpt_rand:visited {
	width:181px !important;
	width:21px;
	height:21px;
	margin:0;
	padding:3px;
	font-size:.9em;
	line-height:1.8em;
	background:#70060b;
	color:#fff;
	text-align:center;
	text-decoration:none;
}
li.excerpt_rand a {
	width:184px !important;
}
li.excerpt_rand {
	clear:both !important;
}
img.flickrThumb {
	float:left;
	margin:0 15px 15px 0;
	border: 12px solid #fff;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

img.flickrViewAll {
	display: inline;
	float:right;
	position:relative;
	z-index:120;
	margin-right:105px;
}
p.metaDetails {
	color:#000;
	padding:0;
	margin:0;
}
.credit {
	color:#7f7a66;
}
.credit a {
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
.credit a:hover {
	font-weight:bold;
}
.note {
	background:url(/images/star.png) no-repeat top left #70060b;
	padding-left:15px;
	font-size:12px;
	line-height:1.2em;
	clear:both;
}
#excerpts #innerContent em {
	background:#f5f2e6;
	color:#172746;
	font-family:arial, helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	padding:3px;
}

#innerContent em {
	font-family:"Times New Roman", times;
	font-size:1.1em;
}

#tellafriendWindow {
	width:720px;
	text-align:left;
	margin:0 142px 0 0;
	z-index:9999;
	position:absolute;
	bottom:0;
}
#tellfriendContainer {
	background:transparent url(/images/blue-bg.png) left top;
	margin:0 auto;
	text-align:left;
	color:#fff;
	width:396px;
	top:0;
	left:0;
	position:relative;
}
#tellfriendContainer fieldset {
	padding:20px;
}
#tellfriendContainer h4 {
	font-size:1.4em;
	line-height:1.4em;
	color:#fff;
	background:#610910;
	border-top:1px solid #0e182e;
	border-bottom:1px solid #0e182e;
	text-transform:uppercase;
	text-align:center;
	font-weight:normal;
	font-family:'times new roman', times, serif;
	letter-spacing:.1em;
	margin:12px 0 24px 0;
	padding:10px;
}

.disclaimFriend {
	color:#6691c6;
	margin:1em 0;
}
#tellfriendContainer .cancelBttn a {
	color:#6691c6 !important;
}

#tellfriendContainer input.styled, #tellfriendContainer textarea {
	width: 96%;
}

* html #tellfriendContainer {
	background: #172a4a;
	left:-300px;
	}

fieldset {
	border:none;
}

.title {
	text-align:center;
}

.row {
	clear:both;
	padding:3px 0;
}

.half {
	width:47%;
	float:left;
	margin-right:1%;
}

.center {
	margin:0 auto;
	text-align:center;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#EP-overlay {
	background: url('/images/overlay.png') repeat left top; /* need image for silly ff opacity bug with flash */
	width: 100%;
	height: 100%; /* width/height will be overriden by the js */
	z-index: 9000;
	}
	
* html #EP-overlay {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/overlay.png', sizingMethod='scale');
	background: none;
	}

.dialog-open img {
	border: none;
	}
	
.dialog {
	background: #fff;
	z-index: 9900;
	width: 500px; /* default, can be overriden per dialog, as shown below */
	}
	
div.dialog-map {
	width: 550px;
	background: #70060b;
	padding: 20px;
	}

ul.errors,
ul.successes {
	list-style:none;
	padding:5px;
	border:1px solid;
	margin:1em;
	color:#333;
	font-weight:bold;
}
ul.errors li,
ul.successes li {
	margin:0;
	padding:0;
}

ul.errors {
	background:#960014;
	border-color:#333;
	color:#fff;
}
ul.successes {
	background:#fffce1;
	border-color:#e2da04;
}
div#assigned {
	margin:2em 0;
}
div.redBlock,
div.bluBlock,
div.ltbluBlock {
	float:left;
	color:#fff;
	background:#70060b;
	padding:5px 10px;
	white-space:nowrap;
	font-size:1.1em;
	margin:0 3px 3px 0;
}
div.countDown {
	margin:0 0 2em;
}
div#assignedExcerpt {
	padding:20px;
	background:#cdc5a5;
	border:1px solid #9c967d;
}
div#assignedExcerpt h4.hot {
	margin-top:0;
}

div.bluBlock {
	clear:left;
	background:#172847;
}
div.ltbluBlock {
	background:#416b8c;
}
div.bluBlock a,
div.ltbluBlock a {
	color:#fff !important;
	text-decoration:none;
}

/* for the uploader */
#lightbox{display:none;}
#overlay{display:none;}

#xfile {font: 12px Arial; border: 1px solid #636363; margin-top: 5px; width: 265px;text-align: center;}
.myForm {font: 12px Arial; border: 1px solid #636363; margin-top: 1px;}

.bar1 {border: 1px solid #a3a3a3; background-color: #f6f6f6; text-align: left; vertical-align: middle; height: 20px; width: 100%;}
.bar2 {width: 1%; background-color: #c9c9c9; height: 20px; text-align: left;}
.message {width: 400px; height: 1px; border: 1px solid #909090; font: 11px Arial; margin-top: 5px; text-align: left; padding-left: 3px; background-color: #f9f9f9;}
.myLink  {font: bold 13px Arial; color: #303030; text-decoration: none;}
.btn     {font: 12px Arial; border: 1px solid #a3a3a3; background-color: #e9e9e9; margin-top: 3px; margin-bottom: 5px;}
.bar_table {width: 100px; background-color: #707070;}
.bar_table TR TD {border: none;}
.sbar {background-color: #e9e9e9; height: 60px;}
#settings {font: 12px Arial;padding:0px;}

.pie {  display: block;
  float: left;
  margin: 0 3px 0 0;
  padding: 0;
  width: 30px;
  height: 30px;
  background-image: url('slices2.gif');
  text-align: center;
}