@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(00_BG_Color.png);
	background-attachment:scroll;
    background-position: inherit; 
	background-repeat: repeat; 
	text-decoration: none;
	font-style:normal; 
	font-size: 12px; 
	font-family: Georgia, "Times New Roman", Times, serif;
}

.brownlink { line-height: 13px; color: #C5C5C5; text-align: center; font-size: 13px }
.brownlink a:link {  font-weight: normal; color: #231a1b; text-decoration: underline }
.brownlink a:active {  font-weight: normal; color: #231a1b; text-decoration:none; }
.brownlink a:visited {  font-weight: normal; color: #231a1b; text-decoration: none }
.brownlink a:hover {  font-weight: normal; color: #000; text-decoration: none; font-style:italic; }

#BottomBar {
position:fixed;
left:0px;
top:0px;
z-index:5;
}

.utena {
position:fixed;
left:0px;
top:0px;
z-index:-1;
}

img.covers {
   float:right;
   border:1px solid #000;
}


.padding {
	padding: 4px;
}

.centerwhitetitle {
	text-align:center;
	font-size:16px;
	line-height: 16px;
	color: #c3c3c3;
	text-shadow: 1px 1px 1px #414141;
}

.whitetextj {
	text-align:justify;
	font: Georgia, "Times New Roman", Times, serif;
	color: #b4b4b4;
	font-size: 12px;
	line-height: 14px;
}

.whitetextl {
	text-align:left;
	font: Georgia, "Times New Roman", Times, serif;
	color: #b4b4b4;
	text-shadow: 1px 1px 1px #4c4c4c;
	font-size: 12px;
	line-height: 14px;
}
.whitetextl a:link {  font-weight: normal; color: #d6d6d6; text-decoration: underline }
.whitetextl a:active {  font-weight: normal; color: #d6d6d6; text-decoration:none; }
.whitetextl a:visited {  font-weight: normal; color: #d6d6d6; text-decoration: none }
.whitetextl a:hover {  font-weight: normal; color: #FFF; text-decoration: none }

.whitetextc {
	text-align:center;
	font: Georgia, "Times New Roman", Times, serif;
	color: #b4b4b4;
	text-shadow: 1px 1px 1px #4c4c4c;
	font-size: 12px;
	line-height: 14px;
}

.whitetextc a:link {  font-weight: bold; color: #e2e2e2; text-decoration: underline }
.whitetextc a:active {  font-weight: bold; color: #e2e2e2; text-decoration:none; }
.whitetextc a:visited {  font-weight: bold; color: #e2e2e2; text-decoration: none }
.whitetextc a:hover {  font-weight: bold; color: #e2e2e2; text-decoration: none }


.whitetextj a:link {  font-weight: normal; color: #d6d6d6; text-decoration: underline }
.whitetextj a:active {  font-weight: normal; color: #d6d6d6; text-decoration:none; }
.whitetextj a:visited {  font-weight: normal; color: #d6d6d6; text-decoration: none }
.whitetextj a:hover {  font-weight: normal; color: #FFF; text-decoration: none }


.centergreytitle {
	text-align:center;
	font-size:16px;
	line-height: 16px;
	color: #232323;
	text-shadow: 1px 1px 1px #726033;
}

.greytextj {
	text-align:justify;
	font: Georgia, "Times New Roman", Times, serif;
	color: #231a1b;
	font-size: 12px;
	line-height: 14px;
}

.greytextl {
	text-align:left;
	font: Georgia, "Times New Roman", Times, serif;
	color: #231a1b;
	text-shadow: 1px 1px 1px #726033;
	font-size: 12px;
	line-height: 14px;
}
.greytextl a:link {  font-weight: normal; color: #d6d6d6; text-decoration: underline }
.greytextl a:active {  font-weight: normal; color: #d6d6d6; text-decoration:none; }
.greytextl a:visited {  font-weight: normal; color: #d6d6d6; text-decoration: none }
.greytextl a:hover {  font-weight: normal; color: #FFF; text-decoration: none }


.greytextj a:link {  font-weight: normal; color: #d6d6d6; text-decoration: underline }
.greytextj a:active {  font-weight: normal; color: #d6d6d6; text-decoration:none; }
.greytextj a:visited {  font-weight: normal; color: #d6d6d6; text-decoration: none }
.greytextj a:hover {  font-weight: normal; color: #FFF; text-decoration: none }

.greytextc {
	text-align:center;
	font: Georgia, "Times New Roman", Times, serif;
	color: #231a1b;
	text-shadow: 1px 1px 1px #726033;
	font-size: 12px;
	line-height: 14px;
}

.greytextc a:link {  font-weight: bold; color: #e2e2e2; text-decoration: underline }
.greytextc a:active {  font-weight: bold; color: #e2e2e2; text-decoration:none; }
.greytextc a:visited {  font-weight: bold; color: #e2e2e2; text-decoration: none }
.greytextc a:hover {  font-weight: bold; color: #e2e2e2; text-decoration: none }









div.comments {
    position: relative;
    left: 352px;
	width: 365px;
	height: 210px;
	text-align:justify;
	font: Georgia, "Times New Roman", Times, serif;
	color: #c4c3c2;
	text-shadow: 1px 1px 1px #000;
	font-size: 12px;
	line-height: 16px;
	background-image: url(01_Curly.png);
	background-position: bottom left;
	background-repeat:no-repeat;
}

table.toc {
  border-spacing: 25px 0;
}

div.toc {
	position:relative;
  font-size: 12px;
  line-height: 17px;
  padding-bottom: 5px;
  left: 10px;
  color: #231a1b;
}

div.toctitles {
	position:relative;
	font-size: 13px;
    border-bottom: 1px solid #000;
	padding-bottom: 1px;
	color: #000;
}

.toc a:link {  font-weight: normal; color: #231a1b; text-decoration: underline }
.toc a:active {  font-weight: normal; color: #231a1b; text-decoration:none; }
.toc a:visited {  font-weight: normal; color: #231a1b; text-decoration: none }
.toc a:hover {  font-weight: normal; color: #000; text-decoration: none; font-style:italic; }
	






















div.box3 {
	position: relative;
	left: 453px;
	width: 366px;
}

div.box4 {
	position: relative;
	left: 300px;
	width: 508px;
}

div.box5 {
	position: relative;
	left: 400px;
	width: 456px;
}

div.box6 {
	position: relative;
	left: 296px;
	width: 465px;
}

div.box7 {
	position: relative;
	left: 415px;
	width: 414px;
}