/***HTML tag selectors***/

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #eee;
	}
h1 {
	font-size: 1.3em;
	margin: 0 -60px 1em -60px;
	padding: 10px 30px 15px;
	color: #444;
	background-color: #EBF4FA;
	border-bottom: 8px solid #54A4DE;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	}
h2, h3 {
	margin: .9em 0 .7em;
	}
h2 {
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #444;
	padding: .2em .1em 0;
	}
h3 {
	font-size: .8em;
	color: #444;
	font-family: Arial, Helvetica, sans-serif;
	}
p, ul, ol, dl, td, th, blockquote, caption {
	line-height: 1.5em;
	margin-top: .5em;
	margin-bottom: 1em;
	font-size: 85%;
	color: #444;
	}
ul ul, ol ol, ul ol, ol ul, td td, td p, th p {
	font-size: 100%;
	}
a:link, a:visited {
	color: #3d5696;
	}
a:hover {
	color: #005;
	}
th, td {
	font-size: 80%;
	padding: 1px 3px;
	}
caption {
	font-size: 80%;
	line-height: 1em;
	margin: 0 0 2px;
	font-weight: bold;
	}


/***ID selectors. Use just once in a page, mainly for layout.***/


#page {
	background-color: #fff;
	}
#header {
	margin: 0;
	background-color: #BBD9EE;
	padding: 1px 5px;
	border-bottom: 3px solid #54A4DE;
	}
p#course {
	margin: 0;
	color: #2171AB;
	font-size: 70%;
	}
#content {
	margin: 0 60px;
}
p#print {
	text-align: right;
	float: right;
	width: 180px;
	margin: 0 0 2px 10px;
	font-size: 70%;
	}
#print a {
	text-decoration: none;
	color: #2171AB;
	}
#print a:hover {
	text-decoration: underline;
	color: #005;
	}
#footer {
	text-align: center;
	margin: 0 5px 5px;
	}
#footer a {
	text-decoration: none;
	}
#footer a:hover {
	text-decoration: underline;
	}


/***Class selectors. Use wherever and as many times as you like.***/


.section {
	border: 1px solid #99b;
	border-width: 1px 0;
	padding-top: 10px;
	padding-bottom: 10px;
	}
.warning {
	color: red;
	}
.setoff {
	padding: 8px 5px;
	border: 1px solid #9eabcb;
	border-width: 3px 1px;
	line-height: 1.3em;
	margin-left: 10px;
	margin-right: 10px;
	color: #3d5696;
	background-color: #EBF4FA;
	}
.pullquote {
	width: 200px;
	float: right;
	margin: 0 0 15px 15px;
	padding: 10px;
	border: 1px solid #9eabcb;
	border-width: 3px 1px;
	line-height: 1.3em;
	color: #3d5696;
	background-color: #EBF4FA;
	}
.pullquote a {
	color: #339;
	}
.pullquote a:hover {
	color: #009;
	}
.photo_r {
	float: right;
	margin: 5px 0 10px 10px;
	border: 2px solid #263465;
	}
.photo_l {
	float: left;
	margin: 10px 10px 10px 0;
	border: 2px solid #263465;
	}


/***Rules that apply only when you print.***/


@media print {
	
	body {
		font-family: "Times New Roman", Times, serif;
		background-image: none;
		margin: 0;
		background-color: #fff;
		}
	h1 {
		padding: 10px 0;
		margin: 0;
	}
	h1,h2,h3 {
		margin-bottom: .6em;
		background-color: #fff;
		color: #000;
		}
	p, ul, ol, dl, td, th, blockquote, caption {
		line-height: 1.2em;
		margin-bottom: .6em;
		font-size: 85%;
		color: #000;
		}
	table {
		border-color: #465485;
		border-width: 2px 0 0 1px;
		font-family: Arial, Helvetica, sans-serif;
		}
	th, td {
		border-color: #465485;
		border-width: 0 1px 1px 0;
		font-size: 80%;
		color: #000;
		}
	caption {
		margin: 2px;
		font-weight: bold;
		color: #000;
		}
	a:link, a:visited {
		text-decoration: none;
		color: #036;
	}
	#header {
		font-family: Arial, Helvetica, sans-serif;
		background-color: #fff;
		padding: 1px 0;
		}
	#header p {
		font-size: 80%;
		}
	#page {
		width: auto;
		max-width: 100%;
		margin: 0;
		background-color: #fff;
		}
	#content {
		padding: 0;
		border: none;
		margin: 0;
		}
	#course {
		margin: 0 0 2px 0;
		}
	p#course  {
		font-weight: normal;
		}
	#print a {
	}
	#footer {
		color: #000;
		border-top: 1px solid #555;
		padding-top: .5em;
		margin-top: 1em;
		}
	#footer a {
		color: #000;
		}
	.section {
		border-color: #999;
		border-width: 1px 0;
		}
	.setoff {
		border: 1px solid #465485;
		color: #000;
		}
	.pullquote {
		border: 1px solid #465485;
		color: #000;
		}
	.noprint { /*Use this class to make things not show in printed page.*/
		display: none;
		}
}