/* ======= THE BIG BOYS ======= */

html,body	{margin:0;padding:0;}

body	{
		font: 76% arial,sans-serif;
		text-align:center;		
		}

A 			{ color: #CC6633; text-decoration: none; } 
A:link		{ color: #CC6633; text-decoration: none; } 
A:visited	{ color: #CC6633; text-decoration: none; } 
A:hover		{ color: #800000; text-decoration: underline;  } 
A:active	{ color: #800000; text-decoration: none; } 

#topline 	{
		font-size:1px;   /* IE6 Line Height fix */
		line-height:1.2; /* IE6 Line Height fix */
		width:100%;
		height:8px;
		background:#666;
		}

#container	{
		text-align:left;
		width:1020px;
		margin:0 auto;
		}

#header 	{
		height:205px;
		line-height:80px;
		margin:0;
		padding-left:5px;
		background:#fff url('title5.gif') no-repeat top left;
		}

#header .strapline	{
		font-family:arial, sans-serif;
		font-size:24px;
		color:#4f4999;
		background:transparent;
		float:right;
		margin-right:15px;
		margin-top:120px;
		}

#wrapper	{
	float:left; 
	width:100%;
    }

#bannerbox	{
		float: left; 
		width: 100%;
		margin-left:auto;
		margin-right:auto; 
		margin-top: -10px;
		margin-bottom: 0px; 
		padding: 12px 5px 5px 5px; 
		background: #fff;
		text-align: center;
		}

#bannerbox img	{padding: 0px 5px 0px 5px;}

#content	{
		margin: 0 275px 0 190px;
		padding:0 30px 0 20px;
		}

#navigation	{
		background:#fff;
		width:190px;
		float:left;
		margin-left:-1020px;
		border:none;
		}

#navigation img {
		margin:6px 0 6px 0;
		}

#navigation a, #navigation a:link { 
		font-family: verdana, sans-serif;
		font-size: 11px;
		line-height:16px;
		margin: 0px 0px 0px 10px;
		}
		
#navigation a:hover {
		text-decoration: none;
		}

#navigation p	{ 
		line-height:16px;
		margin: 0px 0px 0px 10px;
		}

.navigation-header {
		border-top:1px solid #eee;
		border-right:1px solid #bbb;
		border-bottom:1px solid #bbb;
		border-left:1px solid #eee;
		width:100%;
		height:50px;
		background: #fff url('messing-small.png') repeat-x top left;
		margin:0 0 6px 0;
		}

.navigation-header p 	{
		padding:10px 0 0 0;
		text-transform:uppercase;
		font-weight:bold;
		font-family: arial,sans-serif;
		text-align:left;
		color: #666;
		font-size:14px;
		letter-spacing:1px;
		}

#extra		{
		background:#fff;
		float:left;
		width:275px;
		margin-left:-275px;
		}

#footer		{
		clear:left;
		width:100%;
		margin:25px 0 10px 0;
		background: #ceccec;
		color: #000;
		border:1px dashed #555;
		}
		
#footer-ads		{
		margin:15px 0 0 0;
		background: #fff;
		color: #777;
		clear:left;
		width:100%;
		text-align:center;
		line-height:12px;
		font: .8em arial #555;
		}		

/* ====== THE SMALLER DIVs ====== */

.spreadsheet	{
		border: 2px solid #4f4999; /* #cc3366 */;
		width:75%;
		padding: 8px 8px 8px 27px;
		background: #f7f7f7 url('excelicon.gif') no-repeat 5px 8px;
		}

.spreadsheet .item	{
		border-bottom:1px solid #ccc;
		margin-bottom:8px;
		padding-bottom:4px;
		font-family: arial, sans-serif;
		font-weight:bold;
		font-size:14px;
		}

.spreadsheet-descrip	{
		margin: -10px 50px 45px 30px;
		}

.review		{
		width: 90%;
		font: arial, verdana, sans-serif;
		color: #000;
		padding: 0px 10px 5px 10px;
		border-top: 2px solid red;
		border-bottom: 2px solid red;
		background: #ebebff;
		}

.interview		{
		width: 90%;
		font: arial, verdana, sans-serif;
		color: #000;
		margin:30px 0px 30px 0px;
		padding: 0px 10px 5px 10px;
		border-top: 2px solid #4f4999;
		border-bottom: 2px solid #4f4999;
		background: #ffffe5;
		}

.screenbox	{
		width: 70%;
		background: #ffffe5 url('blueback1.png') no-repeat top left;
		border: 1px solid #000080;

		}

