/* Layout stylesheet */

@media screen {

body { font-size: 100.01%;} /* [1] */ 

#col-a {  float: right;  width: 100%; }
#col-a[id] {margin-left: -1px;  margin-right: 0px;}  /* [2] */
#col-b { float: left; margin-left: -7em; z-index: 10;} /* [3] */
#col-b[id] {margin-right: 1px;} /* [2] */
#col-c { float: right; margin-right: -7em; z-index: 11;} /* [3] */
#col-c[id] {margin-left: 1px;} /* [2] */

.show-all #columns { padding: 0 7em;}
.hide-left #columns { padding: 0 6em 0 0;}
.hide-right #columns { padding: 0 0 0 6em;}
.cols-wrapper { width: 100%;}
.cols-wrapper[class] { padding-bottom: 0.1px;} /* [4] */
.float-wrapper { float: left; width: 100%;  position: relative; z-index: 0;}
.float-wrapper[class] {  margin-right: -1px;} /* [2] */

.sidecol { position: relative; width: 7em; overflow: hidden;}
.clear { clear: both;}
.mylist { display: list-item; list-style: none; margin-left: 0; padding-left: 0; width: 8em }
.cols-wrapper { border: 1px; margin: 0px -1px; border-style: none solid solid solid;}
.cols-wrapper { background-color: white;}

}

@media print {

body { font-size: 100.01%;} /* [1] */ 


#col-a {  float: right;  width: 100%; }
#col-a[id] {margin-left: -1px;  margin-right: 0px;}  /* [2] */
#col-b { visibility: hidden; float: left; margin-left: 0em; z-index: 10;} /* [3] */
#col-b[id] {margin-right: 1px;} /* [2] */
#col-c { visibility: hidden; float: right; margin-right: 0em; z-index: 11;} /* [3] */
#col-c[id] {margin-left: 1px;} /* [2] */

.show-all #columns { padding: 0 0em;}
.hide-left #columns { padding: 0 7em 0 0;}
.hide-right #columns { padding: 0 0 0 7em;}
.cols-wrapper { width: 100%;}
.cols-wrapper[class] { padding-bottom: 0.1px;} /* [4] */
.float-wrapper { float: left; width: 100%;  position: relative; z-index: 0;}
.float-wrapper[class] {  margin-right: -1px;} /* [2] */

.sidecol { position: relative; width: 0em; overflow: hidden;}


}

/* formats for panels */
.panel {  padding: 0.1em;  width: 46%; margin: 0.1em; float: left; position: relative }
.panelr {  padding: 0.1em;   width: 46%; margin: 0.1em; float: right; position: relative}
.panelf {  padding: 0.1em;  margin: 0.1em; width: 96%; }
.smpanel {  padding: 0.1em;  width: 30%; margin: 0.1em; float: left; position: relative }
.smpanelr {  border:1px dotted #008000; background-color: #FFFFCC; width: 30%; margin: 0.1em; float: right; position: relative; text-indent:0em; padding-left:5em; padding-right:6em; padding-top:6em; padding-bottom:5em }
.paneltitle { padding: 0.1em; background-color: #008000; text-align: center; font-family: Arial; font-size: 0.8em; color: #FFFFFF; font-weight: bold }
.paneltitle h4  { font-size: 1em; margin-bottom: 0px; margin-top: 0px; color: #FFFFFF; }
.clear { clear: both;}


/* settings for hidden columns*/
.hide-left .cols-wrapper { border-left: medium none; margin-left: 0px; color:#008000}
.hide-right .cols-wrapper { border-right: none; margin-right: 0px;}
.hide-both .cols-wrapper { border-style: none none dotted none; margin: 0px;}

/*
  [1] Play nice with EMs in Opera 6 and IE Win.
  [2] Support for Mozilla, but IE doesn't like it.
  [3] Z indices needed for link clickability in IE Mac and Opera 6.
  [4] Mozilla needs a non zero value, seems to be a bug.
*/