/*
Problems:
	-The width of .topNav and .mainWrap don't line up on the right side. I fudged it in 1024x768 with a .mainWrap width of 97.1%, but it doesn't work at other window sizes.

Notes:
	-Width: .sidebar and width: .content must add up to width: .mainWrap.
*/

body{
	background-color: #D2D2B4;
	font: 76%/150% Verdana, "Lucida Sans Unicode", Arial;
	font-size: .9em;
/*	width: 750px;
	margin: auto;*/
	width: 95%;
	margin: auto;
}

.header{
	text-align: center;
}

.topNav table{
	margin: 0;
	padding: 0;
	margin-bottom: -4px;
}
.topNav a, .topNav a:visited{
	text-decoration: none;
}
.topNav .spacing{
	border-bottom: 6px solid #000000;
}
.topNav .tabOn{
	background-color: #ffffff;
	border-top: 2px solid #000000;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	margin: 0; text-align: center;
}
.topNav .tabOff{
	background-color: #CCCCCC;
	border-bottom: 6px solid #000000;
	border-top: 2px solid #000000;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	margin: 0;
	text-align: center;
}

.mainWrap{
	background-color: #FFFFFF;
		/*border-top is not here because it is the border-bottom in .topNav ul*/
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
/*	width: 722px;*/		/*The side borders take up 4 pixels, and the side paddings take up 32 pixels.*/
	width: 97.1%;		/*To match up the width with the .topNav width.*/
}

.sidebarleft{
	float: left;
	width: 170px;
}
.sidebarright{
	float: right;
	width: 170px;
}

.tool{
	padding-left: 10%;
}
.content{
	float: left;
	width: 95%;				/*With .sidebar for AdSense, was 75%.*/		/*For fixed width, width .sidebar and width .content must add up to width .mainWrap, minus 1.*/
	padding-left: 2%;		/*Shoudn't be present if there is a sidebar.*/
	text-align: justify;		/*Make text stretch out to form "boxes".*/
	font-size: .8em;
}
.content table{
	border-collapse: collapse;	/*This it to get rid of the space in between cell borders. Very important.*/
	border-spacing: 0;			/*border-spacing is a CSS2 attribute, which is not supported by all browers.*/
}
.content table th{
	text-align: center;
	border: 1px solid #000000;
	font-size: .9em;		/*This seems to be cumulative with body and .content.*/
	background-color: #FFB900;
}
.trstyle_odd{
	background-color: #D2D2B4;
}
.trstyle_even{
	background-color: #F4F5F0;
}
.content table td{
	border: 1px solid #000000;
	font-size: .9em;		/*This seems to be cumulative with body and .content. Though, if the style is specified within the td tag (like for the Real PageRank? column), then it is not cumulative.*/
	text-align: center;
}
.content .barTable td{
	border: 0;
}

.footer, .clearer{
	clear: both;
}
.footer{
	text-align: center;
	font-size: .6em;
}
.footer a, .footer a:visited{
	color: #000000;
}

/*----------Basic tag formatting below.----------*/

img{
	border: 0;
}
a{
}
a:hover, a:visited{
	color: #577BAF;
}
h1, h2{
	border-bottom: 2px solid #FFBB00;
	background: url(/images/orb.gif) top left no-repeat;		/*A 20x20 image.*/
	padding-left: 32px;		/*To clear the background image on the left.*/
}
h1{
	font-size: 1.2em;
}
h2{
	font-size: 1em;
}
ul{
	list-style-type: square;
}