body {
 margin:0px;   
    
    
}

a {
    color:blue;
    text-decoration:none;
}

a:visited {
    color:blue;
}

#contents {
 min-height:60%;
 
}

#categories {
 margin-bottom:10px;
 background-color:#606060;
 background: linear-gradient(#606060, #808080, #606060);
}

#categories ul {
 list-style-type: none;
 margin: 0;
 padding: 0px 0px 0px 220px;
 overflow:hidden;
} 

#categories li {
 float:left;
}

#categories li a {
 text-decoration:none;
 display:block;
 font-size: 12pt;
 color:white;
 padding:8px 16px;
 cursor:pointer;
}

#categories a:hover {
 background-color:#808080;
 background: linear-gradient(#808080, #606060, #808080);
}

#categories li a.selected {
 background-color:#8080c0;
 background: linear-gradient(#8080c0, #6060c0, #8080c0);
}

#header {
 height:150px;
 width:100%;
 background-image: url("../images/sophx.png");
 background-repeat: no-repeat; 
 background-position: center; 
}

#menu h1 {
 margin:0px;
 font-size:14pt;
 text-align:center;
 color:blue;
 font-variant: small-caps;
 color:blue;
 background-color:#a0a0ff;
 background: linear-gradient(to right, #a0a0ff,#d0d0ff,white);
 border-bottom:1px #a0a0ff solid;
 padding-top:10px;
 padding-bottom:10px;
}

#menu {
 float:left;
 width:200px;
 margin-right:10px;
}

#menu ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
}


#menu a {
 display:block;
 text-decoration:none;
 padding:3px 10px 3px 10px;
 font-size: 12pt;
 color:blue;
 background-color:#a0a0ff;
 background: linear-gradient(to right, #a0a0ff,#d0d0ff,white); 
 border-bottom:1px #a0a0ff solid;
 cursor:pointer;
}

#menu a:hover {
 background-color:#6060ff;
 background: linear-gradient(to right, #6060ff,#a0a0ff,white); 
}

#menu a.selected {
 background-color:#4040ff;
 background: linear-gradient(to right, white, #a0a0ff, #6060ff); 
}

#page {
 margin-left:220px;
 font-size:12pt;
 border-radius: 25px;
 min-height:600px;
}

#page h1 {
 text-align:center;
 font-variant: small-caps;
 border-bottom: 1px black solid;
 margin-bottom: 10px;
 font-size:28pt;
}

#page h2 {
 font-size: 22pt;
 border-left: 5px #afafff solid;
}

#page h3 {
 font-size: 16pt;
 border-left: 10px #afafff solid;
}

#page h4 {
 font-size: 14pt;
 border-left: 20px #afafff solid;
}

#page li {
}


#page ul, #page ol {
 overflow:hidden;
 padding-left:30px;
}

#page .mono {
 font-family:monospace;

}

#page pre {
 font-size: 8pt;
 padding:40px;
 border: 1px black solid;

}

#page .warning {
 color:#cf6f00;
 text-decoration:underline;

}

#page .comment {
 color:#808080;
}