/*
Main area 
*/
/*
Clear floating divs. 
Add to div containing the floating div.
*/
.clearFix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
br.clear { clear: both; }
body {
	background-color:#0E0E54;
	background-image: url(../images/gradientSlice.jpg);
	background-repeat: repeat-x;
	font-size:10px;
}
/*
a {
	border:0px;
}

p {
	font-size: 18px;
	font-family: "Courier New", Courier, monospace;
	color: #FFFFFF;
	font-weight: normal;
	padding:5px;
	margin:0px;
}
*/
div#intro {
	margin:auto;
	width:600px;
	color:white;
	font-family: Helvetica, Arial, sans-serif;
}
ul.introlist li {
}
ul.introlist li:hover {
	color:red;
}
ul.introlist li a {
	text-decoration: none;
	color:white;
}
div#page {
	/* ie6 does not know min/max */
	/* width:80%;*/
	min-width: 820px;
	max-width: 900px;
	background-color: #006600;
	margin: auto;
	border: 2px inset #666666;
	min-height:1200px;
	font-size: 16px;
	/*height:1000px;*/
}
div#banner {
	/* margin-right:170px; */
	height:130px;
}
/*
 geomap & thumb (for swap)
*/
div#mapSlide {
	float: right;
	width: 164px;
	height:124px;
	margin: 3px;
}

div#randomThumb {
	/*width:124px;
	height:124px;*/
	display:none;
}
div#mapSlide img {
	border: 1px solid #ffffff;
	/* cursor:crosshair; */
	margin:auto;
}
div#mainShow {
	/*
	color:#FFFFFF;
	font-family:"Courier New",Courier,monospace;
	font-size:16px;
	font-weight:normal;
	*/
	max-width:804px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}

div#menu {
	width: 730px;
	margin:auto;
	height:22px;
}
/*
Navigation Links
*/
#navlinks {
	color: #FFF;
	background-color: #666666;
	margin:  0px;
	margin-right:5px;
	margin-left:5px;
	padding: 6px;
	border: 1px solid #333333;
}

#navlinks a {
	color: #00CC00;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#navlinks a:hover {
	color: #FFFFFF;
}

#navlinks li {
	display: inline;
	margin-right: 0.5em; padding-right: 0.75em;
	border-right: 1px solid #99C;
	font-weight: bold;
}

#navlinks li.last {
	border-right: 0;
}

#navlinks a.current {
	background-color: #33FF00;
	color: #000000;
}
/*
Map Texts
*/
#mapTextDiv {
	margin: 5px;
	padding: 0px;
	text-align: center;
}

#mapTextDiv span {
	font-size: 18px;
	font-family: "Courier New", Courier, monospace;
	color: #FFFFFF;
	font-weight: normal;
	cursor:pointer;
}
#mapTextSpan {
	display:none;
}
#mapTextWorld:hover {
	color: red;
}
/*
#mapText:hover {
	color: red;
}
*/
/*
 Canvas
*/
#map_canvas1 {
	width:100%;
	height:100%;
}
#map_canvas1 {
}
.canvasSmallScreen {
  border: 5px solid #FFFFFF;
  background-color:#FFFFFF;
	margin-right:auto;
	margin-left:auto;
	width:800px;
	height:600px;
	margin-top:5px;
	position:relative;
}
#map_background {
	background-color:#FFFFFF;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:center;
}
#map_background p {
	margin:auto;
	display:inline;
	color:black;
	font-size:50px;
}

#map_show {
	/* margin-top:30px;
	margin-bottom:30px;*/
	display:none;
}
#map_geobig {
	display:none;
	width:800px;
	height:600px;
}

#map_geobig img{
	margin-left:180px;
	margin-top:30px;
  border: 2px solid #FFFFFF;
	width:440px;
	height:220px;
}


#showContainer {
	/*visibility:hidden;*/
	display: none;
  z-index:3000;
}
#showOverlay {
	background-color: #000000;  
}
#selectDiv {
	border: 1px solid #FFFFFF;
  background-color: #656565;  
	/*width: 300px;
	height: 300px;
	top:265px;
	left:304px;
	margin:auto;*/
	display:none;
	position: absolute;
  top: 0px;
  left: 0px;
}
#selectContain img {
	border: 1px solid #000000;
	margin:0px 10px 10px 10px;
	/*width: 200px;
	height:200px;*/
	display: block;
	cursor:pointer;
}
#selectContain img:hover {
	border: 1px solid #FFFFFF;
}
#selectDiv p {
	font-size: 12px;
	font-family: "Courier New", Courier, monospace;
	color: #FFFFFF;
	font-weight: normal;
	margin:0px;
	padding: 5px;
	text-align: center;
}

div#sideBar {
	float: right;
	width: 164px;
	height:800px;
	margin: 3px;
	vertical-align: top;
	padding-top: 40px;
	/*
	background-image: none;
	background-repeat: no-repeat;
	background-color: #006600;*/
}
#sideBar a {
	padding: 2px;
	border-top: 1px solid #CED2B6;
	border-bottom: 1px solid #CED2B6;
	display: block;
	margin-bottom: 2px;
	text-decoration: none;
	font-size: 12px;
	color: #42F2C1;
}
#sideBar a.current {
	background-color: #F6F7F3;
}

#sideBar a:hover {
	color: #FFFFFF;
	background-color: #00CC00;
}
#bottomRow {
	margin-left: auto;
	margin-right: auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #00CC00;
	font-size: 10px;
}
table img {
	border: 1px solid #000000;
}
.fullscreen {
  display:block;
  /*set the div in the top-left corner of the screen*/
  /*position:absolute;*/
  position:fixed;
  top:0;
  left:0;
  /*set the width and height to 100% of the screen*/
  width:100%;
  height:100%;
  border:none;
  margin:0px;
  overflow:hidden;
}
.fullscreenOverlay {
  display:block;
  /*set the div in the top-left corner of the screen*/
  /*position:absolute;*/
  position:fixed;
  top:0;
  left:0;
  /*set the width and height to 100% of the screen*/
  width:100%;
  height:100%;
  border:none;
  margin:0px;
  overflow:hidden;
}
.baroverlay {
  width:100%;
  height:100%;
	background-color: black;
 	filter: alpha(opacity=25);
	opacity: .25;
	position:absolute;
	/*zoom: 1;  
	/*z-index: 1;*/
	left:0px;
	top:0px;
}
.roundoverlay {
  width:100%;
  height:100%;
	background-color: black;
 	filter: alpha(opacity=25);
	opacity: .25;
	position:absolute;
	/*zoom: 1;  
	/*z-index: 1;*/
	left:0px;
	top:0px;
}
.barStyle {
	border: 1px solid #000000;
}
.barStyleIE6 {
	border: 1px solid #000000;
	background-color:#738699;
}
#loadingbar {
	background-color:#666666;
	padding:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	position:absolute;
	top:0;
	left:0;
	border:1px outset #000000;
	color:white;
	display:none;
}
.confirmText {
	font-size: 12px;
	font-family: Helvetica,Arial,sans-serif;
	float:left;
	padding:2px;
	margin:2px;
	margin-right:5px;
	color:black;
	padding-left:10px;
}
.closeButton,.confirmButton {
	font-size: 12px;
	font-family: Helvetica,Arial,sans-serif;
	float:right;
	border: 1px solid #FFFFFF;
	padding:2px;
	margin:2px;
	cursor:pointer;
	margin-right:5px;
	text-decoration:none;
	color:black;
	width:30px;
	text-align:center;
}
.closeButton:hover {
  background-color: red;  
}
.confirmButton:hover {
  background-color: green;  
}