/* Presentation stylesheet */

/* IDs */
#main {
  border: 1px;/* solid; */
  min-width: 660px; /* 50em; */
  max-width: 865px; /* 90em; */        /*nevermind all this, made cols 160px instead. -500+160=-340 */
  margin: 0 auto;                                 /* png is 500px dark then 1500px light      */ 
  background:url('./img/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: 233px;
}
#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: /* #7387ed */ url('./img/ATC-Header.png'); 
  background-repeat:no-repeat;
	/* background-color: white; */
}
#header-short {
  margin-left: 5px;  
  background: /* #7387ed */ url('./img/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("img/bright.png");
}

/* classes */
.box,
.main-content {
  margin: 20px; /* 1em; */
}
.cols-wrapper {
  /* border: 1px;
  margin: 0 -1px;  */
  border-style: none;/* 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;/* was: none none dotted none; */
  margin: 0;
}
.box {
  font-size: 92%;
  line-height: 1.18em;
}
#footer,
.sidecol { 
  /* background: url("dark-blue.png");	 */
  /* color: #333; */
}
/* .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;
}