.body { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10; 
	font-weight: normal;
	margin-left: 5px;
	margin-top: 5px;
} 
.sitetitle { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14; 
	font-weight: bold;
} 
.bodytitle { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11; 
	font-weight: bold;
} 
.treetitle { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12; 
	font-weight: bold;
	color: #996600;
} 
.input {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-size: 9; 
	background: #330000;
	color: #000000;
	font-weight: normal;
}
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight : bold;   
	font-style: normal; 
	font-size: 9; 
	color: #000080;  
	background-color: #C0C0C0; 
	text-decoration: none;
	width:35px;
}

.boxempty {
	border: medium single #FFFFFF;
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9; 
	padding: 3px 3px 3px 3px;
	height: 155px;
	width: 120px;
	overflow: auto;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
.boxempty * {
    vertical-align: middle;
}
.boxempty span {
    display: inline-block;
    height: 100%;
    width: 1px;
}

.boxself {
	border: medium double #808080;
	background: #C0C0C0;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9; 
	padding: 3px;
	height: 155px;
	width: 120px;
	overflow: auto;
	text-align: center;
	vertical-align: middle;
}

.boxmale {
	border: medium groove #0033CC;
	background: #0099CC;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9; 
	padding: 3px;
	height: 155px;
	width: 120px;
	overflow: auto;
	text-align: center;
	vertical-align: middle;
}

.boxfemale {
	border: medium groove #FF3300;
	background: #FF9900;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9; 
	padding: 3px;
	height: 155px;
	width: 120px;
	overflow: auto;
	text-align: center;
	vertical-align: middle;
}

.boxpdg {
	border: medium double #669900;
	background: #99CC99;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9; 
	padding: 3px;
	height: 70px;
	width: 140px;
	overflow: auto;
	text-align: center;
	vertical-align: middle;
}

.boxtree {
	border: medium double #996600;
	background: #66CC00;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9; 
	color: #336600;
	padding: 3px;
	height: 80px;
	width: 120px;
	overflow: auto;
	text-align: center;
	vertical-align: middle;
    margin: 5px;
	display: inline-block;
	/*
	margin: 0 auto;
	display: table;
	margin: 5px;
	float: left;
	*/
}

.boxtreewrapper {
    text-align: center;
    padding: 17px 0 0 0;
    margin-left: auto;
	margin-right: auto;
	width: 60%;
}

.boxroot {
	border: medium double #996600;
	background: #CC9900;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9; 
	color: #FFFFCC;
	padding: 3px;
	height: 80px;
	width: 120px;
	overflow: auto;
	text-align: center;
	vertical-align: middle;
}
a.nav:link { 
	text-decoration: none; 
	color: #000000; 
}
a.nav:visited { 
	text-decoration: none; 
	color: #000000; 
}
a.nav:hover { 
	text-decoration: underline; 
	color: #000000; 
}

a.small:link { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	font-size: 9; 
	color: #663300; 
}
a.small:visited { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	font-size: 9; 
	color: #993300; 
}
a.small:hover { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: underline; 
	font-size: 9; 
	color: #CC0000; 
}

td {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	vertical-align: top;
}
select {font-size: 10px; margin-bottom: 5px; vertical-align: top; padding: 2px;}
input {font-size:10px; margin-bottom: 5px; vertical-align: top;}
button {font-size:10px; margin-bottom: 5px; vertical-align: top;}
textarea {font-size:10px; margin-bottom: 5px; vertical-align: top;}
.box {
	padding-top: 10px;
	padding-left: 5px;
	margin: 5px;
	float: left;
}