/* CSS Document */

html, body, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p {
  list-style: none;
  margin: 0;
  padding: 0; }
html {
  font: 14px Arial, Helvetica, sans-serif;
  height: 100%;
  min-width: 920px;
  background: #fff;
 }
body {
  margin: 0;
  padding: 0;
   }
h1, h2, h3, h4, h5, h6 {
  padding:12px 0px 0px 24px;   }
h1 {
   color: #00559e;
   font-size:200%;
   }
h2 {
   color: #00559e;
   font-size:200%;
   font-weight:bold;
   }
h3 {
   color: #00559e;
   font-size: 140%;
   }
h4 {
   color: #00559e;
   font-size: 140%;
   font-weight:bold;
   }
h5 {
  font-size:100%;
  font-weight:normal;
  }
p {
	padding:12px 24px 12px 24px;
	text-align:left;
	line-height: 130%;
  }
a:link, a:visited {
  text-decoration:underline;
  color:#00559e;
  } 
img {
  padding:0px;
  }
ul {
  margin-top:5px;
  margin-bottom:5px;
  margin-left:48px;
  padding:0;
  }
li {
  list-style-type:circle;
  line-height: 130%;
 }
table {
  margin-top:0px;
  margin-left:36px;
  margin-right:24px;
  }
th, td {
  padding:10px;
  }
th {
  text-align: left;
  font-weight:bold;
  }
.hilite {
  color:#00559e;
  font-weight:bold;
  }
.events td {
  border: 1px solid #bfbfbf;
  }
.events th {
  background-color:#bfbfbf;
  }
.other table {
  margin-left:72px;
  margin-top:0px;
  }   
.other td {
  padding:5px;
  background-color:#CCCCCC;
  border: 0.5px solid #ffffff;
  }
.right {
  float:right;
  }  
.credit {
  padding-top:0px;
  font-size: 80%;
}
 

/*---top blue bar---*/
#topbar {
  height:30px;
  min-width: 920px;
  width: 100%;
  background:  url(images/TopBlueGradient.jpg) repeat-x;
  text-align:right;
  padding:0px;
}
#topbar ul {
  list-style: none;
  margin-top:0px;
  padding-top:6px;
   }
#topbar li {
  color:#FFFFFF;
  display:inline;
  font-size:10px;
  margin-top:10px;
  padding-right:10px;
  }
#topbar li a:link, #topbar li a:visited {
  color:#FFFFFF;
  text-decoration:none;
  }
#topbar li a:hover {
  text-decoration:underline;
  }

  

/*---main menu bar---*/
#menubar {
  height:120px;
  padding:0px;
  background:  url(images/TopGrayGradient.jpg) repeat-x;
}
h1#logo {
  margin: 0px;
  padding:0px;
  width: 243px;
  height: 120px;
  background:  url(images/TopGlobalLogo.jpg) no-repeat 0 0; }
h1#logo a {
  display: block;
  width: 243px;
  height: 120px;
  text-indent: -8000px;
  overflow: hidden; }
#nav {
  height: 31px;
  margin: -90px 0 0 267px; }
#nav li {
  display: block;
  float: left;}
li#nav-about { 
  width: 86px;
  height: 31px;
  background:  url(images/buttons/AboutUsInactive.jpg) no-repeat 0 0; }
li#nav-about-A { 
  width: 86px;
  height: 31px;
  background:  url(images/buttons/AboutACTIVE.jpg) no-repeat 0 0; }
li#nav-about a, li#nav-about-A a {
  display: block;
  width: 86px;
  height: 31px;
  text-indent: -8000px;
  overflow: hidden; }
li#nav-about a:hover {
  display: block;
  width: 86px;
  height: 31px;
  background-image:  url(images/buttons/AboutACTIVE.jpg); }
li#nav-products { 
  width: 89px;
  height: 31px;
  background:  url(images/buttons/ProductsInactive.jpg) no-repeat 0 0; }
li#nav-products-A { 
  width: 89px;
  height: 31px;
  background:  url(images/buttons/ProductsACTIVE.jpg) no-repeat 0 0; }
li#nav-products a, li#nav-products-A a {
  display: block;
  width: 89px;
  height: 31px;
  text-indent: -8000px;
  overflow: hidden; }
li#nav-products a:hover {
  display: block;
  width: 89px;
  height: 31px;
  background-image:  url(images/buttons/ProductsACTIVE.jpg); }
li#nav-myglobal { 
  width: 93px;
  height: 31px;
  background:  url(images/buttons/MyGlobalInactive.jpg) no-repeat 0 0; }
li#nav-myglobal-A { 
  width: 93px;
  height: 31px;
  background:  url(images/buttons/MyGlobalACTIVE.jpg) no-repeat 0 0; }
li#nav-myglobal a, li#nav-myglobal-A a {
  display: block;
  width: 93px;
  height: 31px;
  text-indent: -8000px;
  overflow: hidden; }
li#nav-myglobal a:hover {
  display: block;
  width: 93px;
  height: 31px;
  background-image:  url(images/buttons/MyGlobalACTIVE.jpg); }
li#nav-services { 
  width: 79px;
  height: 31px;
  background:  url(images/buttons/ServicesInactive.jpg) no-repeat 0 0; }
li#nav-services-A { 
  width: 79px;
  height: 31px;
  background:  url(images/buttons/ServicesACTIVE.jpg) no-repeat 0 0; }
