* {

  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;

}



html {

  display:block;

}



body {

  background: #ffffff url("background_02.png") top center repeat-y;

  text-align: center;

  margin: 0px;

  padding: 0px;

  width:100%;

  zoom: 1;

}


th {
  text-align:left;
}




#contentouter {

  background: #ffffff url("background_01.png") top center no-repeat;

  text-align: center;

  height: 675px; /* height of the main background image */

  margin: 0px;

  padding: 0px;

  display: block;

  clear:both;

}





#content {

  background: url("background_03.png") bottom center no-repeat;

  width: 900px;

  height:675px;

  margin: 0 auto;

}





#contentinner {

  background-image: url("background_01.png");

  background-repeat: no-repeat;

  margin: 0px;

  padding: 0px;

  margin-left:-550px;

  padding-left:550px;

  width: 900px;

  height:675px;

}





#header {

  float: left;

  width: 900px;

  height: 100px;

}



#header h1 {

  padding-top:20px;

  display:block;

  float:right;

  width:400px;

  font-family: Georgia, "Times New Roman", serif;

  font-style:italic;

  font-size:1em;

  font-weight:lighter;

  line-height: 1.5em;

  color: #315fa4;

  text-align: right;

}



#footerouter {

  text-align: center;

  height: 250px;

  margin: 0px;

  padding: 0px;

  display: block;

  clear:both;

}





#footer {
  height: 250px;

  margin: 0 auto;

}





#footerinner {
  background-image: url("background_03.png");
  width: 900px;

  height: 250px;

  margin: 0px;

  padding: 0px;

  margin-left:-550px;
  padding-left:550px;
  padding-right:200px;
}









.smallprint {

  display: block;

  text-align: center;

  color: rgb(140, 140, 140);

  padding-left:290px;
  padding-right: 35px;

  padding-top: 15px;

  font-size: 0.65em;

  line-height: 1.6em;

}



.smallprint a, .smallprint a:link, .smallprint a:visited {

  color: rgb(140, 140, 140);

  text-decoration: none;

}



.smallprint a:hover {

  color: rgb(140, 140, 140);

  text-decoration: underline;

}







#outer {

  float: left;

  width: 900px;

}







a, a:link, a:visited {

  color: #315fa4;

  text-decoration: none;

}



a:hover {

  color: #315fa4;

  text-decoration: underline;

}



a:active {

  color: #315fa4;

  text-decoration: none;

}



.hierarchy {

  font-size: 0.65em;

  font-weight: normal;

  color: #606060;

}









.sections {

  display:block;

  float:left;

  background-color: transparent;

  width: 680px;

  text-align: justify;

  vertical-align: top;

  margin: 0px;

  padding: 0px;

  padding-left:50px;

  padding-right:0px;
  margin-right:-30px;

  padding-top:90px;

  font-size: 0.8em;

  line-height: 1.5em;

}



.sections h1 {

  font-size: 1.4em;

  font-weight:lighter;

  line-height: normal;

  color: #315fa4;

  margin: 0px;

  padding: 0px;

}



.sections h2 {

  font-size: 1.2em;

  font-weight:lighter;

  line-height: normal;

  color: #315fa4;

  margin: 0px;

  padding: 0px;

}



.sections h3 {

  font-size: 1em;

  font-weight:lighter;

  line-height: normal;

  color: #315fa4;

  margin: 0px;

  padding: 0px;

}



.sections .title {

  margin: 0px;

  padding: 0px;

  font-size: 1.1em;

  font-weight: bold;

  color: #315fa4;
  text-align: left;

}



.sections .description {

  margin: 0px;

  padding: 0px;

  font-size: 0.8em;

  color: #606060;

  text-align: center;

}

.reference {

  font-size: 0.7em;

  line-height: 150%;

  text-indent: 20px;

  font-weight: bold;

}



.childtitle {

  font-size: 0.65em;

  font-weight: bold;

  padding-top: 10px;

}



.childtext {

  font-size: 0.65em;

}



.timelineunselected a, .timelineunselected a:link, .timelineunselected a:visited {
  background: url("timeline.png") top left no-repeat;

  font-family: Verdana, Helvetica, Arial, sans-serif;
  text-decoration: none;
  color: #000;

  padding: 0px;

  padding-left: 22px;

  padding-right: 15px;

  padding-top: 10px;
  padding-bottom: 20px;

  margin: 0px;
  margin-left: -10px;

  margin-right: -15px;

  font-size: 0.8em;

  text-align: left;

}



.timelineselected a, .timelineselected a:link, .timelineselected a:visited {
  background: url("timelinehighlight.png") top left no-repeat;

  text-decoration: none;
  color: #ffffff;

  font-family: Verdana, Helvetica, Arial, sans-serif;
  padding: 0px;

  padding-left: 22px;

  padding-right: 15px;

  padding-top: 10px;
  padding-bottom: 20px;

  margin: 0px;
  margin-left: -10px;

  margin-right: -15px;

  font-size: 0.8em;

  text-align: left;

}




.timelineunselected a:hover {
  background: url("timelinehighlight.png") top left no-repeat;

  text-decoration: none;
  color: #ffffff;

}





#navigators {

  display:block;

  width: 200px;

  float: left;

  text-align: left;

  vertical-align: top;

  padding: 0px;

  margin: 0px;

  list-style: none;

  padding-top: 90px;

}



#navigators ul {

  width: 200px;

  padding: 0px;

  margin: 0px;

  color: #000;

  padding-bottom: 15px;

  list-style: none;

}



#navigators h2 {
  background: url("bannerborder.png") top center no-repeat;

  font-family: Verdana, Helvetica, Arial, sans-serif;

  padding: 0px;

  padding-left: 55px;

  padding-top: 15px;
  padding-bottom: 25px;

  margin: 0px;
  margin-left: -50px;

  margin-right: -10px;
  font-weight: bold;

  font-size: 0.9em;

  text-align: left;

}



#navigators li li {

  width: 200px;

  color: #000;

  font-size: 0.9em;

  list-style: none;

  list-style-image: none;

  list-style-type: none;

  padding: 0px;

  padding-bottom: 5px;

  margin: 0px;

}



#navigators a {

  color: #000;

  display: block;

  font-weight: bold;

  text-decoration: none;

  margin: 0px;

  padding: 0px;

  padding-left: 5px;

  padding-right: 5px;

  padding-top: 2px;

  padding-bottom: 2px;

  width: 190px;

}



#navigators a:hover {

  border-bottom-color: #ffffff;

  color: #ffffff;

  font-weight: bold;

  text-decoration: none;

/*  background-color: #000; */

  width: 190px;

}