.screenbox-label{
		padding: 5px 5px 25px 5px;
		font-family: impact, "arial black", sans-serif;
		font-size: 20px;
		color: #000080;
		text-align: left;
		}

.screenbox-body	{
		padding: 0px 10px 10px 15px;
		font-family: arial, verdana, sans-serif;
		font-size: 12px;
		color: #555;
		line-height: 16px;
		text-align: left;
		}

.question	{
		margin: 40px 0 15px 0;
		background: #fff url('q.png') no-repeat top left;
		padding: 0px 0px 0px 40px;
		font-family: arial, verdana, sans-serif;
		color: #4f4999;
		font-size: 12px;
		letter-spacing: 1px;
		font-weight: bold;
		line-height:16px;
		}

.quotebox	{
		width: 80%;
		background: #f5f3ff url('quoteback.gif') no-repeat top left;
		border-top: 1px solid #666;
		border-left: 1px solid #666;
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		font-family: verdana, arial;
		font-size: 10px;
		color: #333;
		line-height: 16px;
		padding: 10px;
		text-align: justify;
		}

.related-top	{
		width: 95%;
		height: 30px;
		border-top: 1px solid #808000;
		border-right: 1px solid #808000;
		border-left: 1px solid #808000;
		background: #ffffe5 url('related.png') no-repeat top left;
		margin: 70px 0px 0px 0px;
		padding-right: 10px;
		}

.related-body	{
		width: 95%;
		border-bottom: 1px solid #808000;
		border-right: 1px solid #808000;
		border-left: 1px solid #808000;
		margin: 0px 0px 70px 0px;
		background: #ffffe5;
		font-family: verdana, arial;
		font-size: 11px;
		color: #555;
		line-height: 16px;
		padding: 5px 0px 10px 10px;
		}

.updates-box-top 	{
		width:100%;
		height:34px;
		background: #ffffff url('updates-box-top.png') no-repeat top center;
		margin: 0px;
		clear:both;
		}

.updates-box-mid 	{
		width:100%;
		background: #ffffff url('updates-box-mid.png') repeat-y top center;
		margin: 0px;
		clear:both;
		}

.updates-box-bottom	{
		width:100%;
		height:15px;
		background: #ffffff url('updates-box-bottom.png') no-repeat top center;
		margin: 0px;
		clear:both;
		}

.textbox	{
		width:70%;
		margin:20px 0px 20px 0px;
		background:#fff;
		border: 1px solid #000;
		}

.textbox-label	{
		border-bottom: 1px solid #000;
		font-family: arial, sans-serif;
		color:#fff;
		font-size: 14px;
		line-height:2em;
		font-weight: bold;
		background:#f7f7f7 url('boxback.png') no-repeat top left;
		text-align: center;
		}

.textbox-body	{
		background:#f6f6f6;
		padding: 15px 10px 10px 15px;
		font-family: arial, sans-serif;
		color: #444;
		font-size: 11px;
		text-align: justify;
		}

.textbox2-top	{
		width: 245px;
		margin: 20px 0px 0px 0px;
		background:#fff url('textbox2-1.png') no-repeat top left;
		}

.textbox2-label	{
		width: 245px;
		background:#fff url('textbox2-2.png') repeat-y top left;
		text-align: center;
		margin:0; padding:0;
		}

.textbox2-mid	{
		width: 245px;
		background:#fff url('textbox2-3.png') no-repeat top left;
		}

.textbox2-body	{
		width: 245px;
		background:#fff url('textbox2-4.png') repeat-y top left;
		}

.textbox2-btm	{
		width: 245px;
		height: 40px;
		background:#fff url('textbox2-5.png') no-repeat top left;
		}

.headerbox	{
		border: 1px solid #000;
		font-family: arial, sans-serif;
		color:#000;
		font-size: 14px;
		line-height:1.2em;
		font-weight: bold;
		background:#f7f7f7 url('blueback2.png') repeat-x top left;
		font-family: arial; sans-serif;
		text-align: center;
		padding: 5px;
		}

.reading-box-top 	{
		width:100%;
		height:50px;
		background: #ffffff url('reading-box-top.png') no-repeat top center;
		margin: 0px;
		clear:both;
		}

.reading-box-mid 	{
		width:100%;
		background: #ffffff url('reading-box-mid.png') repeat-y top center;
		margin: 0px;
		clear:both;
		}

.reading-box-bottom	{
		width:100%;
		height:31px;
		background: #ffffff url('reading-box-bottom.png') no-repeat top center;
		margin: 0px;
		clear:both;
		}

.ads-box-top 	{
		width:100%;
		height:61px;
		background: #ffffff url('ads-box-top.png') no-repeat top center;
		margin: 0px;
		clear:both;
		}

