/* Presentation stylesheet */

/* IDs */
#main {
  border: 1px solid grey;
  min-width: 660px; /* 50em; */
  max-width: 1200px; /* 90em; */        /*nevermind all this, made cols 160px instead. -500+160=-340 */
  margin: 0 auto;                                 /* png is 500px dark then 1500px light      */ 
	background: #FCFCFC;
  /*background:url('./blue-dark-light.png') 0 0;  */ /*-340px 0; /* offset by width of #col-b .sidecol (left) */ 
}                                                 /* ugh! px vs. em ewwww... 1em = approx 12px */
						  /* and 12em is width of col, so 12x12=144px, then... */
                                                  /* dark boundry to land at 144, do -500+144 = -356 */
#header {
  padding: 0;/* 1.5em 1em; */
  min-height: 100px;
  max-height: 190px;
	/* margin-right:-202px; /* this would make header flop into col-c */
}
#header-short {
  padding: 0;/* 1.5em 1em; */
  min-height: 56px;
}
#header .title {
  margin: 0;
  padding: 0;
}
#footer {
  padding: 1.5em;
}
#footer p {
  margin: 0;
  text-align: center;
}
#header {
  border-bottom: 1px;/* dotted; */
}

/* backgrounds */
#header {
  /* margin-left: 5px;  */ 
  background:#A7BBB8 url('./banner-bk.png'); 
  /* background-repeat:no-repeat; */
	/* background-color: white; */
}
#header-short {
  /* margin-left: 5px; */  
  background: /* #7387ed */ url('./flagbanner.png'); 
  background-repeat:no-repeat;
	/* background-color: white; */
}
.cols-wrapper {
  /* background-color: white; */
  /* background: url("pale-blue.png"); */
}
#main {
  /* was: background: #efefef url(pattern.gif); */
}
#pulseme {
	opacity:0;
	filter:alpha(opacity = 0);
	position:relative;
	width:160px;
	height:36px;
	margin:0px -160px -36px 0px;
	padding:0px -9px 0px -9px;
	border:none;
	left:0px;
	top:0px;
	z-index:-2;
	background: url("./bright.png");
}

/* classes */
.box,
.main-content {
 /* margin: 1px;/* 4px; /* 1em; */
}
.cols-wrapper {
  margin: 0 -1px;
  border: 1px solid grey; 
  border-style: none;/* solid none solid;/* was: none dotted dotted dotted; */
}
.hide-left .cols-wrapper {
  border-left: none;
  margin-left: 0;
}
.hide-right .cols-wrapper {
  border-right: none;
  margin-right: 0;
}
.hide-both .cols-wrapper {
  border-style: none;/* none solid none;/* was: none none dotted none; */
  margin: 0;
}
.box {
  font-size: 92%;
  line-height: 1.3em; */
}
#footer,
.sidecol { 
  /* background: url("dark-blue.png");	 */
  /* color: #333; */
	/* border: 1px solid grey;
	border-style: none solid none solid;	*/
}
/* .sidecol ul {
  padding: 0 0 0 1.5em;
} */

/* dom-tree */
.dom-tree {
  padding: 0 0 0 1.5em;
  color: #999;
}
.dom-tree code {
  font-weight: bold;
}
.dom-tree ul ul ul  {
  list-style: disc;
}
.dom-tree ul ul ul ul  {
  list-style: circle;
}
.dom-tree ul ul ul ul ul {
  list-style: square;
}
.dom-tree dl,
.dom-tree dt,
.dom-tree dd {
  color: red;/*black; */
  margin: 0;
  padding: 0;
  display: inline; /* IE 5.x doesn't like this */
}
.dom-tree dd {
  font-style: italic;
}