/*
Taj Mahal Style
 */

/* Colors, fonts and other basic stuff */
a:link {
  color: #037 }
a:visited {
  color: #551a8b }
a:active {
  color: #900 }
a:hover {
  background: #999;
  color: #FFF;
  outline: none }

	
a.menubar:link {
  color: #037;	text-decoration:none; }
a.menubar:visited {
  color: #551a8b; text-decoration:none; }
a.menubar:active {
  color: #900; text-decoration:none;  }
a.menubar:hover {
  background: #999;
  color: #FFF; text-decoration:none; 
	outline: none }
	
TD.menuBar:hover {
  background:#DDD;
	color: #37;
	font-size: 10pt;
	cursor:hand;
  }	
TD.menuBar {
  background: none;
	color: #37;
	font-size: 10pt;
	align:center;
	text-decoration:none; 
  }	
INPUT.menuBar:hover {
	font-size: 10pt;
	background: #DDD;
	color: DARKGREEN;
  border-style:none;
	cursor:hand;
}
INPUT.menuBar {
	font-size: 10pt;
	background: none;
	color: DARKGREEN;
  border-style:none;
	text-decoration:none; 
}

INPUT.msg { 
  font-size: 12px; 
  font-weight:normal; 
	font-style: none;  
	border-style:none; background:none; 
	color: darkgreen; 
	align: center;}

XINPUT.button .menuBar {
	font-size: 8pt;
	background: #016879;
	color: #ffffff;
	border-top: none; x:2px solid #339999;
	border-left: none; x:2px solid #339999;
	border-right: none; x:2px solid #000033;
	border-bottom: none; x:2px solid #000033;
}

INPUT.msg {
  font-size: 10px; 
	font-weight:normal; 
	font-style: none; 
  border-style:none;
	background:none; 
	color: DARKGREEN; 
	align: center;
	}
	
body {
	xbackground-image: url(images/TajMahalBGColor-Pink.jpg);
	background: lightyellow url(images/TajMahalBGColor-Pink.jpg);
	color: #333;
	line-height: 1.3;
	text-align: justify;
    font-family: "Gill Sans MT", "Gill Sans", GillSans, Arial, Helvetica, sans-serif;
  }

table.footerTable {
  font-family: "Gill Sans MT", "Gill Sans", GillSans, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  }

h1 {
  line-height: 1;
  text-align: center;
  font-variant: small-caps;
  border-bottom: thin solid;
  padding: 0 0.5em 0.2em 0.5em;
  font-weight: normal; }
h1:first-line { 
  border-bottom: none;		/* bug in Konqueror 3.1 */
  font-style: italic; }
a:link img, a:visited img {
  border-style: none; }
h1, h3 {
  color: #000; }
h3 {
  font-weight: bold;
  font-size: 1em;
  margin: 1.5em 1em 1em 0;
  display: run-in; }
h3.subtitle {
  font-weight: normal;
  font-style: italic;
  margin: 1em;
  display: block;
  text-align: center; }
h2 {
  text-align: center;
  line-height: 1;
  color: #aa7;
  border-bottom: thin solid;
  padding: 0 0.5em 0.2em 0.5em;
  font-weight: bold;
  text-transform: uppercase;
  /* clear: both; */
  margin-top: 3em; }
/*
div.section {
  clear: both; }
pre {
  text-align: left; }
li {
  padding-left: 0;
  margin: 1.2em 0; }
ul, ol {
  padding-left: 0;
  margin-left: 1.5em; }
address { 
  text-align: right;
  font-style: italic; }
p + p {
  text-indent: 1.5em;
  margin-top: 0; }
p {
  margin-top: 1em;
  margin-bottom: 0; }
dd {
  padding-left: 1.5em;
  margin-left: 0; }
a:link {
  color: #037; }
a:visited {
  color: #551a8b; }
a:active {
  color: #900; }
a:hover {
  background: #999;
  color: #FFF;
  outline: solid red; }
a:hover * {			
  background: inherit; }
div.back {
  clear: both; }
*/
/* Some specific classes */

span.date {
  font-size: 110%;
  font-weight: bold;
  line-height: 0.9; }
span.date:after {
  content: "\A0\A0"; }
p.stb {				/* Small thematic break */
  text-indent: 0;
  margin-top: 0.6em; }
p.hint + p, p.alt-hint + p, p.skip + p {
  text-indent: 0;
  margin-top: 1em; }
p.remark {
  font-size: smaller;}
@media screen, projection, print, handheld { 
  .hide {
    display: none;
    color: white; } }
div.endmatter {
  clear: both;
  margin-top: 1em;
  border-top: thin solid;
  padding-top: 1em; }
ul.toc {
  list-style: none; }
address img {
  float: right;
  margin-left: 0.5em;
  width: 4em; }
dl.compact {	
  padding: 0;
  margin-left: 0;
  margin-right: 0; }
dl.compact dt {
  display: run-in;
  font-weight: bold;
  margin: 0;
  padding: 0; }
dl.compact dd {
  margin: 0;
  padding: 0; }
.skip {			
  display: none; }

/* Give the body some margins to make room for the two menus */

html {
  margin: 0; }
body {
  position: relative;		/* Make containing block for the menus */
  Xpadding: 9em 17em 5em 2em;	/* Room for banner at the top */
  margin: 0; }			/* 17em is too much, but IE6 needs it */
html>body {
  Xpadding-right: 14em; }	/* 14em overrides the 17em above */