/* Layout stylesheet */

body { font-size: 100.01%;

/* [1] */ }

#col-a { float: right;
width: 100%; }

#col-a[id] { /* [2] */
  margin-left: -1px; }

#col-b { float: left;
margin-left: -12em;
z-index: 10;
/* [3] */ }

#col-b[id] { /* [2] */
  margin-right: 1px; }

#col-c { float: right;
margin-right: -12em;
z-index: 11;
/* [3] */ }

#col-c[id] { /* [2] */
  margin-left: 1px; }

.show-all #columns { padding: 0 12em; }

.hide-left #columns { padding: 0 12em 0 0; }

.hide-right #columns { padding: 0 0 0 12em; }

.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] { /* [2] */
  margin-right: -1px; }

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

.box,
.main-content { margin: 0 1em; }

.clear { clear: both; }

.none { display: none; }

/*
  [1] Play nice with EMs in Opera 6 and IE Win.
  [2] Support for Mozilla, but IE doesn't likes 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.
*/

/* Presentation stylesheet */

/* IDs */
#main {
  border: 1px solid #EFEFEF;
  min-width: 50em;
  max-width: 70em;
  margin: 0 auto;
}
#header {
  padding: 1.5em 1em;
}
#header h1 {
  margin: 0;
  padding: 0;
}

#header .tagline { 
  margin: 0;
  padding: 10px 0 0 30px;
  color: #ffcc66;
}

#footer {
  padding: 1.5em;
  border-top: 2px solid #b2d98c;
  color: #FFF;
  background: #99cc66 repeat-x bottom url(/images/footer.gif);
}
#footer p {
  margin: 0;
  text-align: center;
}

#footer a { color: #FFF;
border-bottom: 1px green solid; }

#header {
  border-bottom: 2px solid #bf4040;
}

/* backgrounds */
#header { background: #993333 repeat-x top url(/images/header.gif); }
.cols-wrapper {
  background-color: white;
}
#main {
  background: #ffcc66;
  border-top: 1px dotted #ffeecc;
  border-bottom: 1px dotted #ffdd99;
}

/* classes */
.box {
  margin: .5em;
  background: #ffdd99;
}
.main-content {
  margin: 1em;
}
.cols-wrapper {
  border: 1px;
  margin: 0 -1px;
}
.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 dotted none;
  margin: 0;
}
.box {
  font-size: 92%;
  line-height: 1.18em;
  padding: 2px; }
  
#footer {
}
.sidecol {
  color: #333;
}

.sidecol p {
text-transform: uppercase;
letter-spacing: .1em; }
.sidecol ul {
  padding: 0 0 0 1.5em;
  color: #993333;
}
.sidecol li {
margin-right: 2px; }

.sidecol li a { display: block;
width: 100%;
height: 100%;
padding-top: 2px;
padding-bottom: 2px; }

.sidecol li a:hover { background-color: #ffcc66; }
/* 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: black;
  margin: 0;
  padding: 0;
  display: inline; /* IE 5.x doesn't like this */
}
.dom-tree dd { font-style: italic; }

/* Style properties for HTML elements based on the HTML 4.01 Specification.
   <http://www.w3.org/TR/html401/cover.html#toc>

   Blank version of this stylesheet:
   <http://www.webproducer.at/lab/elements.css>
*/

/* Section 7.5: The document body */
body { margin: 1.8em;
padding: 1em;
min-width: 50em;
font-size: 75.01%;
/* 12px [1] */
  line-height: 1.5em;
/* 18px [2] */
color: black;
font-family: "Trebuchet MS", "Luxi Sans", "Helvetica", sans-serif;
background: #DDD0EE repeat-x bottom url(/images/body2.gif) fixed; }

h1 { font-size: 3.0em;
/* 36px */
/*  line-height: 2.66em; */
/* 48px */
  margin: 0 0;
/* 32px 0 */ }

h2 { font-size: 1.25em;
/* 15px */
  line-height: 1.4em;
/* 21px  */
  margin: 1.07em 0;
/* 16px 0 */ }

h3 { font-size: 1em;
/* 12px */
  font-style: italic;
margin: 1.33em 0;
/* 16px 0 */ }

h4, h5, h6 { font-size: .75em;
/* 9px */
  line-height: 2em;
/* 18px */
  margin: 1.56em 0;
/* 14px 0 */ }

h4 { text-transform: uppercase; }

h5 {  }

h6 { font-style: italic; }

address {  }

/* Section 9: Text */
/* 9.2: Structured text */
em {  }

strong {  }

dfn {  }

code { font-family: "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace;  /* [3] */ }

samp {  }

kbd {  }

var {  }

cite {  }

abbr {  }

acronym {  }

blockquote {  }

q {  }

sub {  }

sup {  }

/* End of 9.2 */
p {  }

pre { font-family: "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace;  /* [3] */ }

ins {  }

del {  }

/* Section 10: Lists */
ul { margin: 1em 0;
padding: 0 0 0 2.5em; }

ul ul { margin: 0;
padding: 0 0 0 1.25em; }

ol { margin: 1em;
padding: 0 2em; }

ol ol { margin: 0; }

li { margin: 0;
padding: 0; }

dl {  }

dt {  }

dd {  }

/* Section 11: Tables */
table {  }

caption {  }

thead {  }

tfoot {  }

tbody {  }

colgroup {  }

col {  }

tr {  }

th {  }

td {  }

/* Section 12.2:  The A element */
a { text-decoration: none; }

a:link { color: #336699; }

a:visited { color: #6699cc; }

a:link:hover { color: #8cb2d9; }

/* [4] */
a:active { color: #8cb2d9; }

#header a:link { color: #fff; }

#header a:visited { color: #fff; }

#header a:link:hover { color: #fff; }

#header a:active { color: #fff; }

#footer a:link { color: #FFF; }

#footer a:visited { color: #FFF; }

#footer a:link:hover { color: #FFF; }

#footer a:active { color: #FFF; }

.box a:link { color: #993333; }

.box a:visited { color: #993333; }

.box a:link:hover { color: #993333; }

.box a:active { color: #993333; }

/* Section 13: Objects, Images, and Applets */
img {  }

object {  }

applet {  }

/* Section 15: Alignment, font styles, and horizontal rules */
/* 15.2: Fonts "[...] their use is discouraged in favor of style sheets." */
tt {  }

i {  }

b {  }

big {  }

small {  }

/* End of 15.2 */
hr {  }

/* Section 16: Frames */
iframe {  }

/* Section 17: Forms */
form {  }

input {  }

input:focus {  }

button {  }

button:focus {  }

select {  }

select:focus {  }

optgroup {  }

option {  }

textarea {  }

textarea:focus {  }

label {  }

fieldset {  }

legend {  }

tr { border-bottom: 1px dotted black; margin-bottom: .5em; }

/*
  [1] All calculations are based on the assumption that 1em is 12px.
  [2] If you specify a font-size, also consider to specify a line-height property.
  [3] If you don't specify something other than monospace, mozilla will calculate
      its own font-size based on the user preferences.
  [4] "... prevents hover styles from being applied to non-hyperlink anchors."
      <http://devedge.netscape.com/viewsource/2003/arbitrary-hover/>
*/