body {
  background-color: #000033;
  margin: 0;
  color: white;
  font-family: sans-serif;
  font-size: 80%;
  text-align: center;
}
#main {
  text-align: left;
  background: url("img/backgroud.jpg") no-repeat;
  width: 1000px;
  margin: 0 auto;
  border: 1px solid transparent;
}
* html #main {
  border: none;
}
#logo {
  float: left;
  position: relative;
  overflow: hidden;
  margin-left: 91px;
  margin-top: 22px;
  padding: 0;
  font-size: 80%;
}
#logo, #logo a, #logo span {
  display: block;
  width: 175px;
  height: 70px;
  background: url("img/logo.png");
  color: #060B33;
}
* html #logo {
  margin-left: 48px;
}
* html #logo, * html #logo a, * html #logo span {
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo.png');
}
#logo span {
  position: absolute;
  left: 0;
  top: 0;
}
#logo a {
  cursor: pointer;
}
#logo h1 {
  display: inline;
}
#motto {
  margin-top: 50px;
  margin-left: 400px;
  margin-right: 50px;
  text-align: right;
  font-size: 120%;
  text-transform: uppercase;
}
#header {
  margin-top: 20px;
  margin-left: 94px;
  height: 151px;
  overflow: hidden;
}
#menu {
  float: left;
  margin: 0;
  padding: 0;
  width: 820px;
  height: 151px;
}
#menu li {
  display: block;
  float: left;
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
  font-size: 0.85em;
  font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
  padding: 0;
  margin-right: 15px;
}
#menu #about a {
  display: block;
  background-image: url("img/menu-about.gif");
  width: 192px;
  height: 151px;
  color: white;
  text-decoration: none;
}
#menu #about a:hover {
  background-position: 0 -151px;
}
#menu #about strong {
  display: block;
  padding-left: 140px;
  padding-top: 129px;
}
#menu #reference a {
  display: block;
  background-image: url("img/menu-reference.gif");
  width: 192px;
  height: 151px;
  color: white;
  text-decoration: none;
}
#menu #reference a:hover {
  background-position: 0 -151px;
}
#menu #reference strong {
  display: block;
  padding-left: 120px;
  padding-top: 129px;
}
#menu #action a {
  display: block;
  background-image: url("img/menu-action.gif");
  width: 192px;
  height: 151px;
  color: white;
  text-decoration: none;
}
#menu #action a:hover {
  background-position: 0 -151px;
}
#menu #action strong {
  display: block;
  padding-left: 115px;
  padding-top: 129px;
}
#menu #contact a {
  display: block;
  background-image: url("img/menu-contact.gif");
  width: 192px;
  height: 151px;
  color: white;
  text-decoration: none;
}
#menu #contact a:hover {
  background-position: 0 -151px;
}
#menu #contact strong {
  display: block;
  padding-left: 120px;
  padding-top: 129px;
}
#lang {
  width: 20px;
  list-style-type: none;
  padding: 5px 0 0 0;
  margin: 0 0 0 835px;
}
#lang li {
  padding-top: 15px;
}
#lang a {
  color: #FFFFFF;
  text-decoration: none;
}
#lang a:hover {
  text-decoration: underline;
}
#content {
  position: relative;
  clear: both;
  margin-top: 20px;
  width: 1000px;
  background: url("img/bg.png") 0 0 repeat-y;
}
#content1 {
  background: url("img/bg-top.jpg") left top no-repeat;
}
#content2 {
  background: url("img/bg-bottom.jpg") left bottom no-repeat;
  padding: 20px 120px 120px 120px;
  min-height: 320px;
}
#content p {
  margin: 0.5em 0;
}
#content a {
  color: white;
}
#content a:hover {
  text-decoration: none;
}
#footer2 {
  position: absolute;
  left: 460px;
  bottom: 80px;
}
#footer {
  position: absolute;
  left: 380px;
  bottom: 30px;;
}
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightbox img{ border: none; clear: both;} 
#keyboardMsg{ float: right; }
kbd{ font-size: 2.2em;}

table {
  font-size: 100%;
}