/*Tells the body to at least 800px tall but if necessary taller, always 800px across. Margins force it to be centered on x-axis.*/

BODY{
	width: 800px;
	min-height: 800px;
	height: auto;
	margin: 0px auto 0px auto;
	padding: 0px;
	background-image: url(images/background.jpg);
	background-repeat: repeat;
}


/*Creates a place for the banner with the banner as the picture*/

#banner{
	width: 800px;
	height: 100px;
	margin: 0px;
	padding: 0px;
	background-image: url(images/banner.png);
}

/*Creates a middle section that is at least 680px tall but can be taller.  The background is completely gray. */

#main{
	width: 800px;
	min-height: 680px;
	height: auto;
	margin: 0px;
	padding: 0px;
	background-image: url(images/bgmiddle.png);
	background-repeat: repeat-y;
}


#footer{
	width: 800px;
	height: 5px;
	background-image: url(images/bgbottom.png);
	margin: 0px;
	padding: 0px;
}

.content{
	padding: 10px;

}

.row{
	width: 600px;
	height: 17px;
}

.rname{
	width: 150px;
	height: 16px;
	float: left;
}

.rnum{
	width: 50px;
	height: 16px;
	float: left;
}

#upperright{
	width: 40px;
	height: 16px;
	float:right;
}

a:link{
	background-image: url(images/gradient.jpg);
	background-repeat: repeat-x;
	color: #FFFFFF;
	text-decoration: none;
	font-family: perpetua;
}

a:visited{
	background-image: url(images/gradient.jpg);
	background-repeat: repeat-x;
	color: #FFFFFF;
	text-decoration: none;
	font-family: perpetua;
}