html
{
     scrollbar-face-color: #ffffff; 
	scrollbar-shadow-color: #000000; 
	scrollbar-highlight-color: #000000; 
	scrollbar-3dlight-color: #ffff00; 
	scrollbar-darkshadow-color: #000000;  
	scrollbar-arrow-color: #000000;
        scrollbar-track-color: #999999;
}

#supportingText
{
	background: #fff;

    overflow: auto;
    margin: 0 auto auto 26px;
    padding: 20px;
    width: 404px;
    height: 322px;
}
#explanation  
{
    color:#000000;
font-weight:italic;
text-align:left;
    width: 382px;
    }
#supportingText1
{
	background: #ffffff;

    overflow: auto;
    margin: 0 auto auto 26px;
    padding: 10px 10px 10px 10px;
    width: 384px;
    height: 222px;
}
#explanation1  
{
    color:#000000;
font-weight:italic;
text-align:left;
    width: 352px;
}

a:link, a:visited{
	color: #DD0033;
	text-decoration: none;
}

a:hover, a:active{
	color: #AA0033;
	text-decoration: underline;
}

body{
	background: #999999 url(body-bg.gif) repeat;
	text-align: center;
}

h1, h2, h3, h4{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	letter-spacing: -1px;
}

label{
	display: block;
}

#banner, #content, #contentside, #contentclose, #navigation, #footer{
	clear: both;
	float: left;
	width: 100%;
	border-bottom: #666666 3px solid;
	
}

	
	#banner h1{
		background: #fff url(hit.jpg) no-repeat right top;
		color: #666666;
		font-size: 270%;
		padding: 15px 20px 10px 20px;
	}

	#banner p{
		background: url(content-tagline-bg.gif) #CCCCCC repeat-y bottom;
		color: #666666;
		padding: 5px 20px;
	}

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

#content{
	background: url(content-side-bg.gif) #FFFFFF repeat-y top;
}

	#content .submitbutton{
		margin: 10px 0 20px 0;
		padding: 3px;
	}
	
	#content label{
		color: #333333;
		padding: 0 0 3px 3px;
	}
	
	#content .main{
		float: left;
		width: 630px;
	}
	
		#content .main h2{
			padding: 0 0 0 35px;
			font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 145%;
	letter-spacing: -1px;
		}
	
		#content .main ul{
			padding: 0 0 0 35px;
		}
	
	#content .side{
		background: transparent url(side-bg-top.gif) no-repeat top left;
		padding: 20px 2px 2px 2px;
		float: left;
		width: 320px;
		border: 1px solid #000;
	}

		#content .side fieldset{
			border: none;
			margin: 0 30px 0 10px;
			padding: 5px 10px;
		}

		#content .side fieldset .textfield{
			padding: 3px;
			width: 90%;
		}

		#content .side p{
			color: #666666;
			margin: 0 30px 0 20px;
		}

		#content .side ul{
			list-style: none;
			padding: 0 25px 0 10px;
		}

		#content .side ul li{
			background: transparent url(side-menu-bg.gif) no-repeat top left;
			clear: both;
			color: #666666;
			padding: 6px 10px 3px 10px;
		}
		
		#content .side ul li span{
			float: right;
		}

	#content blockquote{
		border-left: 3px solid #fff;
		margin: 0 20px 10px 20px;
	}
	
	#content blockquote p{
		margin: 0;
		padding: 5px 0 5px 30px;
		border-left: 3px solid #fff;
		font-size: 10px;
                                 font-family: courier;
	}

	


	#content h2{
		font-size: 235%;
		padding: 10px 20px 5px 20px;
	}

	#content h3{
		color: #666666;
		font-size: 150%;
		padding: 0 20px 0 20px;
	}

		#content h3.break{
			background: url(side-break-bg.gif) no-repeat top left;
			padding: 30px 20px 0 20px;
		}
	
	#content h4{
		color: #666666;
		font-size: 125%;
		padding: 10px 20px 0 20px;
	}
	
	#content p{
		margin: 0 20px;
		padding: 0 0 10px 0;
	}

		#content p.postinfo{
			background: url(thebook.gif) no-repeat 1% 50%;
			border-top: 1px solid #EEEEEE;
			color: #999999;
			font-size: 85%;
			margin: 0 15px 10px 15px;
			padding: 5px 0 5px 33px;
		}
	
	#content div.postnav{
		border-top: 3px solid #CCCCCC;
		margin: 20px 15px 0 15px;
		padding: 5px 10px 25px 10px;
		font-weight: bold;
	}
	
		#content div.postnav .alignright{
			float: right;
		}
	
	#content div.bookarchive{
		padding: 20px 0 0 0;
	}
	
		#content div.bookarchive p{
			font-style: italic;
			color: #666666;
			padding: 0;
		}
	
	#content div.makecomment{
		border-top: 3px solid #336699;
		background-color: #F6F6F6;
		margin: 20px 15px 0 15px;
		padding: 10px 0 0 0;
	}
	
	#content ol.commentlist{
		margin: 0 40px;
	}
	
		#content ol.commentlist p.commentmetadata{
			font-size: 85%;
			margin: 0;
			padding: 0 0 5px 0;
		}
	
	#contentclose{
		background: transparent url(content-bottom.gif) no-repeat bottom;
		padding: 0 0 10px 0;
	}

