body {
	/* This will contain the default values for the page. */
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	/* background: #BAD80A; */
	/* background: #0099B5; */
	background: #005B99;
	text-align: center;
	background-image: url(images/pg_bg.gif);
	background-position: center;
	background-repeat: repeat-y;
	}
	
#frameL {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 180px;
	height: 70px;
	text-align: center;
	padding: 0px 0px;
	background-color: #FFFFFF;
	
	z-index: 91;
	border-bottom:0px solid #ccc;
	border-right: 0px solid #ccc;
	}
	
	
	
#logo1 {
	position: absolute;
	top: 0px;
	left: 10px;
	margin: 0px;
	padding: 0px;
	}

#MenuBar {
	position: absolute;
	background-color: #eee;
	top: 0px;
	left: 357px;
	height: 28px;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold;
	color: #000000;
	text-align: left;
	border: 0px none;
	z-index: 30;  /* Menubar needs to be above MapInfoContainer which is not set and routebalk which is 20*/
	}

/* Hide from IE6 the menubar width ..*/
body>#MenuBar {
	width: 100%;
	}

#MenuBar {
	width: 100%;
	}
	
#MenuList {
	position: relative;
	top: 0px;
	left: -150px;
	height: 28px;
	/*height: 62px;*/
	margin: 0px;
	padding: 0px;
	text-align: left;
	background-image: url(images/btnbg.gif); 
	background-repeat: repeat-x;
	width:150%;
	z-index: 20;
	/*overflow: hidden;*/
	overflow: visible;
	}
	
#MenuList ul, #MenuList li {  
	position: relative;
	top: 0px;
	height: 28px;
	list-style: none;
	padding: 0px 4px;
	margin: 0px;
	z-index: 10;
	}

#MenuList ul {
	position: relative;
	top: 4px;
	/*left: 80px;*/
	left: 160px;
	padding: 0px 0px;
	display: block;
	}

#MenuList li { 
	display: inline;
	left: 0px;
	margin: 0px;
	padding: 0px 4px 0px 6px;
	background-image: url(images/btnSeparator.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	}

#MenuBar a {  
	position: relative;
	display: inline;
	padding: 0px;
	top: 0px;
	left: 1px;
	margin: 0px;
	text-align: left;
	text-decoration: none;
	color: #FFFFFF;
	}

#MenuBar a.c {
	position: relative;
	border-style: none; 
	border-width: 0px;	
	}

#MenuBar a.c:hover {  
	font-style: normal;
	color: #FFFFFF;
	}


.frameC_d9lw2uep{
top:50px;
}

.frameC_e4cc9ggo {
height:1850px;

}
#frameC {
	position: relative;
	width: 812px;
	top: 20px;
	padding: 6px 5px;
	margin: 0px auto;
	background-color: #FFFFFF;
	border-left: 1px solid #0099B5;
	border-right: 1px solid #0099B5;
	border-bottom: 0px none #FFF;
	border-top: 0px none #FFF;
	}

body >#frameC {
top:20px;
}


#frameC_dpyy844l{
	
	
	padding: 5px 5px;
	
	background-color:transparent;
}

#displayContainer {
width: 800px;
margin-left:0px;
height:750px;


}

body > #displayContainer {
width: 900px;
left:30px;
margin-left:0px;
height:700px;
}
	
#MapInfoContainer {
	position: relative;

	width: 900px;
	/*height: 800px;*/
	
	height: 960px;
	margin: 0 auto;
	left:0px;
	 top:-50px;
	
	background-color: #FFFFFF;
	border-left: 1px solid #0099B5;
	border-right: 1px solid #0099B5;
	border-bottom: 0px none #FFF;
	border-top: 0px none #FFF;
	padding: 128px 6px 0px 6px;
}
	


#MapInfoContainer #intro{
 font-weight:bold;

 white-space:normal;
 width:350px;
 text-align:justify;
 color:#005B99;
 margin:0 0 0 -430px;
 top:-50px;

}

#MapInfoContainer > #intro {
 font-weight:bold;
 white-space:normal;
 width:350px;
 text-align:justify;
 color: #005B99;
 left:0px;
 margin:0 0 0 -0px;

}
body > #MapInfoContainer {
	
	
	height: 850px;
	left:0px;
	/*left:10px;*/ /*firefox*/
	
	 top:-50px;
	
	}
	
#MapContainer {
	position: relative;
	 /*left: -91px;*/ /*firefox*/
	/*left:-50px;*/
	left:110px;
	/*top:-400px;*/
	top:-370px;
	text-align: left;
	margin: 0 auto;
	padding: 0px;
	z-index: 20;
	}

