body
{
 background: black;
 font-family: Georgia, "Times New Roman", Times, serif;
}


#header
{
 position: relative;
 top: 0; left: 0;
 width: 780px;
 height: 688px;
}

#header .ir
{
 background: url(../graphics/chameleon_earth_hdr.jpg) top center no-repeat;
}


#navigation
{
 margin: -180px 10px 5px 10px;
}

#content
{
 position: relative;
 zoom: 1;
 margin: -150px 1em 1em 190px;
 color: #FF99FF;
 font-size: 16px;
 line-height: 2em;
 z-index: 50;
 padding-left: 10px; /* this is to fix some weird wrapping around an invisible element in firefox */
}

h1, h2
{
 color: #0099CC;
}

a.printable
{
 width: 185px;
 height: 96px;
 float: right;
 display: block;
}

a.printable .ir
{
 background: url(navigation_chameleon/printable_page.jpg) center center no-repeat;
}