body {
	font: medium Verdana, Arial, sans-serif;
	}

/**** HTML Elements ****/

p {font-size: 90%;}

h1 {font-size: 130%;}

h2 {font-size: 110%;}

img {border: 0;}

pre {clear: left;}

li {
	font-size: 90%;
	}
pre {
	clear: both;
	}
table {
	border: 1px #ccc solid;
	}
caption {
	font-size: 90%;
	font-weight: bold;
	padding: 0 0 10px 0;
	text-align: left;
	}
th, td {
	padding: 5px 10px 5px 10px;
	border: 1px #ccc solid;
	font-size: 90%;
	}

/**** Special Classes ****/

.left {
	float: left;
	margin-right: 10px;
	}

.right {
	float: right;
	margin-left: 10px;
	}
h2.practice {
	width: 274px;
	height: 90px;
	background: url(practice.jpg) no-repeat  top left;
	}
h2 span {
	display: none;
}


/**** Page Layout ****/

#header {
	width: 541px;
	height: 146px;
	margin-top: -10px;
	background: url(logo.jpg) no-repeat left top;
	}
#header h1 {
	display: none;
	}
	
#content {
	float: left;
	padding: 10px;
	width: 66%;
	}

#navigation {
	float: right;
	width: 25%;
	padding: 10px;
	}
#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 135px;
	}
#navigation li {
	margin: 0 0 2px 0;
	background: url(buttons.gif) no-repeat top left;
	}
#navigation a {
	text-decoration: none;
	display: block; /* makes entire button clickable */
	width: 115px;	/* width and left/right padding must equal 135px */
	height: 24px; /* height and top/bottom padding must equal 35px */
	color: #FFFFFF;
	font-weight: bold;
	font-size: 90%;
	/* top right bottom left  */
	padding: 6px 12px 0px 8px;
}
#navigation a:hover {
	background: url(buttons.gif) no-repeat 0px -35px; /* second image slice */
	color: #960;
}
#navigation a:active {
	background: url(buttons.gif) no-repeat 0px -70px; /* third image slice */
	color: #000;
}

#footer {
	clear: both;
	padding: 10px;
	}