* {
	margin:0;
	padding:0;
}
body {
	font-size:100%;
	text-align:center;
	background:#fff;
}
pre {
	display:block;
	margin:1em 0 0 0;
	width:488px;
}
pre code {
	background:#fff;
	display:block;
	padding:10px;
}
.r {
	float:right;
	padding:0 0 10px 20px;
}

/* Landscape mode (default) */
#wrap {
	margin:0 auto;
	width:1024px;
	position:relative;
	overflow:hidden;
	text-align:left;
	background:#fff;
}
#header {
	float:left;
	width:1024px;
	padding:10px 0 20px 0;
	background:#fff;
	border-bottom:0px;
}
#header h1 {
	padding:10px 30px 0 30px;
}
#header p {
	padding:0 30px;
	line-height:1.4em;
}
#content {
	float:left;
	width:1024px;
	background:#fff;
	position:relative;
	left:768px;
}

#main h1 {
    margin: 1em 0 0.5em 0;
    color: #17296b;
    font-weight: strong;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 26px;
    line-height: 36px;
    text-transform: uppercase;

}

#main h2 {
    margin: 1em 0 0.5em 0;
    color: #af0917;
    font-weight: strong;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 22px;
    line-height: 28px;
}


#main h3 {
    margin: 1em 0 0.5em 0;
    color: #000000;
    font-weight: strong;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 18px;
    line-height: 24px;
}


#main {
	float:left;
	width:708px;
	position:relative;
	right:738px;
	padding:20px 0;
}
#main p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: normal;
	padding-bottom : 3px;
	padding-top : 3px;
}

#main ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
}

#main li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
}

#side {
	float:right;
	width:216px;
	position:relative;
	right:788px;
	background:#fff;
	padding-bottom:20px;
}
#sidea,
#sideb,
#sidec {
	clear:left;
	float:left;
	width:216px;
}
#footer {
	clear:both;
	float:left;
	width:1024px;
	border-top:0px;
	background:#fff;
}
#footer p {
	padding:20px 30px;
}

@media only screen and (orientation:portrait){
	/* portrait mode */
	#header,
	#wrap,
	#i_pad_footer {
		width:768px;
	}
	#content {
		left:0;
		background:#fff;
	}
	#main {
		float:left;
		width:708px;
		position:relative;
		right:0;
		left:30px;
		padding:20px 0;
	}
	#side {
		clear:left;
		float:left;
		width:768px;
		right:0;
		padding-bottom:20px;
		background:#eee;
	}
	#sidea {
		clear:none;
		width:216px;
		float:left;
		position:relative;
		left:30px;
		padding-top:20px;
	}
	#sideb {
		clear:none;
		width:216px;
		float:left;
		position:relative;
		left:60px;
		padding-top:20px;
	}
	#sidec {
		clear:none;
		width:216px;
		float:right;
		position:relative;
		right:30px;
		padding-top:20px;
	}
	.title {
		MARGIN-TOP: 4px; 
		FONT-SIZE: normal; 
		FONT-WEIGHT: bold; 
		FONT-FAMILY: Arial, verdana, Helvetica, sans-serif;
}

.rubric {
	MARGIN-BOTTOM: 5px  FONT-SIZE: normal; FONT-WEIGHT: bold; FONT-STYLE: italic; FONT-FAMILY: Arial, verdana, Helvetica, sans-serif;
}

.form {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-TOP: 5px; HEIGHT: 25px;
}


.exercise {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 20px;
}


.exercise_number {
	FLOAT: left; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; MARGIN: 0px 10px 0px 0px; PADDING-TOP: 0px;
}
.exercise_row {
	MARGIN-BOTTOM: 5px;
}
.exercise_text {
	FONT-SIZE: normal; FONT-WEIGHT: normal; MARGIN: 0px 0px 25px;
}
.exercise_marking {
	MARGIN: 0px 7px;
}

.exercise_buttons {
	CLEAR: both; MARGIN: 20px 0px 25px;
}
.exercise_dropdown {
	MARGIN: 0px 5px;
}

.exercise_gapfillbox {
	MARGIN: 10px 5px 0px;
}

.sentencematching .exercise_text {
	WIDTH: 35%;
}
.sentencematching SPAN {
	DISPLAY: block; FLOAT: left;
}
.sentencematching INPUT {
	FLOAT: left;
}
.upper_alpha {
	FONT-WEIGHT: bold;  MARGIN-LEFT: 150px; MARGIN-RIGHT: 10px; 
}