/* Configure minimum page width, available width, margins */
/* and default font family for the document               */
body {
  position: relative;

  min-width: 1000px;
  min-height: 1200px;
  width: 90%;
  margin: 0 auto;
  padding: 0;
  text-decoration: none;
  font-family: Arial, sans-serif;

}

a {
  text-decoration: none;
}


/*Configure the general colors when displaying links */
a:link {
  color: black;
}
a:visited {
  color:DarkCyan;
}
a:hover, a:focus, a:active  {
  color: Blue;
}


/* Configure the size and color of level 1 headings */

h1 {

  color: black;
  font-size: 150%;
  text-align: center;
  margin-top: 0;
}

/* Configure the size and color of level 6 headings */

h6 {

  color: blue;
  font-size: 100%;
  text-align: center;
  margin-top: 0;
}


/* Configure the location of Bentley logo */
/* fixed at the top left of the screen    */

#logo {
  position: relative;
  top: 20px;
  height: 250px;
  width: 500px;
  color: white;
  text-decoration: none;
}


#logo1 {
  position: relative;
  top: 20px;
  height: 300px;
  width: 500px;
  color: white;
  text-decoration: none;
}

/* Configure the location of the Bentley graphic */
/* fixed at the top right of the screen          */

#graphic {
  margin: 0;
  position: relative;
  left: 150px;
  top: -220px;
  color: white;
  text-decoration: none;
}

/* Set width of menu and float it to the left, disabling list style */
/* style and displaying a border on top of the first menu item      */

#menu {
  position: relative;
  z-index: 10;
  float: left;
  left: 50px;
  top: 50px;
  width: 400px;
  padding: 0;
  list-style: none;
  border-top: 2px solid gray;
}


/* Display a border below each menu item and increase menu font size */
#menu li {
  border-bottom: 2px solid gray;
  font: 150% Arial, sans-serif; 
  padding: 5px 0 5px 25px;
}

/* Disable the underlining of menu links */
#menu a {
  text-decoration: none;
}

/* Disable marking of visted menu links */
#menu a:visited {
  color: black;
}


#menu a:hover, a:focus, a:active  {
  color: Blue;
}



/* Set up scrolling links to minute files */
#mlist {
  position: fixed;
  z-index: 10;
  top: 350px;
  margin-left: 40px;
  width: 450px;
  height: 340px;
  overflow: scroll;
  float: left;
  padding: 0;
  list-style: none;
}

#mlist li {
  font: 120% Arial, sans-serif; 
  padding: 5px 0 5px 25px;
}

#mlist li:nth-child(odd) {
  background-color: #D3D3D3; 
}

#mlist a {
  text-decoration: none;
}

#dialogoverlay{
	display: none;
	opacity: .8;
	position: fixed;
	top: 0px;
	left: 0px;
	background: #FFF;
	width: 100%;
	z-index: 10;
}
#dialogbox{
	display: none;
	position: fixed;
	background: MidnightBlue;
	border-radius:7px; 
	width:550px;
	z-index: 10;
}
#dialogbox > div{ background:#FFF; margin:8px; }
#dialogbox > div > #dialogboxhead{text-align:center; background: LightSeaGreen; font-size:19px; padding:10px; color:#000; }
#dialogbox > div > #dialogboxbody{text-align:center; background:MidnightBlue; padding:20px; color:#FFF; }
#dialogbox > div > #dialogboxfoot{text-align:center; background: LightSeaGreen; padding:10px; }

.txt1 {
    display: block;
    margin-bottom: 4px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-align: center;
    }

.txt2 {
    display: block;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-align: center;
    }