body {	}

body.bar 
{ 
	/*position: absolute;
	width: 30mm;
	padding: 0mm 2mm 0mm 2mm;*/
	background-color: #FFFFFF; 
	width:100%;
	margin:0 0 0 0;
	text-align: center;
	z-index: 1;
}

/*home page*/
div#fulllogo
{
	height:2cm;
	margin-left:-40mm;
	/*border: thin solid #BBBBBB;*/
}
p#logotext {
	text-align:center;
	margin-left: 1mm;
	margin-top: 4mm;
	text-shadow: #888888 2px 2px 5px;
	font-size: 22mm;
	font-family: 'Nadianne';
}
div#quotes
{
	position:relative;
	left:27mm;
	height:auto;
	width:100mm;
	/*border: thin solid #BBBBBB;*/
}

div#sitedesc
{
	display: block;
	position:absolute;
	top:80mm;
	left:80mm;
	height:auto;
	width:120mm;
	padding: 2mm;
	background-color: #FFDDDD;
	z-index:90;
	opacity: 0.8;
	border: thin solid #BBBBBB;
}

div#submenu
{
	margin-top: 4mm;
}

div#tipbox
{
	position:relative;
	margin-top:0mm;
	left:0mm;
	height:6mm;
	width:100mm;
	z-index:1;
	background-color:#4682B4;
}

div#quotetext
{
	position:relative;
	margin-top:5mm;
	left:0mm;
	width:100mm;
	height:auto;
}

div#math
{
	position:absolute;
	top:80mm;
	right:-20mm;
	height:5cm;
	width:7cm;
	z-index:1;
}


div#runningman
{
	position:absolute;
	top:10mm;
	right:-10mm;
	height:5cm;
	width:5cm;
	z-index:1;
}

object#rm
{
	height:5cm;
	width:5cm;
}

p#tiphead
{
	text-align:center;
	color:#FFFFFF;
	line-height:4mm;
	padding-top:1mm;
}

/*web standards page*/


/*unicode popup table*/
ul.in
{
	margin-left: 0mm;
	margin-right: 5mm;
	text-align: left;
}
div#ucs
{
	display:none;
	width: 15cm;
	margin-left: 10%;
}

table#ucstable
{
	font-size: 3.8mm;
	width: 14cm;
	margin: 4mm;
}
th.ucs
{
	font-weight: 500;
	text-align: center;
	font-family: times, "times new roman", FreeSerif, serif; 
}
td.smallc
{
	text-align: right;
	padding: 1mm;
	width: 250px;
}

td.midc
{
	text-align: right;
	padding: 1mm;
	width: 250px;
}

td.widec
{
	text-align: left;
	vertical-align: bottom;
	padding: 1mm;
	width: 250px;
}
caption 
{
	
	font-size: 3.5mm;
	margin-bottom: 3mm;
	caption-side: top;
}
/*styles for quote box*/
p.q0 {text-align:left; margin-left:0mm; margin-bottom:2mm; font-size:4.0mm;}
p.q1 {text-align:left; text-indent:-3mm; margin-left:3mm; margin-bottom:2mm; font-size:4.0mm;}
p.o0 {text-align:left; margin-left:3mm; font-size:3.5mm;}
p.o0::before {content: "— ";}

/*global styles*/
div#main
{
	float:left;
	width:87%;
	padding-left:32mm;
	padding-top:4mm;
}
div.jdtime
{
	position:absolute;
	text-align:center;
	top:5mm;
	left:3mm;
	z-index:4;
}
div.hidemenu
{
	position:absolute;
	text-align:center;
	top:1mm;
	left:3mm;
	z-index:4;
}

div.o4logo
{
	position:absolute;
	top:4mm;
	left:6mm;
	height:1.5cm;
	width:1.5cm;
	z-index: 96;
}

