html {
  height: 100%;
  overflow: hidden;
}

body {
  font-family:		Arial, Helvetica, sans-serif;
  font-size:		10pt;
  font-weight:		normal;
  margin:		15px 0 15px 15px;
  padding:		0;
  background-color:	white;
}

#header {
  background-color:	#a4c50d;
  color:		white;
}

#header h1 {
  font-size:		16pt;
  font-weight:		bold;
  display:		inline;
  float:		right;
  margin:		0;
  padding:		18px 10px 0 0;
}

#chapter_heading {
  text-align:		right;
  font-size:		13pt;
  font-weight:		bold;
  color:		#084c8e; /*#000033;*/
  padding:		0 10px 4px 0;
  margin:		0;
}

#menu {
  float:		left;
  background-color:	#084c8e;
  width:		200px;
  margin:		15px 20px 20px 0;
  padding:		15px 0;
  height:		500px;
}

#menu ul, #menu li {
  list-style-type:	none; 
  margin:		0;
  padding:		0;
}

/* top level menu items */

#menu li a {
  display:		block;
  color:		white;
  text-decoration:	none;
  padding:		2px 32px;
  margin:		0.8em 0 0.4em 0;

  background-image:	url(images/bullet1.png);
  background-position:	15px center;
  background-repeat:	no-repeat;
  white-space:		nowrap;
}

#menu li a:hover {
  color:		white;
  background-color:	#ef0780;
  background-image:	url(images/bullet2.png);
}

/* second level menu items */

#menu li li a {
  background-image:	url(images/bullet3.png);
  background-position:	22px center;
  padding:		2px 35px;
  font-size:		9pt;
  margin:		0.3em 0 0.3em 0;
}

#menu li li a:hover {
  background-image:	url(images/bullet4.png);
}


#content {
/*  border: 1px solid green;*/
  margin:		5px 0 0 220px;
  padding:		0;
  text-align:		center;
}


#ifrm {
  /* border: 1px solid #ccc; - reduce width to 99% if used!*/
  width:		100%;
/*  height:		450px;*/
  margin:		0;
  padding:		0;
  /* background-color:	#eee; */
}


#footer {
  float:		right;
  padding:		6px 6px 0 0;
  color:		#aaa;
}

#footer a { 
  color:		#aaa;
  text-decoration:	none;
}

#footer img {
  border: 0;
  vertical-align: middle;
}