#WorldMap{
	position: relative; 
	top: 12px; 
	left:43px;
	width:300px;
	}

#InsetMap {  
	position: absolute; 
	/*left: 715px; */
	left: 50px; 
	top: 12px; 
	width: 260px; 
	
	}



	
#WorldMap,
#InsetMap {  
	border-color: #0099B5; 
	background-color: #FFFFFF; 
	border-style: solid; 
	border-width: 1px;
	
	}


#Dropdown {
	position: absolute;
	text-align: left;
	/*top: 328px;
	left: 200px;*/
	top: 345px;
	left: 50px;
	color: #005B99;
	z-index: 1;
	}
	
#location {
	color: #000;
	}

#outpostonly {
	position: absolute;
	top: 26px;	
	left: 4px;
	width: 352px;
	height: 54px;
	color: #FFFFFF;
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	display: block;
	z-index: 30; /* Must be higher order than Menubar and RouteBalk */
	}


#outpostonly img {
	position: relative;
	top: -20px;
	left: -170px;
	border: none;
	text-decoration: none;
	vertical-align: middle;
	}
	

	
a #expandlink.linkshrink {
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	background-image: none;
	}
	
a #expandlink.linkexpand {
	position: absolute;
	display: block;
	top: -20px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	text-align: right;
	background-image: none;
	}

.formshrink {
	visibility: hidden;
	display: none;
	}
	
#Loginform.formexpand {
	position: relative;
	visibility: visible;
	display: block;
	top: 0px;	
	left: 1px;
	width: 340px;
	height: 36px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	background-color: #FFFFFF;
	color: #005B99;
	/*padding: 0px 6px;*/
	padding: 6px 6px;
	margin: 0px;
	margin-top: 5px;
	border: 1px solid #005B99;
	z-index: 30;
	}

#outpostonly > #Loginform.formexpand {
height: 46px;
}

#login a.loginBtn {
	position: absolute;
	background-color: #BAD80A;
	top: 0px;
	left: 254px;
	width: 34px;
	height: 13px;
	padding: 3px 5px;
	color: #005B99;
	text-decoration: none;
	display: inline;
	}

/* Try styling the submit button */
.loginBtn {
	position: absolute;
	background-color: #BAD80A;
	top: 0px;
	left: 0;
	width: 34px;
	height: 13px;
	padding: 1px 3px;
	font-size: 11px;
	color: #005B99;
	text-decoration: none;
	display: inline;
	border: 1px solid #005B99;
	}

#login a.loginBtn:hover {
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}

#login {
	position: relative;
	top: 6px;
	left: 6px;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	}

#Loginform input{
	position: relative;
	top: 0px;
	width: 60px;
	height: 20px;
	}
	
#tickerbar {
	padding: 4px 0px;
	background-color: #036;
	color: #FFF;
	height: 18px;
	visibility: hidden;
	display: none;
	}

#ColContainer {
	position: relative;
	left: 50px;
	/*top: -400px;*/
	top: -450px;
	font-family: Arial, Helvetica, sans-serif; 
	text-align: left;
	color: #003366;
	width: 690px;
	/*height: 340px;*/
	height: 440px;
	margin: 0 auto;
	padding: 0px;
	overflow: hidden;
	}

body > #ColContainer {
	
	left: 50px;
	/*top: -400px;*/
	
	top: -450px;
	}

#ColContainer h3 {
	font-size: 12px;
	font-weight: bold; 
	color: #005B99;
	}

#ColContainer h4 {
	font-size: 12px; 
	color: #000;
	}

#Column1 {  
	position: relative;
	padding: 0px;
	margin-top: 0;
	width: 48%; 
	top: 11px; 	
	}

#Column2 {  
	position: absolute;
	padding: 0px;
	margin-top: 0;
	margin-left: 50%; 
	width: 48%; 
	top: 0px; 
	}

#HeaderBar {  
	position: relative;
	background-color: #FFFFFF;
	background-image: url(images/goslogo50.gif); 
	background-repeat: no-repeat; 
	text-align: center;
	height: 54px; 
	top: 5px;
	}

h2 {  
	color: #005B99; 
	text-align: center;
	}

#clocks {
	position: absolute;
	/*top: 600px;*/
	top:-60px;
	left: 40px;
	/*left: 150px; */
	width: 360px;
	}

.clocks {
	position: relative;
	font-size: 9px;
	color: #336699;
	height: 65px;
	z-index: 10;
	}

