/* Base layout */

body {
  margin: 0;
  background-color: #C5D9FE; /* light blue */
  text-align: center;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size:21px;
}

#top {
  position: relative; /* can not be omitted as the containing layers is absolute relative to this */
  width: 800px;
  margin: 0px auto; /* 'auto' centers the div; in IE in combination with 'text-align: center' declared in 'body' */
  margin-top: 5px;
  background-image: url("images/main/background.gif");
  text-align: left;
}

#base_topleft { /* the layer exactly has the dimensions of the background image */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 500px;
  height: 102px;
  text-align: left;
  background-image: url("images/main/top_left.gif");
}

#title {
  position: absolute;
  left: 0px;
  top: 102px;
  width: 500px;
  height: 56px;
  margin-top: 8px;
  padding-left: 15px;
  text-align: left;
  font-size: 12pt;
  color: #03348F;
  font-weight : bold;
}

#base_topright { /* the layer exactly has the dimensions of the background image */
  position: absolute;
  top: 30px;
  left: 500px;
  top: 0px;
  width: 300px;
  height: 158px;
  background-image: url("images/main/top_right.gif");
}

#base {
  position: relative; /* can not be omitted as the containing layers is absolute relative to this */
  width: 800px;
  margin: 0px auto; /* 'auto' centers the div; in IE in combination with 'text-align: center' declared in 'body' */
  /*border: 0px;*/
  background-image: url("images/main/background.gif");
  text-align: left;

  border-top: 1px black solid;
}

#content {
  position: relative;
  top: 140px;
  width: 630px; /* leave a margin of 10px to the navigation layer */
  padding-left: 15px;
  text-align: left;
  font-size: 10pt;
}

#navigation {
  position: absolute; /* attention: the navigation layer must not be higher than the content! */
  top: 170px;
  left: 650px;
  width: 130px;
  background-color: #F3F3F3; /* light gray */
  text-align: right;
  font-size: 11pt;
}

#base_space { 
  width: 800px;
  height: 150px; /* balance the relative movement of #content + 10px */
}

#base_bottom { /* the layer exactly has the dimensions of the background image */
  width: 800px;
  height: 67px;
  background-image: url("images/main/bottom.gif");
}

#footer {
  position: relative;
  left: 10px;
  top: 20px;
  width: 500px;
  height: 20px;
  font-size: 9pt;
  color: #FEEDCD;
}

.one-image {
  border: 0px;
}

/* Navigation */

.navitem {
  line-height: 23px;
  font-weight : bold;
  color: #333;
}

.navitem a:link, .navitem a:active, .navitem a:visited { 
  font-weight : normal;
  text-decoration:none;
  color: #666;
}

.navitem a:hover { 
  font-weight : normal;
  text-decoration:none;
  color:#333;
}

.navsubitem { 
  font-size: 10pt;
  font-weight : bold;
  text-decoration:none;
  color: #333;
  padding-right: 8px;
  /*border-right: 1px solid #cccccc;*/
}

.navsubitem a:link, .navsubitem a:active, .navsubitem a:visited { 
  font-weight : normal;
  text-decoration:none;
  color: #666;
}

.navsubitem a:hover { 
  font-weight : normal;
  text-decoration:none;
  color: #333;
}

/* Normal text and it's links */

.text {
  text-align: left;
  font-size: 10pt;
  color: #333;
}

.text a:link, .text a:active, .text a:visited { 
  text-decoration:none;
  color: #FBA504;
}

.text a:hover { 
  text-decoration:none;
  color:#666;
}

/* Small text */

.smallgray {
  font-size: 7pt;
  color: #aaa;
}

/* Subtitles */

.subtitle {
  text-align: left;
  font-size: 10pt;
  color: #03348F;
  font-weight : bold;
}

/* Error text (red) */

.error {
	color: #f00;
}

/* Gallery customization */

.commanditem { 
  font-size: 10pt;
  line-height: 15px;
  text-decoration:none;
  color: #333;
}

.commanditem a:link, .commanditem a:active, .commanditem a:visited { 
  text-decoration:none;
  color: #666;
}

.commanditem a:hover { 
  text-decoration:none;
  color: #333;
}

img {
  border: 0px;
}

/* Title on home page */

.bigtext {
  text-align: left;
  font-size: 15pt;
  color: #03348F;
}

/* Custom ruler */

div.hr {
	background: #fff url("images/ruler.png") no-repeat scroll center; 
	height: 18px;
	margin: 5px;
}

div.hr hr {
	display: none
}

/* Table coloring */

.zebra tbody tr.odd td {
  background-color: #F3F3F3;
}