/* CSS layout */
#background
{
	margin:		0px;
	padding:	0px;
	position:	absolute;
	width:		800px;
	height:		600px;
}
#Next {
	position:			absolute;
	left:				705px;
	top:				375px;
	background-color:	silver;
	border:				none;
	font-weight:		bold;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			large;
	z-index:			5;
}
#Previous {
	position:			absolute;
	left:				235px;
	top:				375px;
	background-color:	silver;
	border:				none;
	font-weight:		bold;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			large;}
#GoogleAd {
	position:			absolute;
	top:				310px;
	left:				30px;
	width:				125px;
	height:				125px;
	color:				white;
	z-index:			10;
}
#scenarioContent
{
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 450px;
	height: 350px;
	left: 270px; 
}
#narrative
{
	margin:				0px;
	padding:			0px;
	position:			absolute;
	width:				450px;
	background-color:	gray;
}
#narrative p {
	margin: 10px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	color:white;
}
#linkWrapper {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0px;
}
#linkWrapper a
{
	margin: 0px;
	padding: 0px;
	color: #733808;
	background: white;
	position: absolute;
	top: 0px; left: 50px;
	text-decoration: underline;
	cursor: hand;
	font-size: large;
	height: 20px;
}
#adobeWrapper
{
	position: absolute;
	left: 710px;
	top: 500px;
	width: 75px;
	height: 22px;
}
#GoogleSearchBar {
	position:	absolute;
	left:		400px;
	top:		565px;
	z-index:	10;
}
#menu
{
	clear: both;
	float: left;
	position: absolute;
	top: 100px;
	width: 190px;
	display: inline;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	z-index: 5;
}
#menu li {
	display: block;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #cdf;
}
#menu ul {
	display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#menu a {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #f9f9f9;
	color: #04b;
	display: block;
	font-weight: bold;
	padding: 5px;
	text-decoration: none;
	text-indent: 10px;
}
.playButton
{
	background:			white;
	position:			absolute;
	top:				0px;
	left:				50px;
	color:				#733808;
	text-decoration:	underline;
	cursor:				hand;
	font-size:			large;
}
.guideButton
{
	background:			white;
	position:			absolute;
	top:				0px;
	left:				270px;
	text-decoration:	underline;
	cursor:				hand;
	font-size:			large;
}
.rrlinks
{
	color:				#733808;
	text-decoration:	underline;
	cursor:				hand;
}
#container {
	padding: 0;
	border-left: 5px #FFFFFF solid;
	border-right: 5px #FFFFFF solid;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#footer {
	position:			absolute;
	height:				35px;
	width:				750px;
	top:				544px;
	left:				25px;
	margin:				0;
	padding:			0;
	z-index:			6;
}
#wrapPlaceHolder {
	position: absolute;
	width: 800px;
	height: 455px;
	top: 175px;
	margin-right: auto;
	margin-left: auto;
}
#placeHolder1 {
	width: 645px;
	height: 455px;
	top: 0px;
	position: relative;
}

#top_nav {
	background-color: #295994;
	overflow: hidden;
}

#top_nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#pageContent {
	background-image: url('Images/SRMP BackgroundWithMenuOverlay (800x455).jpg');
	z-index: 4;
	width: 800px;
	height: 455px;
}
.iconText
{
	position:			absolute;
	 top:				29px;
	 margin:			0px;
	 padding:			0px;
	 font-family:		Arial, Helvetica, sans-serif;
	 color:				white;
	 text-align:		center;
	 left:				6px;
	 font-weight:		bold;
}
.imageStyle
{
	float:		right;
	position:	relative
}
.scenarioIcons
{
	position:		absolute;
	border:			medium navy solid;
	padding:		0px;
	margin:			0px;
}
.step {
	position: 			relative;
	z-index:			1; 
	padding:			0;
	width:				51px;
	height:				13px;
	margin:				0;
	text-align:			center;
	background-color:	#395D8C;
	color:				#FFFFFF;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			small;
	font-weight:		bold;
	border:				2px white solid;
}

.step a {
	border:				2px #c9c9c9 solid;
	color:				white;
	display:			block;
	text-decoration:	none;
}

