body
{
  background-color:#0379A7;
  font-family: Verdana, Arial, sans-serif;
  text-align:center;
  margin:0;
}

p.default
{
  font-size:90%;
  text-align:left;
  margin-left:20px;
  margin-right:20px;
  color:#484848;
}

div.pageContainer
{
  margin-left:auto;
  margin-right:auto;
}

.centered
{
  margin-left:auto;
  margin-right:auto;
}

#header
{
  width: 100%;
  height: 92px;
  margin: 0;
  background-color:#FFFFFF;
}

#logo
{
  position: relative;
  width: 800px;
  height: 92px;
  margin: 0;
  background: url(images/logo.jpg) no-repeat left bottom;
  z-index: 1;
}

#gears
{
  position: absolute;
  top: 0;
  right: 0;
  width: 202px;
  height: 92px;
  margin: 0;
  background: url(images/gears.jpg) no-repeat right top;
  z-index: 0;
}

#navBar
{
  width: 100%;
  height: 40px;
  background: url(images/navGradient.jpg) repeat-x left center;
}

#subNavBarThin
{
  width: 100%;
  height: 16px;
  padding: 0px;
  margin: 0px;
  background-color: #B8633E;
}

#navigation
{
  width: 800px;
  height: 100%;
  text-align: center;
}

td.navSelected
{
  background-color: #B8633E
}

a.nav
{
  color: #FFFFFF;
  text-decoration: none;
  font-size:smaller;
}

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

#background
{
  height: 100%;
}

#shadowLeft
{
  width: 19px;
  background: url(images/shadowGradientLeft.jpg) repeat-y left center;
}

#shadowRight
{
  width: 19px;
  background: url(images/shadowGradientRight.jpg) repeat-y left center;
}

#centerPanel
{
  width: 800px;
  background-color: #F2F2F2;
  text-align: center;
  padding-top: 40px;
  position: relative;
}

#centerPanelGloBall
{
  width: 800px;
  text-align: center;
  padding-top: 40px;
  position: relative;
  background: url(images/gloBall/background.jpg) repeat left center;
}

#centerPanelTropix
{
  width: 800px;
  text-align: center;
  padding-top: 40px;
  position: relative;
  background: url(images/Tropix/background.jpg) repeat left center;
}

#footer
{
  width: 100%;
  margin-top: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  bottom: 0px;
  text-align: center;
  background-color: #F2F2F2;
}

#contactAddress
{
  color: #000000;
  font-size:xx-small;
  margin-top: 10px;
}

#copyrightText
{
  color: #000000;
  font-size:xx-small;
  margin-top: 10px;
}

h2
{
  color: #808080;
}

table.screenshots
{
  margin-left: auto;
  margin-right: auto;
}

img.screenshot
{
  border: 1px #333333 solid;
}

/* Rounded rectangle table components. */
table.box
{
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

.boxNW
{
  width: 17px;
  height: 34px;
  background-image: url(images/box/boxNW.png);
  background-repeat: no-repeat;
}

.boxN
{
  color: #ffffff;
  height: 34px;
  background-image: url(images/box/boxN.png);
  background-repeat: repeat-x;
}

.boxNE
{
  width: 17px;
  height: 34px;
  background-image: url(images/box/boxNE.png);
  background-repeat: no-repeat;
}

.boxW
{
  width: 17px;
  background-image: url(images/box/boxW.png);
  background-repeat: repeat-y;
}

.boxCenter
{
  padding-top: 10px;
  background-image: url(images/box/boxCenter.png);
  background-repeat: repeat;
  margin-left: auto;
  margin-right: auto;
}

.boxE
{
  width: 17px;
  background-image: url(images/box/boxE.png);
  background-repeat: repeat-y;
}

.boxSW
{
  width: 17px;
  height: 17px;
  background-image: url(images/box/boxSW.png);
  background-repeat: no-repeat;
}

.boxS
{
  color: #ffffff;
  height: 17px;
  background-image: url(images/box/boxS.png);
  background-repeat: repeat-x;
}

.boxSE
{
  width: 17px;
  height: 17px;
  background-image: url(images/box/boxSE.png);
  background-repeat: no-repeat;
}