.ads-box-mid 	{
		width:100%;
		background: #ffffff url('ads-box-mid.png') repeat-y top center;
		margin: 0px;
		clear:both;
		font-size: 10px;
		color: #666;
		text-align: center;
		}

.ads-box-bottom	{
		width:100%;
		height:53px;
		background: #ffffff url('ads-box-bottom.png') no-repeat top center;
		margin: 0px;
		clear:both;
		}

.partners-box-top 	{
		width:100%;
		height:43px;
		background: #ffffff url('partners-box-top.png') no-repeat top center;
		margin: 0px;
		clear:both;
		}

.partners-box-mid 	{
		width:100%;
		background: #ffffff url('partners-box-mid.png') repeat-y top center;
		margin: 0px;
		clear:both;
		font-size: 10px;
		color: #666;
		text-align: center;
		}

.partners-box-bottom	{
		width:100%;
		height:16px;
		background: #ffffff url('partners-box-bottom.png') no-repeat top center;
		margin: 0px;
		clear:both;
		}

.talkbubble-top	{
	height:20px;
	background:#fff url('talkbubble-01.png') no-repeat top left;
	/* bgcolor=#c0c0ff */
	}

.talkbubble-mid	{
	background:#fff url('talkbubble-02.png') repeat-y top left;
	padding:0 15px 0 15px;
	font-family:'times new roman', serif;
	color:#000;
	font-size:1em;
	font-style:italic;
	text-align:left;
	}

.talkbubble-author	{
	background:#fff url('talkbubble-02.png') repeat-y top left;
	padding:0 30px 0 0;
	font-family:'times new roman', serif;
	color:#000;
	font-size:1.1em;
	text-align:right;
	}

.talkbubble-bottom	{
	height:55px;
	background:#fff url('talkbubble-03.png') no-repeat top left;
	}
	
.bookreview-link 	{
	width:65%;
	background:#ffffe5;
	padding:6px 15px 6px 15px;
	margin:auto;
	color:#444;
	border:1px solid #666;
	text-align:center;
	}

.update	{
		height:20px;
		background: #fff url('add.gif') no-repeat top left;
		padding: 4px 0 0 30px;
		margin: 0px;
		clear:both;
		font-weight:bold;
		font-size:14px;
		font-family:arial, sans-serif; 
		}

/* "booklist" class found on Reading List page */
	
.booklist-wrap	{	
	float:left; width:95%; margin-top:20px;
	}

.booklist-image	{
	float:left;
	width:115px;
	}
	
.booklist-item	{
	float:left; margin-top:8px;
	}
	
.booklist-title	{
	font-family: arial, sans-serif; 
	font-size: 16px;
	font-style:italic; 
	color: #000000; 
	font-weight:bold; 
	letter-spacing:.1em; 
	padding:3px; 
	line-height:18px;
	background:#eee;
	}


/* ======= TYPOGRAPHY ======= */