.step a:hover {
	color:				#000;
	text-decoration:	none;
	border:				2px #a9a9a9 solid;
	background-color:	#a9a9a9;
}


.activeStep {
	position: 			relative;
	z-index:			1; 
	padding:			0;
	width:				47px;
	height:				13px;
	margin:				0;
	text-align:			center;
	background-color:	#FFFFFF;
	color:				#395D8C;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			small;
	font-weight:		bold;
	border:				4px #395D8C solid;
	
}

.stepSubtitle
{
  font-family:		"Times New Roman", Times, serif;
  font-size:		medium;
  font-weight:		bolder;
  color:			#0069a4;
  text-align:		left;
  text-indent:		0px;
}

.scenarioName
{
	FONT:		700 12pt verdana;
	COLOR:		white;
	position:	relative;
	top:		57px;
	left:		300px;
	
}

.wrapStep {
	position: absolute;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	height: 455px;
	top:	275px;
}
.stepText
{
	position: absolute;
	width: 405px;
	height: 290px;
	z-index: 3;
	overflow: auto;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin-top: 0px;
	border: medium #733808 solid;
	border-bottom: medium #733808 solid;
	border-left: medium #733808 solid;
	text-indent: 25px;
	padding: 10px;
	background-color: #E7C394;
	color: #733808;
	top: 193px;
	left: 275px;
}
.stepTitle
{
	position: absolute;
	left: 275px;
	top: 120px;
	width: 425px;
	margin: 0px;
	margin-bottom: 11px;
	padding: 0px;
	padding-bottom: 5px;
	color: white;
	text-align: center;
	vertical-align: middle;
	background-color: #42517B;
	border: medium white solid;
}

h2 {
	padding:			0px;
	margin:				0px;
	color:				white;
	font-size:			x-large;
	font-weight:		bold;
}

h6 {
	padding-left:		5px;
	margin:				0px;
	color:				white;
	text-align:			left;
	font-size:			x-small;
	margin-bottom:		3px;
	text-indent:		5px;
}

.stepAuthor
{
  position:			relative;
  width:			211px;
  height:			0px;
  z-index:			5;
  line-height:		normal;
  text-align:		left;
  font-family:		"Times New Roman", Times, serif;
  font-size:		xx-small;
}

.sidebar
{
	font-family: "Times New Roman", Times, serif;
	font-size: x-small;
	width: 175px;
	height: 213px;
	z-index: 1;
	float: right;
	border: 1px black solid;
	background-color: #BDC7CE;
	text-indent: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 0px;
	margin-top: 0px;
}

.sidebarTitle
{
  font-weight:			bold;
  color:				#6c67a1;
  margin-top:			0px;
  margin-bottom:		0px;
}

.sidebarSubtitles
{
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 0px;
	text-decoration: underline;
}

.sidebarParagraphs
{
  margin-top:			0px;
  margin-bottom:		0px;
}
#background a
{
	color:				white;
	display:			block;
	text-decoration:	none;
}
}
#stepNavBar {
	overflow: hidden;
	font-family: "Times New Roman", Times, serif;
	position: relative;
	left: 155px;
	top: 415px;
	width: 335px;
}

#stepNavBar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#stepNavBar li {
	background-color: #295994;
	margin: 0px;
	float: left;
	padding: 0px;
}
#stepNavBar a {
	border:				1px #c9c9c9 solid;
	color:				white;
	display:			block;
	padding:			5px;
	text-decoration:	none;
}
#stepNavBar a:hover {
	color:				#000;
	text-decoration:	none;
	border:				1px #a9a9a9 solid;
	background-color:	#a9a9a9;
}
a:
{
	color: #36;
	text-decoration: underline;
}

a: hover {
	color: #808080;
	text-decoration: underline;
}
#sidebar {
	background-color:#E7C394;
	color: #9496A5;
	clear: both;
	float: left;
	position: relative;
	width: 190px;
	display: inline;
	height: 425px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	z-index: 5;
}
#sidebar li {
	display: block;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #cdf;
}
#sidebar ul {
	display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#sidebar a {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #f9f9f9;
	color: #04b;
	display: block;
	font-weight: bold;
	padding: 5px;
	text-decoration: none;
	text-indent: 10px;
}