#copyjunk{
	clear: both;
	color: #555555;
	font-size: 85%;
	padding: 0 120px 30px 120px;
	text-align: center;
}

	#copyjunk a:link, #copyjunk a:visited{
		color: #444444;
		text-decoration: none;
	}

	#copyjunk a:hover, #copyjunk a:active{
		color: #333333;
		text-decoration: underline;
	}

	#copyjunk div{
		background: url(tab-left.gif) #808080 no-repeat bottom left;
	}

	#copyjunk p{
		background: transparent url(tab-right.gif) no-repeat bottom right;
		padding: 5px 5px 7px 5px;
	}

#featureimg{
	padding: 0 10px;
}

	#featureimg img{
		background: url(greatbook.gif) no-repeat top;
	}

#footer{
	background: url(content-footer-bg.gif) #666666 no-repeat bottom;
	color: #CCCCCC;
}

	#footer .main{
		float: left;
		width: 530px;
	}
	
	#footer .side{
		float: left;
		width: 430px;
	}
	
	#footer a:link, #footer a:visited{
		color: #E4B6B6;
		text-decoration: none;
	}

	#footer a:hover, #footer a:active{
		color: #FFCCCC;
		text-decoration: underline;
	}

	#footer h4{
		font-size: 150%;
		padding: 15px 20px 5px 20px;
	}

		#footer h4 em{
			background: url(thefeed.gif) no-repeat left;
			color: #CCCCCC;
			margin: 0 0 0 5px;
			padding: 0 0 0 20px;
		}
	
	#footer p{
		margin: 0 20px;
		padding: 0 0 10px 0;
	}

	#footer ul{
		color: #999999;
		font-weight: bold;
		padding: 0 0 20px 35px;
	}

/* NAVIGATION TABS AND WHAT NOT */

#home #navigation .homenav a{
	background: url(tab-highlight-left.gif) #666666 left top no-repeat;
}

	#home #navigation .homenav a span{
		background: url(tab-highlight-right.gif) right top no-repeat;
	}

#navigation{
	margin: 20px 0 0 0;
}

	#navigation a {
		background: url(tab-left.gif) #808080 left top no-repeat;
		color: #EEEEEE;
		text-decoration: none;
		display: block;
		float: left;
	}

		#navigation a span {
			background: url(tab-right.gif) right top no-repeat;
			padding: 3px 17px 2px 15px;
			cursor: hand;
			cursor: pointer;
			display: block;
			float: left;
		}

	#navigation a:hover {
		background: url(tab-highlight-left.gif) #666666 left top no-repeat;
		color: #FFFFFF;
	}

		#navigation a:hover span {
			background: url(tab-highlight-right.gif) right top no-repeat;
		}

	#navigation li {
		float: left;
		list-style: none;
		font-weight: bold;
		margin: 0 0 0 5px;
	}

		#navigation li.ninerules{
			float: right;
		}

			#navigation li.ninerules a{
				background: url(tab-left-nine.gif) #808080 left top no-repeat;
			}

				#navigation li.ninerules a span{
					padding: 3px 17px 2px 32px;
				}

				#navigation li.ninerules a:hover{
					background: url(tab-highlight-left-nine.gif) #666666 left top no-repeat;
				}
		
		#navigation li.nineinfo{
			float: right;
		}

	#navigation ul{
		padding: 0 15px 0 10px;
	}

/* RESETTING ALL PADDING MARGINS BORDERS AND ALL THAT NONSENSE */

body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

cite,address,dfn,var {
	font-style: normal;
}

img{
	border: 0;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}

/* SETTING BASE FONT SIZE WITH SOME HACKITY HACKS INVOLVED :( */

/*
 * 84.5% for !IE, keywords for IE
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE < 6 and IE6 quirks mode.
 * 
 */
body {font:84.5% arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/*
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/*
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/*
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.5em;}