.clock1 { /* Big clock */
	position: absolute;
	  top: 0px;
	  left: 174px;
	  text-align: center;
	  width: 100px;
	}

.clock2 {/* Hague */
	position: absolute;
	top: 10px;
	left: 0px;
	width: 58px;
	text-align: center;
	}

.clock3 {/* Houston */
	position: absolute;
	top: 10px;
	left: 58px;
	width: 58px;
	text-align: center;
	}

.clock4 {/* KL */
	position: absolute;
	top: 10px;
	left: 116px;
	width: 58px;
	text-align: center;
	}

#calIcon {
	position: absolute;
	top: 20px;
	left: 282px;
	}

/* This is the box that holds the location info at the top
   right of the screen */
#locationInfo {
	position: absolute;
	/*top: 100px;*/
	top:-78px;
	
	/*right: 2px;*/
	right: 105px;
	text-align: left;
	width: 432px;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	}

#infoBox {
	position: relative;
	top: -50px;
	left: 0;
	width: 432px;
	}

.locInfoShrink {
	position: absolute;
	/*height: 94px;*/
	border-left: 1px dotted #FFF;
	border-right: 1px dotted #FFF;
	z-index: 20;
	}

.locInfoExpand {
	position: absolute;
	/*height: Auto;*/
	background-color: #fff;
	border-bottom: 1px solid #BAD80A;
	border-left: 1px solid #BAD80A;
	border-right: 1px solid #BAD80A;
	z-index: 20;
	}

#moreInfoBtn {
	position: absolute;
	display: block;
	bottom: 8px;
	right: 4px;
	height: 16px;
	width: 32px;
	background-repeat: no-repeat;	
	text-decoration: none;
	}


	

a:hover #moreInfoBtn {
	text-decoration: none;
	}

#locationInfo.locInfoExpand #moreInfoBtn {
	background-image: url(images/lessInfoBtn.gif)
	}
	
#InsetMap.InsetMapShrink #moreInfoBtn {
	background-image: url(images/moreInfoBtn.gif)
	}

#InsetMap > #moreInfoBtn {
	/*background-image: url(images/lessInfoBtn.gif);*/
	background-image: url(images/HideBtn.gif);
	bottom:0px;
	}
	

	
#locationInfo.locInfoShrink #moreInfoBtn {
	background-image: url(images/moreInfoBtn.gif)
	}

.InfoTable {
	font-size: 12px;
	position: relative;
	 padding: 0px;
	/*padding: 53px 0px 0px 0px;*/
	margin: 0px;
	/*margin-top:15px;*/
	color: #0099B5;
	border-width: 0px;
	width: 432px;
	text-align: left;
	top:50px;
	}

.InfoTable td {
	  padding: 0px 4px;
	  vertical-align: top;
	}

.InfoHeader {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #005B99;
	}

.InfoCell, .InfoTitle, .InfoCell_orange, InfoTitle_orange {
	padding: 0px;
	margin: 0px;
	Height: 14px;
	}
	
td.InfoTitle {
	width: 29%;
	color: #0099B5;
	text-align: right;
	font-weight: bold;
	}

td.InfoTitle_orange {
	width: 29%;
	color: #FF0000;
	text-align: right;
	font-weight: bold;
}

td.InfoCell {
	color: #005B99;
	width: 71%;
	}

td.InfoCell_orange {
	color: #FF0000;
	width: 71%;
}
	
.InfoCell img {
	vertical-align: middle;
	}

#frameF_goshome{
	
	position: relative;
	
	top:-350px;
	width: 812px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9px;
	font-style: italic;
	color: #000;	
	background-color: #fff;
	padding: 0px 0px;
	margin: 0px ;
	border-left: 1px solid #0099B5;
	border-right: 1px solid #0099B5;
	border-bottom: 0px none #FFF;
	border-top: 0px none #FFF;
	left:50px;
	
	}

#frameF {
	position: relative;
	
	top:40px;
	width: 812px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9px;
	font-style: italic;
	color: #000;	
	background-color: #fff;
	padding: 0px 0px;
	margin: 0px ;
	border-left: 1px solid #0099B5;
	border-right: 1px solid #0099B5;
	border-bottom: 0px none #FFF;
	border-top: 0px none #FFF;
	left:0px;
	}

html>body #frameF {
	width: 772px;
	top:30px;
	left:150px;
	}

#flag {
	position: absolute;
	visibility: hidden;
	white-space: nowrap;
	color: #fff;
	background-color: #0099B5;
	padding: 2px 4px 2px 4px;
	border: 1px solid #0099B5;
	font-weight: bold;
	z-index: 99;
	}

