/* CSS Document */
body, html {
  margin: 0;
  padding: 0;
  font-size: 11px;
  font-family: Verdana, sans-serif;
}
/******** COMMON ELMS ******/
strong {
  color: #219000;
}
h1, h2, h3 {
  font-weight: bold;
}
h1 {
  font-size: 2em;
  margin: .67em 0;
}

h2 {
  font-size: 1.5em;
  margin: .83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-weight: bold;
  margin: 1.33em 0;
} 
p { 
  margin-top: 0;
}
a, a:link {
  color: #219000;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
.cl {
  clear: both;
}
/****** layout ******/
body {
  background: #10171D url("images/body-bkg.jpg") repeat-x 0 0;
  text-align: center; /* IE 6*/
}
#page-container {
  width: 960px;
  margin: 35px auto;
  text-align: center; /*IE 5.5*/
}
#page-border {
  background: url(images/page-bkg-border.png) repeat-y 0 0;
  width: 960px;
}
#page-border-top, #page-border-bottom {
  background: url("images/page-top-border.png") no-repeat 0 0;
  width: 960px;
  height: 20px;
}
#page-border-bottom {
  background-image: url(images/page-bottom-border.png);
}
#page {
  text-align: left;
  padding: 15px;
}
#content {
  color: #646c70;
}
/****** logo ******/
#logo {
  float: left;
  height: 64px;
}
#logo a img {
  border: 0;
  height: 46px;
  margin-top: 18px;
  z-index: 10;
}

/****** header ******/
#header {
  width: 930px;
  height: 230px;
  background: url(images/header.jpg) no-repeat 0 0;
  margin-top: 6px;
}
#header h1 {
  margin: 0;
  clear: both;
}
#header h1 span {
  display: none;
}
#header h2 {
  color: #FFF;
  position: relative;
  top: 180px;
  padding-left: 1em;
}


/****** menu ******/
#menu-container {
  position: relative;
  height: 50px;
}
#menu {
  position: absolute;
  right: 0;
  width: 595px;
  height: 96px;
  top: -27px;
}

#menu ul {
  list-style: none url();
  margin: 0;
  padding: 0;
  float: right;
  height: 96px;
}
#menu ul li {
  float: left;
  display: inline;
  margin: 0 0 0 .2em;
  padding: 0;
  height: 96px;
}
#menu ul li a {
  padding: .5em;
  padding-top: 75px;
  display: block;
  color: #219000;
  text-decoration: none;
}
#menu ul li a:hover, #menu ul li a.active {
  background: url(images/menu-bkg-over.png) repeat-x 0 0;
  color: #FFF;
}

/*********** CONTENT ************/

#content {
  margin-top: 1em;
  line-height: 1.3em;
}
#content img.illu {
  border: 10px solid #666;
}
#content {
  text-align: justify;
}

.column {
  float: left
}
.left-column-container {
  width: 655px;
}
.right-column-container {
  width: 275px;
}
.left-column, .right-column  {
  padding: 1.5em;
}

/*********** FOOTER ************/
#footer {
  color: #494f53;
}