li#nav-services a, li#nav-services-A a {
  display: block;
  width: 79px;
  height: 31px;
  text-indent: -8000px;
  overflow: hidden; }
li#nav-services a:hover {
  display: block;
  width: 79px;
  height: 31px;
  background-image:  url(images/buttons/ServicesACTIVE.jpg); }
li#nav-partners { 
  width: 79px;
  height: 31px;
  background:  url(images/buttons/PartnersInactive.jpg) no-repeat 0 0; }
li#nav-partners-A { 
  width: 79px;
  height: 31px;
  background:  url(images/buttons/PartnersACTIVE.jpg) no-repeat 0 0; }
li#nav-partners a, li#nav-partners-A a {
  display: block;
  width: 79px;
  height: 31px;
  text-indent: -8000px;
  overflow: hidden; }
li#nav-partners a:hover {
  display: block;
  width: 79px;
  height: 31px;
  background-image:  url(images/buttons/PartnersACTIVE.jpg); }
li#nav-news { 
  width: 118px;
  height: 31px;
  background:  url(images/buttons/NewsInactive.jpg) no-repeat 0 0; }
li#nav-news-A { 
  width: 118px;
  height: 31px;
  background:  url(images/buttons/NewsACTIVE.jpg) no-repeat 0 0; }
li#nav-news a, li#nav-news-A a {
  display: block;
  width: 118px;
  height: 31px;
  text-indent: -8000px;
  overflow: hidden; }
li#nav-news a:hover {
  display: block;
  width: 118px;
  height: 31px;
  background-image:  url(images/buttons/NewsACTIVE.jpg); }
li#nav-contact { 
  width: 101px;
  height: 31px;
  background:  url(images/buttons/Contactnactive.jpg) no-repeat 0 0; }
li#nav-contact-A { 
  width: 101px;
  height: 31px;
  background:  url(images/buttons/ContactACTIVE.jpg) no-repeat 0 0; }
li#nav-contact a, li#nav-contact-A a {
  display: block;
  width: 101px;
  height: 31px;
  text-indent: -8000px;
  overflow: hidden; }
li#nav-contact a:hover {
  display: block;
  width: 101px;
  height: 31px;
  background-image:  url(images/buttons/ContactACTIVE.jpg); }

/*---secondary menu---*/
#subnav {
  clear:both;
  width:650px;
  height: 26px;
  margin: 0px 0 0 267px;
   background:  url(images/SecondNavBar.jpg) no-repeat;
  }
#subnav ul  {
  margin-top:0px;
  margin-left:24px;
  padding-top: 3px;
}
#subnav li  {
  display: inline;
  padding-left: 15px;
  list-style: none; }
#subnav li a {
  color: #000000;
  text-decoration:none;
   }
#subnav li a:hover {
  color: #ffffff; }

/* Old Sub Menu state style -----
#subnav li#active a {
  color: #00559e;
  text-decoration:none;
 }
*/

/*---secondary menu state set by page id ------
To add a new sub menu state follow these instructions.
1. Change the id attribute in the pages body tag by going to; Modify>Template Properties...
2. Edit the id attribute to the page id you would like to use.
3. Add the page id and sub menu id to the list below.
4. Don't forget to add the id to the list tag.
*/

#history #sub-history a, #manage #sub-manage a, #culture #sub-culture a, #careers #sub-careers a,
#global #sub-global a, #events #sub-events a, #industry #sub-industry a,
#dispatch #sub-dispatch a, #mreach #sub-mreach a, #records #sub-records a, #justice #sub-justice a, #mtrak #sub-mtrak a,
#support #sub-support a, #training #sub-training a, #usersgroup #sub-usersgroup a
{
  color: #00559e;
  text-decoration:none;
}


/*---main block---*/
#container {
  width: 100%;
  height:100%;
  /*  faux column for left side bar  */
  background: #fff url(images/greysidebar.JPG) top left repeat-y;
  overflow:hidden;
}

#content {
  margin-left:243px;
  }
#content img {
  padding-top:24px;
  padding-left:24px;
  border:0;
  }
 #content p img {
   padding:12px 0px 0px 0px;
   }
 
/*---What's New side bar---*/
#leftcol {
  float:left;
  background-color:#bfbfbf;
  width: 243px;
  padding-top:30px;
  padding-bottom: 30px;
}
#leftcol h3 {
  padding:12px 0px 0px 0px;   }

#leftbox {
  width:223px;
  background-color:#f8f8f8;
  margin: 0 auto;
  }
/*-- Old Styles - This is now controlled on the whats_new.htm page --- 
#leftbox p {
  padding:20px 10px 0px 10px;
  text-align:left;
  font-size:90%;
  }  
#leftbox a:link, #leftbox a:visited {
	color:#00559e;
	text-decoration:underline;
	font-variant: small-caps;
	font-weight: bold;
    padding-top:5px;
  } 
--- */
/*--- Styles used to display the iframes content in the proper div for whats new box ---*/
#buffer { position:absolute; visibility:hidden; left:0; top:0 }
div#display { 
    display:none; /* until loaded */
}
  
  
#gold {
  margin-top: 24px;
  margin-bottom: 24px;
  text-align: center;
  }   

#clearstuff {
  clear:both;
  height:24px;
  }
  
#footer {
  clear:both;
  height:38px;
  width 100%;
  background:  url(images/BottomBlueGradient.jpg) repeat-x;
  color:#FFFFFF;
  text-align:center;
  font-size:75%;
  padding:1em;
}