/* CSS Document */
body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
}

a{
	color:#3C0657;
}

a:hover{
	color:#3C0657;
}

.splash{
	background-color:#3C0657;
}

#splash{
	width:775px;
	white-space:nowrap;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

#header{
	width:775px
}

#nav{
	width:775px;
}

div #title{
	margin-left:25px;
	color:#3C0657;
}

#main{
	width:775px;
	margin-top:0.5em;
	margin-bottom:0.5em;
	text-align:left;
}

#maintext{
	width:750px;
	margin-left:25px;
	margin-right:auto;
}

#footer{
	width:775px;
	clear:both;
	padding:0;
	height:37px;
	background-image:url(images/template/footer.jpg);
}

#popup_footer{
	width:100%;
	clear:both;
	background-image:url(images/template/background.jpg);
	background-repeat:repeat-x;
	height:30px;
	position:absolute;
	bottom:0;
	padding:0;
	margin:0;
}

#footer_text{
	color:#fff;	
	font-size:0.8em;
	bottom:2px;
}

/********** SET UP SECTIONS NEEDED IF PAGE SPLIT ***********/
#leftContent{
	width:240px;
	float:left;
	white-space:nowrap;
	clear:none;
}

#sidemenu{
	text-align:left;
	left:0;
	width:100%;
	text-align:center;
}

div #images{
	width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#rightContent{
	font-family:Arial, Helvetica, sans-serif;
	width:500px;
	float:right;
	margin-right:0.5em;
	clear:none;
}

/*********** SPLASH SCREEN SETTINGS **********/

div .splash{
	width:850px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	text-align:center;
}

/*********** GENERAL USE ********************/

div .center{
	clear:both;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:1em;
	margin-bottom:1em;
	text-align:center;
}

div .centerNoMargin{
	clear:both;
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.left{
	float:left;
}

.right{
	float:right;
}

.clear{
	width:100%;
	clear:both;
}

div .scenarioText{
	float:right;
	clear:none;
	font-size:0.8em;
	width:440px;
	color:#3C0657;
	margin-bottom:1em;
}

div .keyText{
	font-size:0.8em;
	margin-top:0.5em;
}

div .greyBox{
	margin-top:1em;
	margin-bottom:1em;
	padding:5px;
	background-color:#eee;
	clear:both;
}

.indent{
	width:90%;
	margin-left:5%;
}


img{
	border:none;
	padding:0;
	margin:0;
}

ul .plain{
	margin:0;	
	padding:0;
	list-style:none;
}

/********** SCREENSHOT NAVIGATION ***********/

#learning_nav{
	color:#fff;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	padding-left:22%;
	height: 100%; 
	bottom:0;
}

#learning_nav a{
	display:inline;
	color:#fff;
}

/*********** TEXT STYLES **************/

.textSmall{
	font-size:0.8em;
}

.textPurple{
	color:#3C0657;
}

.textSmallPurple{
	font-size:0.8em;
	color:#3C0657;
}

.textLarge{
	font-size:1.2em;
	font-weight:bold;
}

.quote{
	font-style:italic;
	color:#3C0657;
}

.example{
	font-size:0.8em;
	padding:5px;
	border:1px solid #3C0657;
}

table tr td .example{
	padding:5px;
	border:1px solid #3C0657;
}

.underline{
	border-bottom:1px solid #3C0657;
}