body {
	font: 85% \"Lucida Grande\", Verdana, Lucida, Helvetica, Arial, sans-serif; 
	background-color: #AFB7CE; /* #E3E3DE; */
	margin: 0;
	padding-top: 1em;
	padding-left: 1em;
	padding-right: 1em;
}

img
{
	border-style: none;
}


.center{
	background-color: white;
	vertical-align: top;	
}

.middle{
	vertical-align: middle;
	}


/* The front page */
.site_header{
	width: 100%; 
/*	float: right; */
	font-size: 150%;
	font-weight: bold;
	color: #5E636F;
	border-bottom: 1px solid #5E636F;
/*	margin-bottom: 0.2em; */
}
.site_text{
	margin-top: 0.2em;
/*	border: 1px solid red; */
}


/* The menu box */
div.menubox{
	max-width: 200px; 
	float: right;
	border-width: 0 0 .8em 1.4em;
	position: relative;
	margin-bottom: .5em;
	margin-left: .5em;
	border-style: solid;
	border-color: white;
}
div.menuboxborder{
	width: 100%;
	overflow: hidden;
	border-right: 1px solid #5E636F;
	border-bottom: 1px solid #5E636F;
	border-left: 1px solid #5E636F;
	background-color: #dbd5d5;
}
div.menuboxheader{
	width: 100%;
/*	color: white;
	background-color: gray; */
	text-align: center;
}
div.menupadding{ /* padding between menubox and content */
	padding-top: 0.6em;
	padding-right: 0.6em;
	padding-left: 0.6em;
}
div.menupaddingbelow{ /* padding between text lines in menu */
	padding-bottom: 0.4em;
}

/* The image box */
div.imagebox{
	float: left;
	border-width: .5em 1.4em .8em 0;
	position: relative;
/*	margin-top 0; */
/*	margin-left: .5em; */
	margin-bottom: .5em;
	border-style: solid;
	border-color: white;
/*	clear:  left; */
}
div.imageboxborder{
	width: 100%;
	overflow: hidden;
	border: 1px solid #5E636F;
	background-color: #dbd5d5;
}
div.imageboxheader{
	width: 100%;
	text-align: center;
}
img.imagebox{
	vertical-align: bottom;
}


td.bottom_navi{
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.bottom_navi{
	color: black;
}


.bg{
	/* -moz-border-radius: 1em 1em 1em 1em; */
	/*border: solid 1px #AFB7CE;*/
	background-color: #fdfdfd;
}

div.logo {
	width: 120px;
	text-align: center;
	font-size: 140%;
	/*font-weight: bold;*/
	cursor: pointer;
}
.top_navi{
	cursor: pointer;
	color: #8CA492;
}

.no_underline{ /* really should be changed to something more clever */
	text-decoration: none;
	}

.top_padding {
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	padding-right: 0.8em;
	padding-left: 0.8em;
}

.right_bar {
	vertical-align: top;
	/*background-color: white;*/
}

.left_bar {
	vertical-align: top;
	background-color: white;
}

.right_top{
	width: 100%;
	text-align: center;	
}



.article{
	/* border-bottom: 1px solid black; */
}

.article_padding {
	padding-top: 1.0em;
	/*padding-bottom: 1.0em;*/
	padding-right: 2.0em;
	padding-left: 2.0em;
}
.article_title_field{
	/*border-bottom: 1px dashed #5E636F;*/
	border-bottom: 0.05em solid #5E636F;
}

.article_title {
	font-size: 150%;
	font-weight: bold;
}

.article_date {
	font-style: italic;
	font-size: 78%;
}
.article_header{
	margin-top: 1.0em;
}

.paragraph_title{
	font-weight: bold;
}

.paragraph{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.sub_article_list{

}

.sub_article{
	padding-top: 0.7em;
}

.sub_article_title{
	font-size: 120%;
	font-weight: bold;
}
.sub_article_date{
	font-style: italic;
	font-size: 70%;
}

.sub_article_header{
	
}


.latest{
	font-size: 150%;
	font-weight: bold;
	color: #5E636F;
	border-bottom: 0.05em dashed #5E636F;
	margin-bottom: 0.2em;	
}

.related{
	font-size: 150%;
	font-weight: bold;
	color: #5E636F;
	border-bottom: 0.05em dashed #5E636F;
	margin-bottom: 0.2em;
}

.main{
	font-size: 150%;
	font-weight: bold;
	color: #5E636F;
	border-bottom: 0.05em dashed #5E636F;
	margin-bottom: 0.2em;
}

.wpt{
	text-align: left;
	width: 230px;
}

.wpt_info{
	line-height: 75%;
	font-family: monospace;
	font-size: 75%;
}

a.link {
	color: #5E636F;	
}

a.link:hover {
	color: #600; 
}