/* CSS Document */
body {
	background-color: #7a8a8a;
}

.menu {
	position: absolute;
	width: auto;
	height: auto;
	background-color: #046f7c;
	border-left: 1px solid #68e3ed;
	border-right: 1px solid #68e3ed;
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	top: 70px;
	padding-top: 2px;
	padding-bottom: 2px;
	z-index: 10;
}

.divider {
	padding-left: 5px;
	padding-right: 5px;
	color: #00acd5;
	margin-left: 1px;
	margin-right: 1px;
	cursor: hand;
}

.divider a {
	color: #00acd5;
	text-decoration: none;
	
}

.item {
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
	margin-left: 1px;
	margin-right: 1px;
	cursor: hand;
	
}

.item a {
	color: #fff;
	text-decoration: none;
	
}

.bgGraphic {
	width: auto;
	height: auto;
	z-index: 2;
}

.highlightGraphic {
	position: absolute;
	top: 57px;
	display: none;
	z-index: 3;
}

#container {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 700px;
	height: 500px;
	z-index: 1;
	
}

#animation {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 700px;
	height: 500px;
	z-index: 200;
}
/*
#sectionIntro {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 700px;
	height: 500px;
	z-index: 2;
}
*/
#overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
	z-index: 100;
}

#topGraphic {
	position: absolute;
	top: 0px;
	left: 0px;
	
}

#middleGraphic {
	position: absolute;
	top: 70px;
	left: 0px;
	
	
}

#bottomGraphic {
	position: absolute;
	top: 465px;
	left: 0px;
	
}

#sponsor {
	position: absolute;
	top: 469px;
	left: 588px;
	z-index: 3;
}

#nextSectionLinks {
	position: absolute;
	top: 402px;
	left: 37px;
	padding-left: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	z-index: 4;
}

#nextSectionLinks a {
	text-decoration: none;
	color: #00acd5;
}

#relatedLinksArrow {
	position: absolute;
	top: 305px;
	left: 23px;
	z-index: 4;
}

#sideTitleGraphic {
	position: absolute;
	top: 119px;
	left: 10px;
	z-index: 4;
}

#relatedLinks {
	position: absolute;
	top: 430px;
	left: 37px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color: #044a51;
	z-index: 4;
}

#relatedLinks img {
	vertical-align: middle;
}

#relatedLinks a {
	text-decoration: none;
	color: #00acd5;
}
	

#textInfo {
	position: absolute;
	top: 95px;
	left: 37px;
	width: 337px;
	height: 323px;
	background-image: url(../images/text_info_panel.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	z-index: 3;
	
}
#nextArrow {
	position: absolute;
	top: 383px;
	left: 331px;
	z-index: 4;
}
#prevArrow {
	position: absolute;
	top: 383px;
	left: 285px;
	z-index: 4;
}
#pageCount {
	position: absolute;
	top: 382px;
	left: 298px;
	width: 30px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	z-index: 4;
}

#textTitle {
	position: relative;
	top: 3px;
	padding-left: 8px;
}

#textSubtitle {
	position: relative;
	top: 10px;
	padding-left: 8px;
}

#textBody {
	position: relative;
	/*top: 10px;*/
	top: 8px;
	padding-left: 8px;
	padding-right: 8px;
	/*height: 235px;*/
	height: 250px;
	overflow: auto;
	scrollbar-3dlight-color: #4b5154;
	scrollbar-highlight-color: #899297;
	scrollbar-face-color: #4b5154;
	scrollbar-shadow-color: #899297;
	scrollbar-darkshadow-color: #4b5154;
	scrollbar-track-color: #4b5154;
	scrollbar-arrow-color: #899297;
	margin-right: 1px;
	
	
}

.introHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 38px;
	font-weight: bold;
	color: #fff;
}

.introPictureHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

.introPictureHeading a {
	text-decoration: none;
	color: #fff;
}

.headings {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

.reference {
	font-size: 9px;
}

.bodyText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}

.bodyText li {
	padding-left: 10px;
}

.bodyText a {
	text-decoration: none;
	font-weight: bold;
	color: #00acd5;
}

.bodyText a:hover {
	text-decoration: underline;
}

#shockwave {
	position: absolute;
	top: 117px;
	left: 400px;
	width: 283px;
	height: 329px;
	/*background: url(../images/glassback.gif) no-repeat;*/
	z-index: 50;
}
.highlightedText {
	font-weight: bold;
	color: #a12a4f;
}


#menu1 { left: 12px }
#menu2 { left: 122px }
#menu3 { left: 195px }
#menu4 { left: 272px }
#menu5 { left: 373px }
#menu6 { left: 459px }

#mro1 { left: 19px }
#mro2 { left: 128px }
#mro3 { left: 201px }
#mro4 { left: 278px }
#mro5 { left: 378px }
#mro6 { left: 466px }
#mro7 { left: 541px; top: 56px }
#mro8 { left: 610px; top: 56px }