/* globals */

body {

	color: #303030;
        background-color: #F7FBF7;
        font-family: Utopia, Georgia, Palatino, serif;
        font-size: medium;
        font-weight: 100;
	letter-spacing: -0.04em;
	line-height: 0.97em;
}

.print {

	color: #000000;
	background-color: #FFFFFF;
        font-size: 10px;
        margin: 20px;
}

.test {
	border: 1px red solid;
}


.indent-l { padding-left: 20px; }
.indent-r { padding-right: 30px; }
.indent-t { padding-top: 30px; }

.recolored {

	color: #202020;
	background-color: #F6F8F3;
}

a {
        color: #507050;
	font-weight: 900;
	text-decoration: none;
}

select {
}

ul {
	list-style-type: none;
        padding: 1ex 0em 1ex 2em;
}        

li {

}

hr {
        height: 1px;
        color: #C0C0C0;
	margin: 30px 4em 30px 4em;
}

.top {

	position: absolute;
	display: inline;
}

.upwards {

	position: absolute;
	display: inline;
}

.lightup {
        text-decoration: none;
	color: #404040;
	letter-spacing: -0.15em;
}

.lightup:hover {
        color: #008020;
}

div.main {

}

div.paragraphs {

	text-align: left;
}

p {
	margin: 0px auto 1.2em auto;        
/*	max-width: 80em;
	width: expression(document.body.clientWidth > (500/12) * parseInt(document.body.currentStyle.fontSize)? "80em": "auto" );
*/
}

p:first-letter {

        font-size: large;
        font-weight: 600;
}

li.nude {

        list-style-type: none;
}

div.rightbox {

	float: right;
	padding: 10px;
	margin: 0px 0px 15px 30px;

	font-size: small;
	font-weight: 100;

	border: 1px;
	border-color: #C0C0C0;
}

div.rightbox.bare {
	border: 0px;
}

img.candy {

	height: 60px;
        margin: 0px;
	border: 0px;
        padding: 1px;
}

img.display {

        padding: 2px;
        border: 1px solid #C0C0C0;
	margin-bottom: 1em;
}

img.large {

        padding: 2px;
        border: 1px solid #C0C0C0;
	margin-bottom: 1em;
}

img.small {

        padding: 2px;
        border: 1px solid #C0C0C0;
	margin-bottom: 1em;
}

img.thumb {

	width: 90%;
        padding: 5px;
        margin: 5px 0px 5px 0px;
        border: 1px solid #C0C0C0;
	float: left;
}

img.tile {

	width: 20%;
        padding: 10px;
}

/* menu boxes */

.boxed {
        border: 3px;
        border-style: solid;
        margin: 0ex 0.33em 0ex 0.0em;
	padding: 0ex 0.33em 0ex 0.33em;
	line-height: 3.5ex;
}

.box_text {
	padding: 0ex 0.5em 0.5ex 0.5em;
	line-height: 5ex;
}

.box_menu {
	padding: 0.3ex 0.33em 0.5ex 0.33em;
	line-height: 5ex;
}

/* substyle here for 2 2 2 3 2nd-layer box */

.highlight {
        background-color: #228811;
        border-color: #22BB55;
}

.plain {
        background-color: #66BB66;
        border-color: #008800;
}

.plainer {
        background-color: #99CC99;
        border-color: #008800;
}

/* types of text */

.boldmenu {
        font-size: small;
        font-weight: 900;
        letter-spacing: -0.1em;
        font-family: serif;
}

.lightmenu {
        font-size: small;
        font-weight: 100;
        letter-spacing: -0.1em;
        font-family: serif;
}

.metadata {
	clear: both;
        color: #A0A0A0;
        font-size: small;
        font-style: italic
}

.title0 {

	font-size: x-large;
        letter-spacing: 0.5em;
        font-weight: 900;
        font-variant: small-caps;
}

.title1 {

	font-size: large;
        letter-spacing: 0.5em;
        font-weight: 900;
        font-variant: small-caps;
}

.title2 {

        font-size: large;
        font-weight: 900;
        letter-spacing: 0.2em;
        margin: 1em 0em 0.6em 0em;
}

.title3 {

        font-size: large;
        font-weight: 900;
        letter-spacing: 0.1em;
        margin: 1em 0em -0.5em 0em;
}

.jobTitle {

        font-style: italic;
}

.small {

        font-variant: small-caps;
}


/* tasky stuff */

table.tasktable {

	padding: 20px;
}

/* cells */

td.re {

	text-align: right;
        padding-right: 10px;
        font-weight: 900;
}

td.blank {

	font-size: x-small;
}

td.left {

/*	text-align: right;*/
}