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

body {
	font-family: "Times New Roman", Times, serif; /* Sets the font-family to a serif font, which is traditionaly thought to be more readable on the printed page.*/
	font-size: 12pt; /* Sets the font-size to 12 points, the most common size for body text in printed media.*/
	background-color: #fff; /* Changes the background colour from dark blue to white. Though most printers have a default setting for turning off background colours and images, it is a good idea to adjust these anyway. */
}
#sidebar {
	float: none; /* Removes the float from the sidebar. Some printers have trouble printing content that is floated. */
	width: 100%; /* Now that the float is gone, the sidebar is in the vertical stack of divs and can be set to take up 100% of the space on the printed page. */
}
#nav, #footer, #specials, #dolphin, #headimg {
	display: none; /* When the display property is set to a value of none, an element doesn't display on the page. */
}
#container {
	width: 7in; /* Most people will use standard printer paper, and a 7 inch width will fit nicely into that size. */
	background-image: none; /* This removes the tiling background image on the container that gives the illusion of colour behind the sidebar column. */
}
.sideContent, #mainContent {
	width: 100%; /* Now that the content divs are all vertically stacked, they can be set to a width of 100% of the page. */
	margin: 0; /* This removes any margins set on these divs, especially the 220 pixel left margin on the mainContent div. */
}
.sideContent {
	border: none; /* This removes the gray border around the sideContent div. */
}