div.sidemenu
{
	background-color: #DBE2F3;
	/*background-image: url('/svg/tetrad120.svg');
	background-repeat: no-repeat;
	background-size: 20mm 20mm;
	background-position: top center;*/
	text-align: left;
	position: fixed;
	top: 0mm;
	left: 0mm;
	height: 100%;
	width: 28mm;
	padding: 1mm;
	padding-top: 16mm;
	padding-left: 3mm;
	border-right: outset thin;
	z-index: 95;
}
div.mainbody
{
	font-family: times, "times new roman", FreeSerif, serif; 
	width: 200mm;
	/*position: relative;*/
	padding-top: 2mm;
	padding-bottom: 2mm;
	margin-left:auto;
	margin-right:auto;
	z-index: 20;
}

div.titlebar 
{
	/*position: relative;*/
	margin-left:auto;
	margin-right:auto;
	top: 0; 
	width: 200mm; 
	height: 14mm;
	background-color: #DDDDFF; 
	-o-box-shadow: 2mm 2mm 2mm #888;
	-khtml-box-shadow: 2mm 2mm 2mm #888;
	-moz-box-shadow: 2mm 2mm 2mm #888;
	-webkit-box-shadow: 2mm 2mm 2mm #888;
	box-shadow: 2mm 2mm 2mm #888;
	border-top: thin solid #FFFFFF;
	border-left: thin solid #FFFFFF;
	border-bottom: thin solid #AAAAAA;
	border-right: thin solid #AAAAAA;
	-o-border-bottom-left-radius: 5mm;
	-moz-border-radius-bottomleft: 5mm;
	-webkit-border-bottom-left-radius: 5mm;
	border-bottom-left-radius: 5mm;
	-o-border-top-right-radius: 5mm;
	-moz-border-radius-topright: 5mm;
	-webkit-border-top-right-radius: 5mm;
	border-top-right-radius: 5mm;
	z-index: 98;
}

div.moddate 
{
	position: fixed;	
	bottom: 8mm; 
	left: 3mm;
	width: 28mm; 
	height: 8mm;
	color: #000088;
	z-index: 96;
	font-size: 3mm;
	line-height: 4.0mm;
	text-align: left;
	font-style: normal; 
	font-family: times, "times new roman", FreeSerif, serif; 
}

div.moddate::before {content: "Updated:"}

div.scrollFrame
{
	position: static;
	width: 110mm;
	height: 50mm;
	margin-right:7mm;
	float: right;
	overflow: scroll;
	background-color: #AAFFBB;
}

div.textBox
{
	position: static;
	top: 2mm;
	left: 2mm;
	margin-left: 2mm;
	margin-right: 2mm;
	/*width: 100mm;*/
}

a 
{
	text-decoration: none; 
	font-weight: bold; 
	color: #0000FF;
}

/*menu highliting*/
a.l0
{
	font-size: 4.0mm;
	color: #555555;
	font-family: times, "times new roman", FreeSerif, serif; 
}
a.l1
{
	font-size: 4.0mm;
	margin-left: 3mm;
	font-family: times, "times new roman", FreeSerif, serif; 
}

a.quote::after {content: "*"; font-weight: bold;}
a.info::after {content: "i"; font-size:70%; line-height:70%; vertical-align:super;}

p 
{ 
	margin: 1mm 9mm 4mm 8mm; 
	text-indent: 0cm;
	text-align: justify;
	font-size: 4.0mm;
	line-height: 4.5mm;
	font-style: normal;
	font-family: times, "times new roman", FreeSerif, serif;
	opacity: 1.0;
}

.p
{
	font-size: 3.5mm;
	line-height: 4.5mm;
	margin: 0mm 15mm 4mm 8mm; 
	text-align: justify;
	font-style: normal; 
	font-family: times, "times new roman", FreeSerif, serif;
	color:#151515
}

li
{
	margin-bottom:2mm;
}

p.quote
{
	font-style: italic;
	color: #660066;
}

p.inset
{
	margin-left: 0mm;
	margin-right: 0mm;
	margin-top: 0mm;
	margin-bottom: 2mm;
	font-size: 3.5mm;
	text-align: justify;	
}

p.inset2
{
	margin-left: 10mm;
	margin-right: 10mm;
	margin-top: 0mm;
	margin-bottom: 2mm;
	font-size: 3.5mm;
	line-height: 4.0mm;
	text-align: justify;	
}

