* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  background-color: transparent;
  border:none;
}

.alone {
  clear: both;
}

.center img {
  display:inline;
  margin:5px auto 0 auto;
}

.center * {
  margin:0 auto 0 auto;
  text-align:center;
  width:auto;
}

.hidden {
  position:absolute;
  left: -9999px;
}

.left {float:left;}

.right {float:right;
}

.left100 {position: relative;
  left:-100px;
}

address {
    font-style:normal;
  }

td,tr {
  border-width: 1px;
  border-style: solid; 
  padding: 1px 1px 1px 1px;
}

h1 {
  margin: 20px 0 20px 0;
  font-size:120%;
}

h2 {
  margin:20px 0px 20px 0px;
  font-size:110%;
}

h3 {
  margin: 5px 0 0 0;
  font-size:100%;
}

h6 {
  margin-left: 20px;
  font-size:90%;
  font-style:normal;
  font-weight:normal;
}

img {
  display:block;
  margin: 10px auto 10px auto;
  text-align:center;
  clear:none;
}

p {
  margin: 10px 0 10px 0;
  font-size:80%;
}

table {
   border-collapse: collapse;
   margin-left:1px;
}


ul {
  margin:0 0 0 2em;
}

#indent100 {
  padding-top:20px;
  padding-bottom:20px;
  position:relative;
  left:100px;
  width:60%;
}



/* NAVMENU *************************************************************************** */
#menubar ul a:link {
  color: #000791;
  font-weight:bold;}
#menubar ul a:visited {
  color: #000791; }


        #menubar ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		width : 8em;
		z-index:255;
	}
	
	#menubar li { /* all list items */
		float : left;
		line-height : 1.65em;
		/*margin-bottom : -1px;*/
		height:auto;
		width: 7em;
	}
		
	#menubar li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		width: 25em;
		border: 1px solid black;  /*-left:1px solid black;
		border-bottom:1px solid black;*/
		font-size: 100%;
	}
	#menubar li ul li {
	width:25em;
	}
	
	#menubar li ul li a {
	  width:25em;
	}
	
	#menubar li ul ul { /* third-and-above-level lists */
		left: -999em;
	}

	#menubar li a {
		width: 8em; /*137px;*/
		display : block;
		color : black;
		font-weight : bold;
		text-decoration : none;
		background: url(menuitem.jpg); /*#F1FCFF;*/
		/*border : 1px solid black;*/
		border-left-width: 0;
                border-right-width: 0;
		padding : 0 0.5em;
	}
	#menubar li ul li a {
		background: #F1FCFF;
	}
	
	#menubar li a:hover {
		color : white;
		background-color : black;
	}
	
	#menubar li.sfhover ul ul, #menubar li.sfhover ul ul ul {
		left: -999em;
	}
	#menubar li:hover ul ul, #menubar li:hover ul ul ul { 
		left: -999em;
	}
	
	#menubar li:hover ul, #menubar li li:hover ul, #menubar li li li:hover ul {
		left: 9em; /* auto;*/
		 margin-top : -1.35em;
	}
	#menubar li.sfhover ul, #menubar li li.sfhover ul, #menubar li li li.sfhover ul { /* lists nested under hovered list items */
		left: -2.5em; 
		top:-1em; 
	}

/* ****************************************************************************************** */

#footer address a {
  font-size:100%;
  font-weight:bold;
}

#bg_image {
  width:100%;
  height:178px;
  left:0;
  top:0;
  position:absolute;
  z-index:0;
}

#bg_image2 {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  left:0;
  top:0;
  position:absolute;
  z-index: -1;;
}

#bg_image img, #bg_image2 img {
  width: 100%;
  height: 100%;
  margin:0;
}
	
body {
/*  width: 40em;
  width: 47em; */

  background-color: #555D64;
  margin:auto auto auto auto;

  top:50%;
  z-index:1;
}

#background_image {
  float:right;
}

#default {
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

#footer {
  margin:20px 0 0 0;
}

#footer * {
  position:relative;
  text-align:center;
  color:white;
  background-color: #123456;
  font-size: 85%;
  width:auto;
}

#header{
  height:130px;
  margin: 0 auto 0 auto;
  
}

#header img {
  text-align:left;
  left:0;
  margin:0;
  padding:0;
}

#main {
/* expression is for IE which interprets height as min-height, other browsers will ignore  */
  
  /* margin: 0px 5px 100px 10em; */
  margin:0 0 0 0px;
  padding:0 20px 0 20px;
  width:auto;
  height:auto;
  min-height: 400px;
  /*height: expression('400px'); You can't use this because overflow:scrollbars are used*/
  position:relative;
  left:0;
  top:0;
  font-family: Verdana;
  overflow: auto;
  clear:none;
  z-index:10;
  /*font-size: 75%;*/
}

#main-header {
  position:relative;
  min-height:25em;
  margin:0 0 0 160px;
  padding:0 0 0 20px;
}

#main-header2 { /* for use with main page where the menubar is shorter without the penny */
  position:relative;
  height:15em;
  margin:0 0 0 160px;
  padding:0 0 0 20px;
}

#main ul {
  list-style: none;  
  font-size:70%;
}

#meaning {
  width: 25em;
}

#menubar {
  margin: 0px 0px 20px -10px ;
  padding:0;
  list-style: none;
  /*height:17em;*/
  width : 8em; /*7em*/
  z-index:200;
  font-family: Verdana;
  font-size: 120%;
  float:left;
 
}

#mini {
  margin-left:10px;
  text-align:left;
}

#wrapper {
  background-color: #FCFFFF;
  border : 1px solid #123456;
  margin:auto auto auto auto;
  width: 750px;
  min-height: 10em;
  height:auto;
  /* top:-50%;*/
  position:relative;
  z-index:1;
}

#clearboth{
clear:both;
}