ul, ol 	{margin: 0 0 0 25px; color:#444;}

ul li	{
	list-style: square url('list-image.gif');
	margin-bottom: 1em;
	color:#444;
	}

ol li	{
	padding: 3px 0;
	color:#444;
	}

h1,h2,h3,h4,h5,h6	
	{
	letter-spacing: 1px;
	font-family: arial, verdana, sans-serif;
	color:#000;
	}

h1	{font-size: 126%;}
h2 	{font-size: 106%;}
h3 	{font-size: 92%;}
h4 	{font-size: 100%;}
h5 	{font-size: 100%;}
h6 	{font-size: 100%;}

h1 	{
	border-bottom: 1px solid #bbb;
	margin: 3em 0 .3em;
	padding-bottom: .1em;
	}

h1.title 	{
	font-family: arial, sans-serif; 
	font-size: 14px; 
	color: #615b5b; 
	text-transform:uppercase; 
	font-weight:bold; 
	letter-spacing:.1em; 
	padding:1px;
	border:none;
	text-align:center;
	}

h2	{
	background: #fff url('billet2.gif') no-repeat top left; /* blue billet */
	padding-left:25px;
	color:#444;
	margin: 3em 0 .5em 0;
	}
	
h2 .green 	{
	background: #fff url('billet3.gif') no-repeat top left; /* green billet */
	padding-left:25px;
	color:#444;
	margin: 3em 0 .5em 0;
	}	

h3 		{
		font-size:110%;
		color:#36387a;
		background: #fff url('oddy3.png') no-repeat right bottom;
		padding: 0 20px 0 6px;
		margin: 45px 0 -10px 0;
		border-bottom:1px solid #4040ff;
		border-left:1px solid #4040ff;
		}

.citation	{
	font-size:85%;
	font-family: verdana, arial, sans-serif;
	color:#aaa;
	}
	
.highlight {
	padding:2px;
	background:#c0c0ff; 
	color:#000;
	}
	
.highlight-yellow {
	padding:2px;
	background:yellow; 
	color:#000;
	}
	
.breadcrumb p {
	padding: 4px;
	color: #000000;
	background:#f5f5f5;
	border:1px solid #000;
	}
	
.blueheading	{ 
	font-size: 18pt; 
	font-weight:bold; 
	color: #3366ff; 
	font-family: 'courier new', sans-serif; 
	float:right; 
	letter-spacing:2px;
	}
	
.download	{
	padding:5px 20px 5px 20px;
	border:1px solid #000;
	background:yellow;
	font-size:110%;
	font-weight:bold;
	text-transform:uppercase;
	}

font.author { font-family: verdana, sans-serif; font-size: 10px; color: #336699; line-height:16px; text-transform:uppercase;}

font.bookinfo { font-family: verdana, arial; font-size:12px; color:#444; line-height:16px; }

font.code { font-family: verdana, arial, sans-serif; font-size: 13px; color: blue; text-transform: uppercase;}

font.date { font-family: georgia, sans-serif; font-size: 12px; color: #336699; line-height:16px;}

font.descrip { font-family: verdana, sans-serif; font-size: 12px; color: #100789; text-transform:uppercase; font-weight:bold; letter-spacing:.2em; padding:5px;}

font.heading { font-family: arial, sans-serif; font-size: 12px; color: #615b5b; font-weight:bold; letter-spacing:.1em; padding:1px;}

font.heading2 { font-family: arial, sans-serif; font-size: 16px; color: #000000; font-weight:bold; letter-spacing:.2em; padding:3px; line-height:18px;}

font.links { font-family: verdana, arial; font-size:10px; color:#666666; line-height:12px; }

font.list { font-family: arial, sans-serif; font-size: 10px; color: #000000; text-transform:uppercase; font-weight:bold;}

font.new { padding:2px; font-family: verdana, sans-serif; font-size: 11px; color: #0000ff; line-height:16px; font-weight:bold;}

font.rating { font-family: arial, sans-serif; font-size: 14px; color: #615b5b; text-transform:uppercase; font-weight:bold; letter-spacing:.1em; padding:1px;}

font.subdued {color:#999}

font.subhead3{ font-family: verdana, sans-serif; font-size: 12px; color: #333333; font-weight:bold; padding:8px; letter-spacing:.1em}

font.time { font-family: verdana, sans-serif; font-size: 10px; color: #336699; line-height:16px; text-transform:uppercase;}

#content p	{ 
		font-family: arial; 
		font-size:12px; 
		color:#666666; 
		line-height:18px; 
		text-align:justify; }
		}

#content img	{
		margin: 10px;
		}

#footer p	{
		margin: 0;
		padding:5px 10px;
		text-align:center;
		font-family:serif;
		font-size:95%;
		letter-spacing:1px;
		color:#555;
		}

.babysteps	{
		margin-top: 40px;
		background:#eeeedd;
		padding: 5px 5px 5px 10px;
		border-bottom: 1px solid #ddddcc;
		border-right: 1px solid #ddddcc;
		font-family: arial, verdana, sans-serif;
		color: #4f4999; /* Was #707111 */
		font-size: 12px;
		letter-spacing: 1px;
		font-weight: bold;
		line-height:16px;
		}

.ads-box-mid p	{
		margin:0 0 0 0;
		font-family:arial,verdana,sans-serif;
		text-align:center;
		}


.updates-box-mid p	{
		margin: 0 0 0 0;
		padding-top: 10px;
		font-family: serif;
		font-size: 11px;
		width: 410px;
		}

.textbox2-label p	{
		padding: 7px 10px 7px 35px;
		font-family: arial, sans-serif;
		color:#4f4999;
		font-size: 14px;
		line-height:1.2em;
		font-weight: bold;
		margin:0;
		}

.textbox2-body p	{
		margin:0;
		padding: 10px 10px 0px 10px;
		font-family: arial, sans-serif;
		color: #444;
		font-size: 11px;
		text-align: left;
		}
		
.step-item  {
  padding:12px 0 5px 36px;
  margin:50px 0 0 0;
  background:#fff url('checkmark.gif') no-repeat 0px 0px;
  color:#444;
  font-weight:bold;
  font-size:1.1em;
  border-bottom:2px solid #9c99d0;
  }