@charset "UTF-8";
/* CSS Document */


/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
	width: 98%;
	max-width: 750px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
	min-width: 750px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
	text-align:center;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
	font-size: 24px;
	letter-spacing:1px;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	height:36px
}

/* ~~ this is for the boy text ~~ */
.text_container {
	width: 95%;
	max-width: 1100px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
	min-width: 750px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
}

/* ~~ this is for the boy text ~~ */
.stats {
	width: auto
	text-align:center;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
	text-align: center;
	display: block;
	padding: 5px;
	float:right;
}

/* ~~ this provides a single or multiple line indent - previously an image was used for each line indent often requiring a table as well */
.spacer {
	padding-left:25px;
	text-align:justify;
}

/* ~~ place the image to the right with 10px padding on the left - the name con go below and will be centered */
.image {
	font-family: Verdana, Geneva, sans-serif;
	color:#FFF;
	font-size:18px;
	text-align: center;
	padding-left:10px;
	padding-bottom: 10px;
	float:right;
}

/* ~~ thie puts a small invisible spacer under the title */
.title {
	font-size: 24px;
	letter-spacing:1px;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	height:36px;
	text-align:center;
}