/* Reset all white-space and borders to 0 for consistency across browsers */
* 
{ 
  margin:  0;
  padding: 0;
  border:  0;
  outline: 0;
} 

/* Set the body to white, the text colour to black and set the base font */
html,body
{
  background-color: white;
  color:            black;
  font-family:      Verdana,Arial,sans-serif;
  font-size:        11pt;
}

/* Set all headings to the same size as the body text, in bold */
h1, h2, h3, h4, h5, h6
{
	font-size:      100%;
	vertical-align: baseline;
	background:     transparent;
  font-weight:    bold;
}

/* Set the anchors to red, undecorated */
a:link
{
  color:           #aa0000;
  text-decoration: none;
}

a:visited
{
  color:           #aa0000;
  text-decoration: none;
}

a:hover
{
  color:           #aa0000;
  text-decoration: underline;
}

a:active
{
  color:           #aa0000;
  text-decoration: none;
}



#fractal_cubes
{
  position:    fixed;
  left:        50%;
  top:         -35px;
  margin-left: -540px;
  background-image:  url("fractal_cubes.png");
  background-repeat: no-repeat;
  width:       787px;
  height:      797px;
  z-index:     -2;
}

/* Because IE doesn't support position:fixed */
* html #fractal_cubes
{
  position: absolute;
}


#centered_root
{
  position:    absolute;
  width:       1000px;
  top:         0;
  left:        50%;
  margin-left: -500px;
}

  #navigation_panel
  {
    position: fixed;
    left:     50%;
    top:      40px;
    width:    309px;
    height:   500px;
    border:   1px solid black;
    overflow: hidden;
    margin-left: -480px;
  }

  /* Because IE doesn't support position:fixed */
  * html #navigation_panel
  {
    position: absolute;
    margin-left: 0;
    left: 20px;
  }
  
    #navigation_panel_transparency
    {
      opacity:           0.9;  
      -moz-opacity:      0.9;  
      background-image:  url("red_gradient.png");
      background-repeat: repeat-y;
      width:             309px;  
      height:            1500px;
      position:          absolute;  
      top:               0;  
      left:              0;  
      z-index:           -1;
    }
 
    #cogniworks_logo
    {
      position: absolute;
      top:      10px;
      left:     10px;
    }

    #tagline
    {
      position: absolute;
      top: 468px;
      left: 0;
      width: 309px;
      height: 32px;
      background: transparent  url("tagline.png") no-repeat top left;
    }

    #top_level_navigation
    {
      list-style:  none;
      margin-left: 20px;
      margin-top:  90px;
    }
    
      #top_level_navigation ul
      {
        list-style:  none;
        margin-left: 20px;
      }
     
      #top_level_navigation li
      {
        margin-top: 10px;
      }


      #top_level_navigation a:link
      {
        color:           white;
        text-decoration: none;
      }

      #top_level_navigation a:visited
      {
        color:           white;
        text-decoration: none;
      }

      #top_level_navigation a:hover
      {
        color:           white;
        text-decoration: underline;
      }

      #top_level_navigation a:active
      {
        color:           white;
        text-decoration: none;
      }

  #page_panel
  {
    position:   absolute;
    left:       350px;
    top:        20px;
    width:      630px;
    border:     1px solid black;
    overflow:   hidden;
    height:     auto !important;/*all browsers except ie6 will respect the !important flag*/
    min-height: 600px;
    height:     600px;/*Should have the same value as the min height above*/
  }

    #page_panel_transparency
    {
      opacity:          0.6;  
      -moz-opacity:     0.6;  
      background-color: white;  
      width:            630px;  
      height:           3000px;
      position:         absolute;
      top:              0px;  
      left:             0px;  
      z-index:          -1;
    }

    #page
    {
      position: relative;
      padding:  10px 20px 10px 20px;
    }

      #page ul
      {
        list-style: none;
      }

      #page p
      {
        text-align:    justify;
        margin-bottom: 20px;
      }
      
      #page h1
      {
        margin-bottom: 20px;
        font-size:     16pt;
      }

      #page h2
      {
        font-size:     13pt;
        margin-bottom: 20px;
      }

      #page h3
      {
        margin-bottom: 10px;
      }