/* Styles for mobile version of topic3.htm */

/* Portrait Styles */
@media screen and (orientation: portrait) {

section {
	background: rgb(170,170,170);
	height: auto;
}

section ul.topic {
	background: rgb(170,170,170);
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 0px;
	padding: 0px;
}

section ul.topic li {
	background: rgb(170,170,170);
	border: none;
	border-radius: 0px;
	color: rgb(0,0,0);
	font-size: .9em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

section ul.math {
	margin: 0px 0px 0px 5%;
	padding: 0px;
}

section ul.math li {
	font-size: .9em;
	font-weight: normal;
	margin: 0px;
	padding: .2em;
	width: 100%;
}

section ul.math li a {
	color: rgb(50,0,100);
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-align: left;
	text-decoration: none;
}

section ul.science {
	margin: 0px 0px 0px 5%;
	padding: 0px;
}

section ul.science li {
	font-size: .9em;
	font-weight: normal;
	margin: 0px;
	padding: .2em;
	width: 100%;
}

section ul.testprep {
	margin: 0px 0px 0px 5%;
	padding: 0px;
}

section ul.testprep li {
	font-size: .9em;
	font-weight: normal;
	margin: 0px;
	padding: .2em;
	width: 100%;
}

section ul.music {
	margin: 0px 0px 0px 5%;
	padding: 0px;
}

section ul.music li {
	font-size: .9em;
	font-weight: normal;
	margin: 0px;
	padding: .2em;
	width: 100%;
}

}

/* Landscape Styles */
@media screen and (orientation: landscape) {

section {
	background: rgb(170,170,170);
	height: auto;
}

section ul.topic {
	background: rgb(170,170,170);
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 0px;
	padding: 0px;
}

section ul.topic li {
	background: rgb(170,170,170);
	border: none;
	border-radius: 0px;
	color: rgb(0,0,0);
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

section ul.math {
	margin: 0px 0px 0px 5%;
	padding: 0px;
}

section ul.math li {
	font-size: 1.5em;
	font-weight: normal;
	margin: 0px;
	padding: .2em;
	width: 100%;
}

section ul.math li a {
	color: rgb(50,0,100);
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-align: left;
	text-decoration: none;
}

section ul.science {
	margin: 0px 0px 0px 5%;
	padding: 0px;
}

section ul.science li {
	font-size: 1.5em;
	font-weight: normal;
	margin: 0px;
	padding: .2em;
	width: 100%;
}

section ul.testprep {
	margin: 0px 0px 0px 5%;
	padding: 0px;
}

section ul.testprep li {
	font-size: 1.5em;
	font-weight: normal;
	margin: 0px;
	padding: .2em;
	width: 100%;
}

section ul.music {
	margin: 0px 0px 0px 5%;
	padding: 0px;
}

section ul.music li {
	font-size: 1.5em;
	font-weight: normal;
	margin: 0px;
	padding: .2em;
	width: 100%;
}

}