#noauth, .warning {
	position:relative;
	width:600px;
	margin:0px auto;
	margin-top:50px;
	padding:30px 10px 10px 80px;
	background: #F5F5F5 url(images/stopsign.gif) 10px 10px no-repeat;
	border: solid 1px;
	border-color: #E0E0E0 #E0E0E0 #C0C0C0 #C0C0C0;
	text-align: left;
}

.info {
	width: 600px;
	border: 1px solid #0099B5;
	background: #E8E8F0;
	padding: 4px;
	margin: 0px auto;
	}
	
a.button {
	display: block;
	width: 210px;
	padding: 2px;
	margin: 0px;
	color: #005B99;
	border: 1px solid #005B99;
	text-decoration: none;
	text-align: center;
	background-color: #F0F0F0;
	}
	
a.button:hover {
	background-color: #FFFFFF;
	border: 1px solid #0099B5;
	color: #0099B5;
	text-decoration: none;
	}
	
.label {
	color: #005B99;
	font-weight: bold;
	}
	
	
.Newscontainer {
	color: #000;
	font-weight: bold;
	margin-top:100px;
	width:150px;
	text-align:left;
	}
	
.Newscontainer a{
	color: #000;
	
	}
.Newscontainer li{
  list-style-type: none;
	
	}
	
	
#newsticker {  
  width:110px; height:20px;
  /*overflow:auto*/
  float:left;
    border:0px solid #aaaaaa;  
 }  
 
 #newsticker h4 {  
   font:normal 14px Georgia; padding:0 10px 5px 10px;  
   background-color:#e5e5e5; padding-top:10px; border:1px solid #ffffff;  
   border-bottom:none; border-right:none;  
 }  

#newsticker p {  
  margin-left:0; font:normal 11px Verdana; padding:0 10px 10px 10px;  
  border-bottom:1px solid #aaaaaa; background-color:#fff;  
  border-left:1px solid #ffffff;  
 }  
 
#ticker p.last { border-bottom:1px solid #ffffff;  }
 


#ticker { width:120px; height:380px; border:0px solid #aaaaaa; margin:0px; overflow:auto; }
/*#ticker dt { font:normal 14px Georgia; padding:0 10px 5px 10px; background-color:#e5e5e5; padding-top:10px; border:1px solid #ffffff; border-bottom:none; border-right:none; position:relative; }*/
#ticker dt { font:normal 14px Georgia; font-weight:bold;color:#fff; padding:0 10px 5px 10px; background-color:#005B99; padding-top:10px; border:0px solid #ffffff; border-bottom:none; 
border-right:none; position:relative; margin-left:-1px}

#ticker dd { margin-left:0; font:normal 11px Verdana; padding:0 10px 10px 10px; border-bottom:0px solid #aaaaaa; background-color:#FFF; border-left:0px solid #ffffff; position:relative; }
#ticker dd.last { border-bottom:1px solid #ffffff; }
#ticker div { margin-top:0; }
#tickerContainer { 
  position:relative;
 /* position:absolute;*/
     width:120px;
	/* float:left;*/
	 left:-380px;
	 overflow:hidden; 
     border: 0px solid #445566;
     height:390px;margin: 10px 0;
	 top:50px;
     background-color:#FFF;
	 }
	 
#MapInfoContainer> #tickerContainer { 
  position:relative;
 /* position:absolute;*/
     width:120px;
	/* float:left;*/
	 left:10px;
	 overflow:hidden; 
     border: 0px solid #445566;
     height:395px;margin: 10px 0;
	 top:52px;
     background-color:#FFF;}
	 
ticker{
   /*position: relative;*/
  position: absolute;
  overflow: hidden;
   float: left;
   width: 21%;
   left:5px;
   top:100px;
   /*left: 1.5%;*/
}

#footdef {

margin-top:0px;

background-color:#fff;
}

body > #footdef {

margin-top:250px;
background-color:transparent;
display:none;
}

#mapandtable #InsetMap {  
	position: absolute; 
	/*left: 715px; */
	left: 450px; 
	top: 12px; 
	width: 260px; 
	
	}

#forgotPass a {
position: relative;
top: 20px;
left: 180px;
border: none;
text-decoration: none;
vertical-align: middle;
	z-index:999;
}

#iconTableGen td {
    left: 140px;
    width: 40%;
}

#frameC > #iconTableGen td {
    padding: 60px 0;
    text-align: center;
    vertical-align: bottom;
    width: 30%;
}