body 
{
  width:1024px;
  background-color: #E0CDAA; 
  padding: 0px;
  margin: 0px; 
  font-family:verdana,arial,sans-serif;
  font-size:0.8em;
  line-height: 1.4em;
}

h1
{  
  padding: 0px;
  margin: 0px;
}      

p
{
  margin-top: 0px;
}

img
{
  border: 0;
}


#header 
{
  width:1024px;
  background: url(graphics/header.jpg); 
  background-repeat: no-repeat; 
  height: 178px; 
  padding: 0;      
  margin: 0;
  text-align: center;
} 

#header img
{ 
  position: absolute;
  top: 2px;
  left: 2px;
}  

#header h1
{
  padding: 10px 0px 5px;
}

#footer
{  
  width:1024px;  /* We have to define the width or the background will only draw to the current window width. Looks
                    seriously ugly when you scroll right. */
  background: url(graphics/footer.gif); 
  background-repeat: no-repeat;  
  padding: 0px;
  padding-top: 35px;
  margin: 0px; 

  text-align: center;
}

#footer a
{
  color: #9b7334;
} 

     
#menu 
{
  padding: 0px; 
  margin: 0px; 
  background: transparent; 
  position: absolute; 
  top: 121px;
  height: 30px;
  font-family: verdana,arial,sans-serif; 
  font-variant: small-caps; 
  font-weight: bold;
  font-size:180%;
} 

#menu ul
{   
  padding: 0px; 
  margin: 0px;
  position: absolute;
  width: 1024px;
  bottom: 0px;
}  

#menu li 
{
  padding: 0px; 
  margin: 0px; 
  list-style: none;
  float: left; 
}  
 
#menu a
{  
  color: #000000;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none; 
}

#menu a:hover 
{
  background-color: #E0E0E0;
} 

#subjectlist 
{
}

#subjectlist ul {}

#subjectlist li {line-height: 150%; list-style: none; text-indent: 2em}  


#containerbackground
{  
  width:1024px; 
  background: url(graphics/background.gif); 
  background-repeat: repeat-y; 
  padding: 0px;
  margin: 0px; 
}                            


#container
{  
  width: 950px; 
  padding: 10px;
  padding-bottom: 0px;
  padding-right:0px;
  margin: 0px; 
} 

#container a
{
  color: #990000; 
  font-weight: bold; 
  text-decoration: none
}

#containerbackground:after
{            
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility:hidden;
}  

.left
{  
  float: left;
  padding: 5px; 
  margin-right: 10px;
}             

.right
{  
  margin: 10px;
  float: right;
}


#greenbox 
{
  width: 253px; 
  background: url(graphics/greenbox2.gif) bottom left no-repeat; 
  margin: 10px auto; 
  padding: 0px 0px 10px 0px; 
}
  
#greenbox h3
{
  background: top left url(graphics/greenbox2.gif) no-repeat; 
  padding: 0px;
  margin: 0px;
  height: 10px;
}

#greentext
{            
  margin-right: 1px;
  padding: 0px 10px 0px 10px; 
  background: #b5e0aa;
  border-right: 2px black solid;
}
   
.code 
{               
  clear: both; 
  left: 10px;
  right: 10px;
  border-color: silver; 
  background-color: #EEEEFF; 
  border-style: dashed; 
  border-width: thin; 
  font-family: courier new, monospace; 
  margin: 10px;
  padding: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #222222;
}  

.code p
{
  padding: 0px;
  margin: 0px;
}  

#authorlisttop {font-size: 90%; font-style: italic}

#authorlisttop a {font-variant: small-caps; font-style: normal; color: #990000; font-weight: bold; text-decoration: none}

#typeslisttop {font-size: 80%; font-weight: bold}   


#authorlistbottom {font-size: 80%; font-style: italic; clear: both}

#typeslistbottom {font-size: 80%; font-weight: bold; clear: both;}