@charset "utf-8";

/* Text. */
h1 {
	color:				#FFFFFF;
	
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			14px;
	font-weight:		bold;
	text-align:			left;
}

h2 {
	margin:				2em 0em 1em 0em;

	color:				#000000;
	
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	font-weight:		bold;
	text-align:			left;
}

h3 {
	margin:				1em 0em 1em 0em;

	color:				#000000;
	
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	font-weight:		bold;
	text-align:			left;
}

p {
	margin:				0em 0em 1em 0em;
	
	color:				#000000;
	
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	text-align:			left;
}

a {
	color:				#004A6F;
	
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	text-align:			left;
}

ul {
	color:				#000000;
	
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	text-align:			left;
	
	list-style:			url('../images/layout/bullet.gif');
}

ol {
	color:				#000000;
	
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	text-align:			left;
}

em {
	font-style:			italic;
	font-weight:		bold;
}

strong {
	font-weight:		bold;
}

.assignment {
	margin-left:		1em;
	
	font-style:			italic;
}


/* Imagery. */
img {
	border:				none;
}


.left {
	float:				left;
}

.right {
	float:				right;
}

.center {
	float:				none;
	
	text-align:			center;
}

.image, .interactive, .table {
	margin:				1em;
}

.image .caption, .interactive .caption, .table .caption {
	margin-top:			1em;
	
	color:				#000000;
	
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	text-align:			center;
}

.image .source, .interactive .source, .table .source {
	color:				#000000;
	
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	text-align:			center;
}


.table table {
	border-collapse:	collapse;
}

.table td {
	padding:			5px;
	
	border:				1px solid #000000;
	
	color:				#000000;
	
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	text-align:			left;
}

.table th {
	padding:			5px;
	
	border:				1px solid #000000;
	
	color:				#000000;
	
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	text-align:			center;
	text-weight:		bold;
}

.formula {
	font-size:			14px;
	text-align:			center;
}


/* Specific constructs. */
.continue {
	display:			block;
	float:				right;
	
	margin:				1em;
	border:				1px solid #004A6F;
	
	background:			#36D0E0 url('../images/content/continue.png') no-repeat 100% 50%;
	
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	text-decoration:	none;
}

.continue div {
	padding:			0.2em 1.5em 0.2em 0.2em;
}

.back {
	display:			block;
	float:				left;
	
	margin:				1em;
	border:				1px solid #004A6F;
	
	background:			#36D0E0 url('../images/content/back.png') no-repeat 0% 50%;
	
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	text-decoration:	none;
}

.back div {
	padding:			0.2em 0.2em 0.2em 1.5em;
}


.column {
	width:				50%;
}

* html .iesux {			/* So IE does the non-floating column right. */
	width:				100%;
}

.column .cell {
	height:				7em;
	
	margin:				0.5em 0.25em;
	padding:			0.5em;
}

.column .big {
	height:				15.5em;
}

* html .column .big {	/* So IE does the big cell right. */
	height:				14.5em;
}

.column .cell h3 {		/* Little hack to get things to look right. Margin collapse always stabs me in the back. */
	margin-top:			0em;
}

.column .cyan {
	background-color:	d9ffff;
}

.column .blue {
	background-color:	e5f2ff;
}

.column .green {
	background-color:	ebffeb;
}


.centered {
  text-align:			center;
}