@font-face{
	font-family: 'DejaVu';
	src: url('/fonts/DejaVuSansMono-webfont.woff');
}
body {
    background-color: #FACC96;
    font-family: 'DejaVu';
/*    width:1024px;*/
    font-size:1.25em;
    margin-left:3em;
    margin-right:3em;
}
.bigbox {
	position:relative;
	padding-left:1em;
	padding-right:1em;
	margin-left:0em;
	height:100%;
}

pre {
	font-family: 'DejaVu';
    font-size: 1em;
    color:black;
    background-color:#fffbe2;
    border-radius:10px;
    padding:1em;
    margin-top:2em;
}
article {
	text-align:left;
	-moz-column-count:3;
	-webkit-column-count:3;
	column-count:3;
}
.camel {
     border:none;
}

img {
     border-radius:10px;
     border:1px black solid;
}
#quotes {
     width:75%;
/*     border-spacing:0.5em;*/
     border:1px black solid;
     border-radius:10px;
     border-collapse:separate;
}
ul {
/*     background:#89C49E;*/
/*     border: 2px black solid; */
     border-radius:10px;
}
table {
     background:#89C49E;
     width:100%;
     text-align:left;
     border-spacing:0.25em;
     padding:1em;
/*     border: 2px black solid;*/
/*     border-top:1px black solid;*/
/*     border-right:1px black solid;*/
     border-radius:10px;
}
tr {
	text-align:left;
/*	border-left:1px black solid;*/
}
th {
     background:#FFF79E;
     text-align:center;
     border-radius:5px;
}
td {
	width:33%;
     background:#FFF79E;
     text-align:left;
     padding-left:1em;
     border-radius:5px;
}
.menu
{
	text-align:center;
     position:relative;
     border-radius:5px;
   	border: 2px solid black;
     padding:10px;
     float:right;
     height:100%;
     left:10px;
     width:30em; /* NOT width of menu */
	font-size:1em;
	font-family:'DejaVu';
	color:black;
	background-color:#ffc47e;
     column-count:2;
     text-align:left;
     column-width:50%;
     height:10em; /* freeze height */
     overflow:auto; /*make scrollable - horizontal */
}

/* subscript & superscript */
sub,sup {
  font-size:75%;
  line-height:0;
  position: relative;
  vertical-align:baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
hr {
    background-color:#637F4F;
    width:100%;
    height:2em;
    border-radius:5px;
}

h1 {
    color:#000;
    font-family:'DejaVu';
    font-weight:normal;
    font-size:1.5em;
}
h2 {
    color:#000;
    font-family:'DejaVu';
/*    font-family: 'DejaVu';    */
    font-weight:normal;
    font-size:1.5em;
    padding:3px;
}
h3 {
	color:#000;
	font-family:'DejaVu';
	font-weight:normal;
	font-size:1.5em;
	font-size:1em;
	padding-left:1em;
	padding-right:1em;
	background-color:#92BC75;
	border-radius:5px;
}
.splitter {
    background-color:#637F4F;
    width:100%;
    height:2em;
    border-radius:5px;
    color:#000;
    text-align:center;
    padding-top:0.5em;
}
.header {
    font-family:'DejaVu';
    background-color:#92BC75;
    width:100%;
    height:2em;
    border-radius:5px;
}
.pullout {
    font-family: 'DejaVu';
    width:75%;
    background-color:#FAEAA7;
    border-radius:10px;
    border: 3px dashed black;
    padding:10px;
    overflow:auto;
}
.notice {
    font-family: 'DejaVu';
/*    margin-right:auto;*/
    background-color:#FF8A00;
    border:3px dashed black;
    border-radius:10px;
    padding:1em;
}
.rant {
    font-family:'DejaVu';
/*    background-color: #B4B8A8;*/
    background-color: #FFA20C;
    width:60%;
    border:3px solid black;
    border-radius:10px;
    padding:1em;
}
a:link{
    font-family: 'DejaVu';
    color: red;
    text-decoration:none;
}
a:visited {
    font-family: 'DejaVu';
    color: red;
    text-decoration:none;
}
.low {
    color: #4E4F4E; /*link in 'imp' class */
    text-decoration: none;
    font-family: 'DejaVu';
    padding-right:2px;
    padding-left:2px;
    background-color:#85EC00;
    border-radius:3px;
}
table {
    width:75%;
/*    border-style:solid;*/
/*    border-width:thin;*/
}
td,tr {
/*    border-style:solid;*/
/*    border-width:thin;*/
    width:200px;
    padding:3px;
}
.emph {
    font-family: 'DejaVu';
    padding:1em;
    background-color:#FF9898;
    background-color:#FFE4C4;
    border-radius:10px;
}
.imp {
    font-family: 'DejaVu';
    padding:5px;
    margin-left:10%; margin-right:10%;
    background-color:#FA4E00;
    border-radius:10px;
    text-align:left;
}
.Limp {
    font-family: 'DejaVu';
    padding:5px;
/*    margin-left:1em;; margin-right:1em;*/
    background-color:#FA4E00;
    border-radius:10px;
    text-align:left;
}

li {
    font-family: 'DejaVu';
    text-align:left;
/*    list-style-type: square;*/
}
.inv {
    list-style-type:none;
}