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: 250px;
	height: 80px;
	text-align: center;
	padding: 0px 0px;
	background-color: #FFFFFF;
	z-index: 91;
	border-bottom: 1px solid #ccc;
	border-right: 1px 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: 220px;*/
	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 {
	position: relative;
	width: 812px;
	top: 0px;
	padding: 6px 0px;
	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;
	}
	
#MapInfoContainer {
	position: relative;
	width: 800px;
	height: 386px;
	margin: 0 auto;
	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;
	}
	
#MapContainer {
	position: relative;
	left: -91px;
	text-align: left;
	margin: 0 auto;
	padding: 0px;
	z-index: 20;
	}

#WorldMap{
	position: relative; 
	top: 0px; 
	}

#InsetMap {  
	position: absolute; 
	left: 715px; 
	top: 0px; 
	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;
	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: -110px;
	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;
	}

#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: 0px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif; 
	text-align: left;
	color: #003366;
	width: 772px;
	height: 440px;
	margin: 0 auto;
	padding: 0px;
	overflow: hidden;
	}

#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: 60px;
	left: 0px; 
	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: 30px;
	right: 2px;
	text-align: left;
	width: 432px;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	}

#infoBox {
	position: relative;
	top: 0;
	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: 16px;
	background-repeat: no-repeat;	
	text-decoration: none;
	}

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

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

#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;
	}

.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 {
	position: relative;
	top: 0px;
	width: 812px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9px;
	font-style: italic;
	color: #000;	
	background-color: #fff;
	padding: 0px 20px;
	margin: 0px auto;
	border-left: 1px solid #0099B5;
	border-right: 1px solid #0099B5;
	border-bottom: 0px none #FFF;
	border-top: 0px none #FFF;
	}

html>body #frameF {
	width: 772px;
	}

#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;
	}