body {
	background-image: url(images/background001.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000099;
	background-image: url(images/spacerBlue.gif);
	background-repeat: repeat-x;
	display: block;
	background-position: bottom;
	margin-top: 0px;
	padding-top: 20px;
}
h1 a:link, h1 a:active, h1 a:hover, h1 a:visited {
	color: #000099;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000099;
	padding: 0px;
	margin: 0px;
	text-align: left;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000099;
	padding: 0px;
	margin: 0px;
	text-align: left;
	display:inline;
	font-weight:bold;
}
.mainText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	text-align: justify;
}
.baseText, .baseText a:link, .baseText a:hover, .baseText a:visited, .baseText a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
}

.textHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000099;
	font-weight: bold;
}
.sectionHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000099;
}
.lightFont {
	color: #999999;
}
.wrongAnswer {
	font-weight: bold;
	color: #F00;
}
.correctAnswer {
	font-weight: bold;
	color: #009933;
}


.div1 {
	width:1000px;
	height:213px;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #333;
	border-right-color: #333;
	border-left-color: #333;
}
.div2 {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(images/image006.jpg);
	background-color: #FFF;
	background-repeat: repeat-y;
	background-position: left top;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #333;
	border-left-color: #333;
}
.div2Left {
	float:left;
	width:170px;
}
.div2Left ul {
	width: 180px;
	list-style: none;
	border: none;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.div2Left ul li {
	width: 158px;
	text-decoration: none;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 6PX;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 35px;
	background-image: url(images/navIcon.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.div2Left ul li a, .div2Left ul li a:link, .div2Left ul li a:active, .div2Left ul li a:visited {
	display: block;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
}
.div2Left ul li a:hover {
	color: #FF0000;
}
.div2Right {
	margin-left:200px;
	margin-right: 20px;
}
.div3 {
	width:1000px;
	height:100px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	text-align:center;
	background-color: #000099;
	padding-top: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
}



.triangle-isosceles {
	position:relative;
	padding:15px;
	margin:1em 0 3em;
	color:#FFF;
	background:#f3961c; /* default background for browsers without gradient support */
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	/* NOTE: webkit gradient implementation is not as per spec */
	background:-webkit-gradient(linear, left top, left bottom, from(#2e88c4), to(#075698));
	background:-moz-linear-gradient(top, #2e88c4, #075698);
	background:-o-linear-gradient(top, #2e88c4, #075698);
	font-family: Arial, Helvetica, sans-serif;

}

.triangle-isosceles:after {
	content:"";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-15px; /* value = - border-top-width - border-bottom-width */
	left:50px; /* controls horizontal position */
	width:0;
	height:0;
	border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#075698 transparent;
}


a.button {
				font-size:		1.4em;
				margin:			10px;
				dislay:			block;
				padding:		10px 30px 10px 30px;
				border:			1px solid #009;
				background:		#032754;
				color:			white;
				text-decoration:none;
			}
			
			a.gloss {
				-webkit-box-shadow:
						3px 3px 6px rgba(0, 0, 0, .2),
						0px 0px 3px rgba(0, 0, 0, .1),
						inset 0px 5px 12px #004499,
						inset 0px 15px 2px rgba(59, 131, 240, .5),
						inset 0px 25px 25px #004499;
				-moz-box-shadow:
						3px 3px 6px rgba(0, 0, 0, .2),
						0px 0px 3px rgba(0, 0, 0, .1),
						inset 0px 5px 12px #004499,
						inset 0px 15px 2px rgba(59, 131, 240, .5),
						inset 0px 25px 25px #004499;
				box-shadow:
						3px 3px 6px rgba(0, 0, 0, .2),
						0px 0px 3px rgba(0, 0, 0, .1),
						inset 0px 5px 12px #004499,
						inset 0px 15px 2px rgba(59, 131, 240, .5),
						inset 0px 25px 25px #004499;		
				border-radius:		5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				font-size:			1.6em;
				color:				white;
				-webkit-text-shadow: 1px 1px 1px rgb(0,0,0);
				-moz-text-shadow: 1px 1px 1px rgb(0,0,0);
				text-shadow: 1px 1px 1px rgb(0,0,0);
 
			}
			
			a.gloss:hover {
				background:		#030054;
				-webkit-box-shadow:
						2px 2px 4px rgba(0, 0, 0, .2),
						0px 0px 3px rgba(0, 0, 0, .1),
						inset 0px 10px 12px #004499,
						inset 0px 20px 2px rgba(59, 131, 240, .5),
						inset 0px 25px 25px #004499;
				-moz-box-shadow:
						2px 2px 4px rgba(0, 0, 0, .2),
						0px 0px 3px rgba(0, 0, 0, .1),
						inset 0px 10px 12px #004499,
						inset 0px 20px 2px rgba(59, 131, 240, .5),
						inset 0px 25px 25px #004499;
				box-shadow:
						2px 2px 4px rgba(0, 0, 0, .2),
						0px 0px 3px rgba(0, 0, 0, .1),
						inset 0px 10px 12px #004499,
						inset 0px 20px 2px rgba(59, 131, 240, .5),
						inset 0px 25px 25px #004499;	
				-webkit-text-shadow: -1px -1px 1px rgb(0,0,0);
				-moz-text-shadow: -1px -1px 1px rgb(0,0,0);
				text-shadow: -1px -1px 1px rgb(0,0,0);
 
			}
			
.distanceLearningMaterial {
	margin-left:30px;
	margin-top: 5px;
	margin-bottom: 15px;
}