p.foot
{
	margin-left: 10mm;
	font-size: 3.5mm;
	line-height: 3.8mm;
	margin-bottom: 1mm;
	text-align: justify;
	text-indent: -5mm;
	font-family: arial, helvetica, sans-serif;
}

p.foot::before {content: "Note: "; font-weight: bold;}
/*p.foot::first-letter {font-weight: bold;}*/

p.small
{ 
	margin-top: 0mm; 
	margin-left: 0cm; 
	margin-bottom: 0cm; 
	text-indent: 0cm;
	font-size: 3.5mm;
	line-height: 4.0mm;
	text-align: left;
	font-style: normal; 
	font-family: times, "times new roman", FreeSerif, serif; 
}

p.tip
{
	margin-top: 0mm; 
	margin-left: 0cm; 
	margin-bottom: 0cm; 
	font-size: 6mm;
	line-height: 7mm;
	text-align: center;
}

p.space
{
	margin-top: 0mm; 
	margin-left: 0cm; 
	margin-bottom: 0cm; 
	text-indent: 0cm;
	font-size: 4.0mm;
	line-height: 4.0mm;
	word-spacing: 20mm;
	text-decoration: none;
	font-style: normal; 
	font-family: times, "times new roman", FreeSerif, serif; 

}
p.large { 
	margin-top: 1mm; 
	margin-left: 0.5cm; 
	margin-bottom: 0.5cm; 
	text-indent: 0cm; 
	font-style: normal; 
	font-size: 4.5mm; 
	line-height: 5.5mm; 
	font-family: times, "times new roman", FreeSerif, serif; 
	}

div.indexbody
{
	font-family: times, "times new roman", FreeSerif, serif;
	width: 200mm;
	position: relative;
	padding-top: 2mm;
	padding-bottom: 2mm;
	margin: 1mm auto 10mm 30mm;
	z-index: 20;
	text-align: center;
}


div.foot
{
	margin-left: 5mm;
	margin-right: 0mm;
	margin-bottom: 0mm;
	width: 170mm;
}

div.inset
{
	position: static;
	height: auto;
	padding: 4mm;
	margin-left: 20mm;
	margin-right: 20mm;
	margin-bottom: 5mm;
	background-color: #E4E6F9; 
	-o-box-shadow: 2mm 2mm 2mm #888;
	-khtml-box-shadow: 2mm 2mm 2mm #888;
	-moz-box-shadow: 2mm 2mm 2mm #888;
	-webkit-box-shadow: 2mm 2mm 2mm #888;
	box-shadow: 2mm 2mm 2mm #888;
	-o-border-bottom-left-radius: 5mm;
	-moz-border-radius-bottomleft: 5mm;
	-webkit-border-bottom-left-radius: 5mm;
	border-bottom-left-radius: 5mm;
	-o-border-top-right-radius: 5mm;
	-moz-border-radius-topright: 5mm;
	-webkit-border-top-right-radius: 5mm;
	border-top-right-radius: 5mm;
	border: thin solid #FFFFFF;
	border-bottom-color: #AAAAAA;
	border-right-color: #AAAAAA;
}

div.sidebar
{	/*top right bottom left*/
	position: static;
	float: right;
	overflow: auto;
	height: auto;
	width: 70mm;
	margin: 0mm 5mm 5mm 5mm;
	padding: 3mm 1mm 3mm 1mm;
	background-color: #E4E6F9; 
	-o-box-shadow: 2mm 2mm 2mm #888;
	-khtml-box-shadow: 2mm 2mm 2mm #888;
	-moz-box-shadow: 2mm 2mm 2mm #888;
	-webkit-box-shadow: 2mm 2mm 2mm #888;
	box-shadow: 2mm 2mm 2mm #888;
	-o-border-bottom-left-radius: 5mm;
	-moz-border-radius-bottomleft: 5mm;
	-webkit-border-bottom-left-radius: 5mm;
	border-bottom-left-radius: 5mm;
	-o-border-top-right-radius: 5mm;
	-moz-border-radius-topright: 5mm;
	-webkit-border-top-right-radius: 5mm;
	border-top-right-radius: 5mm;
}

