body {
	margin:0px;
	padding:0px;
	font-family: "Trebuchet MS", Trebuchet, verdana, arial, helvetica, sans-serif;
	font-size: x-small;
	background-color: #fff;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: small;	
	}
html>body {
	font-size: small;	
	} 
h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-weight:900;
	font-size:large;
/* Ugly brilliant hack - see http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size:x-large;
	}
/* be nice to Opera 5. */
body>h1 {font-size:x-large;}		
	}
h1.first {
	color:#090;
	}
h2 {
	font-size:large;
	padding:0px;
	}
h3 {
	font-size:medium;
	font-weight: bold;
	padding:0px;
	}
.hot {
	color:#900;
	font-weight: bold;
	}
.setoff {
	border: 1px dashed #003;
	padding:4px 4px 8px;
	margin:6px 10px;
	}

.bad {
	color:#900;
	font-weight: bold;
	}

.good {
	color:#090;
	font-weight: bold;
	}

.altercolor { /* for tables */
	background-color: #cef;
	}
p {
	line-height: 22px;
	margin: 7px 0px 8px 0px;
	padding: 0px;
	}
p.caption1 { font-family: arial, verdana, helvetica, sans-serif; line-height:120%; font-style:italic; margin:0px 5px 5px 0px; padding:0px; width:180; font-size:80%; }

#crumbs {
	color: #062;
	font-size: xx-small;
	line-height: 14px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: x-small;	
	}
.content>#crumbs {
	font-size: x-small;
	}

a:link { color: #06b; font-weight: bold; text-decoration: none }
a:visited { color: #07a; font-weight: bold; text-decoration: none }
a:active { color: #0b6; font-weight: bold; text-decoration: none }
a:hover { color: #038; font-weight: bold; text-decoration: underline }
hr {
	color:#00C;
	height:1px;
	}
/* All the content boxes belong to the content class. */
.content {
	position:relative; /* "relative" to gain control of stacking order (z-index). */
	width:auto;
	min-width:120px;
	max-width:582px;
	margin:201px 50px 0px 210px;
	padding:10px;
	z-index:20; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}
body>.content {	margin:201px 50px 0px 210px;}

.contentnarrow {
	position:relative; /* "relative" to gain control of stacking order (z-index). */
	width:auto;
	min-width:120px;
	max-width:582px;
	margin:201px 200px 0px 210px;
	padding:10px;
	z-index:20; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}
body>.contentnarrow {	margin:201px 200px 0px 210px;}

#right_bar {
	position:absolute;
	width:230px;
	top:165px;
	right:0px;
	background-color:#cef;
	padding:15px 5px 15px 15px;
	z-index:2;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:200px;
	}
body>#right_bar {width:200px;}

.floatright {
	float:right;
	width:235px;
	background-color:#cef;
	padding:10px;
	margin:5px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:205px;
	}
body>.floatright {width:205px;}
.floatrule {
	float:right;
	width:175px;
	border:1px solid #00c;
	background-color:#fff;
	padding:10px;
	margin:5px;
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:145px;
	}
body>.floatrule {width:145px;}
.leftnav {
	position:absolute;
	width:175px;
	left:0px;
	top:220px;
	background-color:#fff;
	padding:0px;
	margin:0px;
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:128px;
	}
body>.leftnav {	top:220px;}

.leftnav-greenca {
	position:absolute;
	width:200px;
	left:0px;
	top:220px;
	background-color:#fff;
	padding:0px;
	margin:0px;
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:200px;
	}
body>.leftnav-greenca {	top:220px;}

.leftnav-greenca>p { margin:0px 0em 3px 2.2em !important; line-height:1.1em !important; color: #363; }

.leftnavhome {
	position:absolute;
	width:175px;
	left:0px;
	top:325px;
	background-color:#fff;
	padding:0px;
	margin:0px;
	font-size: .82em;
	}

.leftnavhome>p { padding:0px 1em 0px 30px; line-height:1.4em; color: #633; }

#register {
	width:135px;
	left:30px;
	top:216px;
	position:absolute;
	background-color:#fff;
	padding:0px;
	margin:0px;
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:135px;
	}
body>#register {width:135px;}
.special {
	border:1px solid #666;
	background-color:#fff;
	color:#369;
	padding:10px;
	margin:20px;
	min-width:110px;
	}

#top {
	position:absolute;
	left:0px;
	top:0px;
	}

#right_bar>p { padding:10px 0px 0px 0px; }
#right_bar>p+p { padding:0px 0px 0px 0px; }
#right_bar>ul { padding:0px 0px 0px 25px; }
#right_bar>ol { padding:0px 0px 0px 25px; }
#logo {
	position:absolute;
	width:217px;
	top:0px;
	left:0px;
	padding:0px;	
	z-index:5;
	}
#top_bar { /* holds the collage only */
	position:absolute;
	top:0px;
	left:217px;
	height:134px;
	width:582px;
	background-color:#f3f3f3;
	padding:0px;
	z-index:3;
	}
#top_bar_bkgd { /* collage bkgd color */
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:134px;
	background-color:#f3f3f3;
	padding:0px;
	z-index:1;
	}
#rule {
	position:absolute;
	top:134px;
	left:0px;
	width:100%;
	height:1px;
	background-color:#000;
	padding:0px;
	margin:0px;
	z-index:1;
	}
#en_nav {
	position:absolute;
	top:135px;
	left:10px;
	height:30px;
	width:582px;
	background-color:#a6dde6;
	padding:0px;
	z-index:6;
	}
#en_nav_bkgd { /* english nav bkgd color */
	position:absolute;
	top:135px;
	left:0px;
	width:100%;
	height:30px;
	background-color:#a6dde6;
	padding:0px;
	z-index:1;
	}

#name_bar { /* name image only - now below the rest */
	position:absolute;
	top:165px;
	left:0px;
	height:23px;
	width:659px;
	padding:0px;
	z-index:4;
	}
#name_bar_bkgd { /* name bkgd color */
	position:absolute;
	top:165px;
	left:0px;
	width:100%;
	height:32px;
	background-color:#fff;
	padding:0px;
	z-index:1;
	}
#rule2 {
	position:absolute;
	top:164px;
	left:0px;
	width:100%;
	height:1px;
	background-color:#000;
	padding:0px;
	margin:0px;
	z-index:9;
	}
#header {
	position:absolute;
	top:165px;
	left:0px;
	padding:0px;
	margin:0px;
	z-index:11;
	}