BODY {
          color:                black;
	  background:		#d0d0d8;
          width:                770px;
          margin:               1.5em 1.0em 25em 0.5em;
          text-align:           left;
}

h1{
	color:	red;
	font-size:	large;
	text-decoration:bold;
	font-weight: 800;
}

h2 {
	color:	green;
	font-size:	medium;
	text-decoration:underline;
	font-weight: 800;
}

h3 {
	color:blue;
	font-size:	medium;
	font-weight: 800;
	margin:12px;
	padding:10px;
	border:black solid thin;
}

h4 {
	color:black;
	background-color: #bbccee;
	text-decoreation: bold;
	margin:8px;
	padding:8px;
	border-left:solid 1em #88f;
	border-right:solid 1em #99aaee;
}

h5 {
	width:90%;
	font-size:small;
	color:black;
	background-color: #eeeeff;
	margin:2px;
	padding:1px;
	border-style: solid solid;
	border-width: 1px;
}

h4 .profile{
	color:black;
	background-color: #ddddff;
	text-decoreation: bold;
	font-weight: 800;
	margin:10px;
	padding:8px;
	border-style: none solid;
}

.contents {
	width:20%;
	float:left;
	font-size:small;
	padding:0.5em;
	border-right:solid 6px #88f;
}

.main {
	width:70%;
        margin:               0.5em 0.5em 5em 0em;
	float:right;
	padding:1%;
}
 
.main p{
	margin-left:1em;
}

.bottom {
	clear:both;
	padding:	1em 0 1em 0 ;
	margin:		1em 0 1em 0 ;
	border-top:solid 1em #68c;
}


.pink {
	 background:		pink;
}


.face { 
        float:          left;  
        padding:        2%;
        margin:         2%;
        border:solid 1px #fff;
}       

.face_r { 
        float:          right;  
        padding:        2%;
        margin:         2%;
        border:solid 1px #fff;
}       

.pic { 
        float:          left;  
        padding:        7px;
        margin:         7px;
        border:solid 1px #fff;
}       

.pic_r { 
        float:          right;  
        padding:        7px;
        margin:         7px;
        border:solid 1px #fff;
}       

.short {
	width:	60%;
}

.narrow {
	margin:3px;
	padding:4px;
}

.noborder {
	border-style: none;
}

 
.year {
	width:		40%;
        border:solid 1px #fff;
        padding:        1px 0 1px 5px;
        margin:         1px;
	background:	#cdf;
}       

.current {
	background:	#dcf;
}       

.intro {
        border:         silid 2px #88a; 
        padding:        2%;
        margin:         1.0em;
}       

.name {
	color:black;
	background-color: #cdd;
	padding:	1%;
	margin:		3px;
	font-weight:	bold;
}

.question {
	color:	green;
	width:		80%;
        border:solid 1px #5c5;
        padding:        1px;
        margin:         2px 0 2px 7px;
	background:	#cfefcf;
}       

.answer {
	color:	black;
	width:		90%;
        border:solid 2px #eaa;
        padding:        10px;
        margin:         6px 0 10px 20px;
	background:	#f6e6e6;
	border-style: solid none none none;
}       

.book {
	color:	black;
	width:		90%;
        border:solid 2px #cef;
        padding:        10px;
        margin:         6px 0 10px 20px;
	background:	#eef;
	border-style: solid none none none;
}       


.disclaimer {
	color:	black;
	width:		90%;
        border:solid 2px #888;
        padding:        10px;
        margin:         10px;
	background:	#c0c0c0;
}       

.quote {
	color:	black;
	width:		90%;
	font-style:	oblique;
        padding:        2px;
        margin:         2px 0 2px 7px;
}       

.intro {
	color:		#222;
	width:		80%;
        padding:        2px;
        margin:         10px;
}       

.rfctitle {
	color:	black;
	width:		80%;
        border:solid 1px #fff;
        padding:        4px 10px 4px 2em;
        margin:         1em 0 1em 7px;
	background:	#bbe;
}       

.diary_nav {
	color:	blue;
	width:		90%;
        border:solid 1px #88f;
        padding:        10px;
        margin:         10px;
	background:	#c0c0f0;
}       


.diary {
	color:	black;
	width:		90%;
        border:solid 2px #bbccee;
        padding:        10px;
        margin:         6px 0 10px 20px;
	background:	#f0f8f8;
	border-style: solid none none none;
}       

.holiday {
	background-color: #eeccbb;
	border-left:solid 2em #eeaa99;
	border-right:solid 2px #f88;
}