body {
	background: url(images/styles/clean/blueTopFadingWhite.png);
	background-repeat: repeat-x;
	background-attachment: fixed;
	font-family: Verdana, Arial, Helvetica, sans-serif
}


body.main {
	/* Having margins each side makes the text more readable as it doesn't run right across the screen
	   A margin of 19% looked right
	   But then I shiftedit all left slightly, since the main body of the page is
	   shifted right by the navigation column and centering it on the "main" column just means
	   it's offset to the right within the overall browser window
	*/
	margin-left: 16%;
	margin-right: 22%;
}

.banner {
	/* This is for the banner
	   It needs to be in the center but also shifted left so that it lines up with the main body text below it
	   (the main body text is shifted left to make up for the navigation column)
	*/
	position:relative;
	left:-4%;
	text-align: center;
}

h1, h2, h3, h4, h5 {
	text-align: center;	
}

.center {
	text-align: center;
}

.italic {
	font-style: italic;
}

.textsm {
	FONT-SIZE: 90%;
}

.textbg {
	FONT-SIZE: 115%;
}

.textreg {
	COLOR: #979797;
}