/* Generated by KompoZer */
body {
  background: transparent url(images/sb.jpg) repeat fixed left top;
  text-align: left;
  font-family: "Times New Roman",Times,serif;
}
#background {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-attachment: fixed;
}
#header {
  position: fixed;
  z-index: 3;
  font-weight: bold;
  font-family: Arial,Helvetica,sans-serif;
  text-align: center;
  background-image: url(images/bg.jpg);
  height: auto;
  line-height: 0em;
}
#container {
  border-style: solid;
  border-color: #cccccc #330000 #330000 #cccccc;
  border-width: 3px;
  margin: 1em 2em 2em 8em;
  padding: 20px;
  background-repeat: repeat;
  background-position: 0% 50%;
  line-height: 150%;
  position: absolute;
  left: 0;
  z-index: 2;
  background-color: #ffffcc;
}

/**** FIRST LEVEL MENU ****/
#navigation ul{
  padding-left: 0;
  list-style-type: none;
  z-index: 3;
  position: fixed;
  margin-left: 0px;
  margin-top: 2em;
}
#navigation ul a {
  border: 1px solid black;
  padding: 0.2em 0.5em;
  background: #ffffcc none repeat scroll 0% 50%;
  display: block;
  text-decoration: none;
  width: 8em;
  font-size: 12px;
  font-family: verdana;
  font-weight: normal;
  color: black;
}
#navigation ul a:hover {
  border: 1px solid #ffffcc;
  background: black none repeat scroll 0% 50%;
  color: #ffffcc;
}
#navigation ul li {
  display: inline;
}
/**** SECOND LEVEL MENU ****/
/* We make the position to absolute for flyout menu and hidden the ul until the user hover the parent li item */
#navigation ul li ul{
    position:absolute;
    display:none;
}
 
/* When user has hovered the li item, we show the ul list by applying display:block, note: 150px is the individual menu width.  */
#navigation ul li:hover ul{
    left: 108px;
    top:-5px;
    display:block;
}
 
/* we apply different background color to 2nd level menu items width if needed */
#navigation ul li ul li{
    background-color:#cae25a;
}
 
/* We change the background color for the level 2 submenu when hovering the menu */
#navigation ul li ul li:hover{
    background-color:#cccccc;

}
 
/* We style the color of level 2 links */
#navigation ul li ul li a{
    color:#000000;
    display:inline-block;
    width:120px;
}
h1 {
  text-align: center;
  text-decoration: underline;
  text-transform: uppercase;
  line-height: 150%;
  word-spacing:10px;
}
h2 {
  border-style: none;
  font-style: normal;
  font-variant: normal;
  text-transform: uppercase;
  font-weight: normal;
  text-align: center;
  text-decoration: underline;
  line-height: 150%;
}
h3 {
  text-align: center;
}
p {
  text-align: justify;
  font-size: 12pt;
}
.just {
  text-align: left;
}
.center {
  text-align: center;
}
.bold {
}
pre.form {
  font-size: 14px;
  font-family: "Times New Roman",Times,serif;
}
.label {
}
.italic {
  font-style: italic;
}
.timelineblue {
  margin: 0in 0in 0 0.5in;
  text-indent: -0.5in;
  text-align: justify;
  color: #000080;
}
.indent {
  margin: 0in 0in 0 0.2in;
  text-indent: -0.2in;
  text-align: justify;
}
.thanks {
  line-height: 150%;
  text-align: center;
  font-size: 24pt;
}