div.popup
{	/*top right bottom left*/
	position: absolute;
	/*float: right;*/
	overflow: auto;
	height: auto;
	width: 70mm;
	/*margin: 0mm auto 5mm 5mm;*/
	background-color: #FFFFDD;
	border-style: outset;
	z-index:99;
}

p.sidebar
{
	font-size: 3.5mm;
	line-height: 4.3mm;
	text-align: justify;	
	margin-top:3mm;
	margin-right:4mm;
	margin-bottom:3mm;
	margin-left:4mm;
}

td.metric
{
	font-weight: normal; 
	font-family: times, serif; 
	font-size: 3.5mm;
	line-height: 3.5mm; 
	padding-left: 3mm;
	vertical-align: bottom;
	height: 4mm;
}

/*calendar styles*/
div.cellBox {position:relative;top:0mm;left:0mm;width:100%;height:1.2cm;}
div.topNote {position:relative;top:0mm;left:0mm;height:3.5mm;text-align:center;font-size:3.0mm;line-height:3.5mm;}
div.midDate {position:relative;top:0.5mm;left:0mm;vertical-align:middle;text-align:center;}
div.midDate:hover {cursor:pointer; color: #33BB77;}
div.botNote {position:relative;top:0mm;left:0mm;height:3.5mm;text-align:center;font-size:3.0mm;padding-top:1mm;color:#878787;}
th.header {font-size:6mm;line-height:6mm;text-align:center;}
td.today {background-color:#FFDDFF;color:#ff0000;font-weight:bold;text-align:center;}
td.event {height:1.2cm;border:thin solid #FF00FF;}
td.select {height:1.2cm;border:thin solid #00FFFF;}
td.spring {height:1.2cm;border:thin solid #00FF00;}
td.summer {height:1.2cm;border:thin solid #FFFF00;}
td.autumn {height:1.2cm;border:thin solid #FF0000;}
td.winter {height:1.2cm;border:thin solid #0000FF;}
td.days
{
	height:1.2cm;
	border:thin solid #FFFFFF;
	text-align:center;
}

table.calendar
{
	width: 100%;
	border: medium groove #ff00ff;
	background-color: #FFFFFF;
}

a:hover {cursor:pointer; color: #FF0000;}

a.cycle
{
	text-align:center;
	font-weight:bold;
	font-size:6mm;
	line-height:5.0mm;
	font-family: "lucida grande", "lucida sans", FreeSans, sans-serif;
}


h1
{ 
	color: #AA11AA; 
	text-align: center; 
	margin-bottom: 4mm;
	margin-top: 3mm; 
	font-style: normal; 
	font-weight: bold; 
	font-size: 8mm; 
	line-height: 9mm; 
	font-family: Nadianne, times, "times new roman", FreeSerif, serif; 
}

h2 
{ 
	margin-bottom: 3mm;
	margin-left: 2mm;
	text-align: left; 
	font-style: normal; 
	font-weight: 600; 
	font-size: 5mm; 
	line-height: 6mm; 
	font-family: times, "times new roman", FreeSerif, serif; 
}

h3
{ 
	margin-bottom: 3mm;
	margin-left: 4mm;
	text-align: left; 
	font-style: normal; 
	font-weight: 600; 
	font-size: 4.0mm; 
	line-height: 5mm; 
	font-family: times, "times new roman", FreeSerif, "Arial Unicode MS", serif; 
}

/*formatting styles*/
@font-face { /*truetype fonts need to be opentype ttf it seems*/
	font-family: "Nadianne";
	src: url(/fonts/Nadianne-Book.ttf) format("truetype");
}

.unicode {font-family:'Titus Cyberbit Basic', Unicode2000, FreeSans, "Arial Unicode", serif}
.s60 {font-size:60%; line-height:60%; vertical-align:super;}
.s80 {font-size:80%; line-height:80%; vertical-align:super;}

.rj { text-align: right; }
.lj { text-align: left; }
.cj { text-align: center; }
.b { font-style: normal; font-weight: bold; }
.i { font-style: italic; }
.bi { font-style: italic; font-weight: 700; }
.bluetxt {color: #0000FF; font-weight: 500;}
.greytxt {color: #888888;}
.mhead { font: 10mm/12mm helvetica; }
.stpar { text-indent: .5cm; }