body {
  margin: 0px;
}


#header {
  height: 50px;
  width: 100%;
  background: #cccccc;  
}


#logo {
  float: left;
}


#headertitle {
  float: left;
  color: #333333;
  padding-top: 15px;
  padding-left: 15px;
  font-family: verdana;
  font-size: 11pt;
  font-weight: bold; 
}


#pagecontent {
  clear: both;
}


#homeintro {
  width: 66%;
  padding-top: 20px;
  padding-left: 15px;
  color: #000000;
  font-family: arial;
  font-size: 11pt;
  font-weight: normal; 
}


#tableofcontents {
  padding-top: 20px;
  padding-left: 35px;
}


#pagetitle {
  padding-top: 20px;
  padding-left: 20px;
  color: #000000;
  font-family: arial;
  font-size: 12pt;
  font-weight: bold;
}


#pagetext {
  padding-top: 20px;
  padding-left: 20px;
  width: 66%;
  color: #000000;
  font-family: arial;
  font-size: 11pt;
  font-weight: normal;	
}


.pagetextbold {
  font-weight: bold;	
}


.pseudocode {
  background: #efefef;
  padding-top: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
  width: 66%;
  color: #333333;
  font-family: arial;
  font-size: 11pt;
  font-weight: normal;	
}


.keyterm {
  padding: 7px;
  background: #ffcc66;	
}


.codecontainer {
  background: #000000;
  padding: 7px;  
}

code {
background: #000000;
color: #cccccc;	
}


#contentnav {
  width: 80%;
  padding-top: 20px;
  padding-left: 20px;  
}


#navcol1 {
  float: left;	
}


#navcol2 {
  padding-left: 150px;
  float: left;  
}


#navcol3 {
  padding-left: 150px;
  float: left;  
}
	
	
.navbutton {
  padding: 7px;
  background: #cccccc;
  font-family: verdana;
  font-size: 11pt;
}

	
#footer {
  clear: both;
  width: 80%;
  padding-top: 40px;
  text-align: center;
}


@media only screen and (max-width: 600px) {

  /*
  body {
	background-color: #333333;  
  }
  */

  #pagecontent {

  }


  #homeintro {
    width: 95%;
  }

	
  #tableofcontents {
    width: 95%;	  
  }


  #pagetitle {
	  
  }
  
  
  #pagetext {
    width: 90%;	  
  }
  

  #contentnav {
	clear: both;
    width: 95%;
    padding-top: 20px;  
  }


  #navcol1 {
	float: left;
    padding-left: 20px;	
  }


  #navcol2 {
	float: left;
    padding-left: 20px;  
  }


  #navcol3 {
	float: left;
    padding-left: 20px; 
  }
  

  #footer {
    clear: both;
    width: 100%;
    padding-top: 40px;
    text-align: center;
  }

}