@import "typography.css";
@import "form.css";

/* layout styles */

/* setting the base font size to 90% allows even scaling by the user while keeping font-size 'xx-small' legible */
body {
	background: #FFF;
	font-size: 70%;
	font-family: Verdana, Arial;
}

/* the div that goes around everything */
#wrapper {
	/* the next three are for centering */
	text-align: center;
	margin: 0 auto;
	/* we want it to be 80% of the page wide */
	width: 80%;
	/* but we set a min width so no horizontal scrolling at 640x480 (480 = 80% of 600) */
	min-width: 480px;
}
/* the header table - don't want to display in print view */
#header {
	display: none;
}
/* the main table */
#main {
	width: 100%;
}
/* the left hand column of the main table - don't want to display in print view */
#left {
	display: none;
}
/* the middle hand column of the main table - we can make this full width (of the 80%) in the print view */
#middle {
	width: 100%;
}
/* the right hand column of the main table - don't want to display in print view */
#right {
	display: none;
}
/* the footer at the bottom of the page - don't want to display in print view */
#footer {
	display: none;
}

/* For hiding accessibility stuff - don't want to display in print view */
.off-left {
	display: none;
}

.ctbase
{
	display: none;
}
#tools
{
	display: none;
}