body {
	font-family: Helvetica, Arial, sans-serif;
}

.mainmenu a,
.menu1 a, .menu2 a, .menu3 a, .menu4 a, .menu5 a, .menu6 a, .menu7 a, .menu8 a, .menu9 a, .menu10 a, .menu11 a, .menu12 a, .menu13 a, .menu14 a, .menu15 a, .menu16 a, .menu17 a, .menu18 a, .menu19 a, .menu20 a {
	color: #eee;
	text-decoration: none;
	height: 20px;
	display: block;
	margin: 0px;
	line-height: 20px;
	/* font-variant: small-caps; */
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
}

.menu1 a, .menu2 a, .menu3 a, .menu4 a, .menu5 a, .menu6 a, .menu7 a, .menu8 a, .menu9 a, .menu10 a, .menu11 a, .menu12 a, .menu13 a, .menu14 a, .menu15 a, .menu16 a, .menu17 a, .menu18 a, .menu19 a, .menu20 a {
	width: 100%;
}

/*
tr.l1 a {
	font-size: 7px;
	letter-spacing: -0.5px;
}

tr.l1 a:hover {
	font-size: 11px;
	letter-spacing: 0px;
	z-index: 10;
	display: block;
	background: #458;
}
*/

img.play-button {
	position: relative;
	left: 10px;
	top: 11px;
}

img.play-button:hover {
	cursor: pointer;
}

a.edit-divs, a.edit-divs:hover, span.edit-divs {
	color: #a83;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	line-height: 11px;
	height: 11px;
	padding: 0px;
	margin: 0px;
	padding-left: 5px;
}

a.edit-divs:hover {
	color: #aa7;
}

span.edit-divs {
	color: #aaa;
}

.l1 th, .l2 th, .l3 th {
	/* border-bottom: 1px groove rgba(200,200,200,0.3); */
}

.l1 th.menu2, .l1 th.menu3, .l1 th.menu4, .l1 th.menu5, .l1 th.menu6, .l1 th.menu7, .l1 th.menu8, .l1 th.menu9, .l1 th.menu10, .l1 th.menu11, .l1 th.menu12, .l1 th.menu13, .l1 th.menu14, .l1 th.menu15, .l1 th.menu16, .l1 th.menu17, .l1 th.menu18, .l1 th.menu19, .l1 th.menu20,
.l2 th.menu2, .l2 th.menu3, .l2 th.menu4, .l2 th.menu5, .l2 th.menu6, .l2 th.menu7, .l2 th.menu8, .l2 th.menu9, .l2 th.menu10, .l2 th.menu11, .l2 th.menu12, .l2 th.menu13, .l2 th.menu14, .l2 th.menu15, .l2 th.menu16, .l2 th.menu17, .l2 th.menu18, .l2 th.menu19, .l2 th.menu20,
.l3 th.menu2, .l3 th.menu3, .l3 th.menu4, .l3 th.menu5, .l3 th.menu6, .l3 th.menu7, .l3 th.menu8, .l3 th.menu9, .l3 th.menu10, .l3 th.menu11, .l3 th.menu12, .l3 th.menu13, .l3 th.menu14, .l3 th.menu15, .l3 th.menu16, .l3 th.menu17, .l3 th.menu18, .l3 th.menu19, .l3 th.menu20,
.l4 th.menu2, .l4 th.menu3, .l4 th.menu4, .l4 th.menu5, .l4 th.menu6, .l4 th.menu7, .l4 th.menu8, .l4 th.menu9, .l4 th.menu10, .l4 th.menu11, .l4 th.menu12, .l4 th.menu13, .l4 th.menu14, .l4 th.menu15, .l4 th.menu16, .l4 th.menu17, .l4 th.menu18, .l4 th.menu19, .l4 th.menu20 {
	/* border-left: 2px groove rgba(250,250,250,0.25); */
}

.mainmenu a:hover,
.menu1 a:hover, .menu2 a:hover, .menu3 a:hover, .menu4 a:hover, .menu5 a:hover, .menu6 a:hover, .menu7 a:hover, .menu8 a:hover, .menu9 a:hover, .menu10 a:hover, .menu11 a:hover, .menu12 a:hover, .menu13 a:hover, .menu14 a:hover, .menu15 a:hover, .menu16 a:hover, .menu17 a:hover, .menu18 a:hover, .menu19 a:hover, .menu20 a:hover {
	color: #efe;
	_background: #5af;
	text-shadow: 0px 0px 5px #fff, 0px 0px 15px #0ff, 0px 0px 25px #0f0, 20px 0px 25px #0f0, -20px 0px 25px #0f0;
}

.l4 a:hover {
	text-shadow: 0px 0px 5px #fff, 0px 0px 15px #0ff, 0px 0px 10px #0f3, 0px 0px 25px #0ff,
				 4px 0px 20px #0f7, -4px 0px 20px #0f7, 9px 0px 15px #0d5, -9px 0px 15px #0d5,
				 15px 0px 15px #0d3, -15px 0px 15px #0d3, 20px 0px 25px #0f0, -20px 0px 25px #0f0;
}

 .menu1#active_menu a,  .menu2#active_menu a,  .menu3#active_menu a,  .menu4#active_menu a,
 .menu5#active_menu a,  .menu6#active_menu a,  .menu7#active_menu a,  .menu8#active_menu a,
 .menu9#active_menu a, .menu10#active_menu a, .menu11#active_menu a, .menu12#active_menu a,
.menu13#active_menu a, .menu14#active_menu a, .menu15#active_menu a, .menu16#active_menu a,
.menu17#active_menu a, .menu18#active_menu a, .menu19#active_menu a, .menu20#active_menu a {
	color: #fff;
	text-shadow: 0px 0px 5px #fff, 0px 0px 10px #0dd, 0px 0px 15px #0f0, 15px 0px 15px #0c7, -15px 0px 15px #0c7;
}

.l1 #active_menu a {
	_background: #5a5;
}
.l2 #active_menu a {
	_background: #5b5;
}
.l3 #active_menu a {
	_background: #5c5;
}
.l4 #active_menu a {
	_background: #5d5;
}

.l1 #inactive_menu a {
	color: #59e;
}
.l2 #inactive_menu a {
	color: #7ad;
}
.l3 #inactive_menu a {
	color: #8bd;
}

#inactive_menu a:hover {
	color: #fff;
}

.mainmenu {
	position: absolute;
	width: 121px;
	height: 20px;
	background: transparent;
	color: #fff;
	left: 0px;
}

.mainmenu#container1 {
	z-index: 12;
	top: 10px;
	left: 123px;
	height: 95px;
	background: url(images/CG/mainmenu7.png);
}
.mainmenu#container2 {
	z-index: 12;
	top: 10px;
	left: 147px;
	height: 95px;
	background: url(images/CG/mainmenu7.png);
}

div#main_menu_background {
	display: normal;
	position: relative;
	right: 0px;
	width: 100%;
	height: 139px;
	background: url(images/CG/top-bg3.png) -7px 0px;
}

/*
.mainmenu#i1, tr.l1 th {
	border-top: 1px solid #0096f0;
	border-bottom: 1px solid #0087f0;
}
.mainmenu#i2, tr.l2 th {
	border-top: 1px solid #0087f0;
	border-bottom: 1px solid #0078f0;
}
.mainmenu#i3, tr.l3 th {
	border-top: 1px solid #0078f0;
	border-bottom: 1px solid #0069f0;
}
.mainmenu#i4, tr.l4 th {
	border-top: 1px solid #0069f0;
	border-bottom: 1px solid #0060f0;
}
.mainmenu#i5, tr.l5 th {
	border-top: 1px solid #00a9ff;
	border-bottom: 1px solid #00a0ff;
}
*/

.mainmenu a {
	/* color: #fd1; */
	color: #fff;
	text-shadow: 0px 0px 2px #5cf;
}

.mainmenu#i5 a {
	color: #fe1;
	font-size: 11px;
	letter-spacing: 0.41em;
	font-weight: 900;
	width: 127px;
}
.mainmenu#i5 a:hover {
	_color: #1f7;
	_background: #1055ea;
	text-shadow: 0px 0px 1px #0f0, 0px 0px 5px #fff, 0px 0px 15px #ff0, 0px 0px 25px #0f0, 20px 0px 25px #0f0, -20px 0px 25px #ff0;
}

div.sitemap_overlay {
	position: absolute;
	background: transparent;
}

div.sitemap_overlay:hover {
	position: absolute;
	background: blue;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
	filter: alpha(opacity=35);
	opacity: 0.35;
}

div#help_area {
	font-size: 13px;
}

div#help_area b {
	font-size: 17px;
	text-decoration: underline;
}

div#text_area div,
div#help_area {
	/* color: #7d5d52; */
	/* color: #005969; */
	/* color: #73004F; */
	color: #83305F;
	color: #70475F;
	font-weight: bold;
	text-align: justify;
}

div#text_area div b,
div#help_area b {
	/* color: #dd5f15; */
	/* color: #d52; */
	/* color: #c71; */
	color: #18e;
	/* color: #E61D55; */
	font-weight: bolder;
	letter-spacing: 0.017em;
	margin-left: 3px;
	margin-right: 3px;
}

div#text_area div sup {
	font-size: 9px;
}

div#help_area em {
	font-size: 15px;
	color: #38d;
}

table.indicia {
	width: 100%;
	box-shadow: 1px 0 0 #FFFFFF, 0 -1px 0 #FFFFFF, -1px 0 0 #FFFFFF, 0 1px 0 #FFFFFF, -1px 3px 5px #777777;
	-moz-box-shadow: 1px 0 0 #FFFFFF, 0 -1px 0 #FFFFFF, -1px 0 0 #FFFFFF, 0 1px 0 #FFFFFF, -1px 3px 5px #777777;
	-webkit-box-shadow: 1px 0 0 #FFFFFF, 0 -1px 0 #FFFFFF, -1px 0 0 #FFFFFF, 0 1px 0 #FFFFFF, -1px 3px 5px #777777;
}

.indicia td {
	background: #def;
	font-size: 13px;
	padding-left: 9px;
	padding-bottom: 3px;
}

.indicia .header td {
	background: #79e;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	padding: 3px;
	box-shadow: inset 0 0 1px #FFFFFF;
	-moz-box-shadow: inset 0 0 1px #FFFFFF;
	-webkit-box-shadow: inset 0 0 1px #FFFFFF;
}

.indicia .chapter_header td {
	color: #59e;
	background: #f3faff;
	font-size: 15px;
	font-weight: bold;
	padding: 3px;
	text-shadow: 1px 0 0 #FFFFFF, 0 -1px 0 #FFFFFF, -1px 0 0 #FFFFFF, 0 1px 0 #FFFFFF, -1px 3px 5px #777777;
	box-shadow: inset 0 0 1px #cccccc;
	-moz-box-shadow: inset 0 0 1px #ccc;
	-webkit-box-shadow: inset 0 0 1px #ccc;
}

.indicia td a:link,
.indicia td a:visited {
	color: #38d;
	font-size: 11px;
}

.indicia td a:hover {
	color: #7af;
}

span.title,
b.title {
	/* color: #975 !important; */
	color: #39f !important;
	/* color: #b38 !important; */
	/* color: white; */
	font-weight: bolder;
	letter-spacing: 0.17em !important;
	font-size: 15px;
	/* text-shadow: 0 0 4px white, 0 -5px 4px #FFFF33, 2px -10px 6px #FFDD33, -2px -15px 11px #FF8800, 2px -25px 18px #FF2200; */
	text-shadow: 1px 0px 0px #fff, 0px -1px 0px #fff, -1px 0px 0px #fff, 0px 1px 0px #fff, -1px 3px 5px #555;
}

table.credits {
	font-size: 11px;
	width: 100%;
}

table.credits td,
table.credits th {
	background: #def;
	vertical-align: top;
	padding: 3px;
	border: 2px solid #999;
}

table.credits td  {
	font-weight: normal;
}

table.credits th  {
	background: #cdf;
	font-weight: bold;
}

table.credits tr.spacing,
table.credits tr.spacing td {
	background: transparent;
	border: 0px;
	padding: 0px;
	height: 7px;
}

table.credits b {
	color: #7d5d52 !important;
	font-weight: bold !important;
	letter-spacing: 0.01em !important;
	margin-left: 0px !important;
	margin-right: 1px !important;
}

div.credits {
}

b.credits {
	color: #505090 !important;
}

b.credits a:link,
b.credits a:visited,
b.credits a:hover,
div.links a:link,
div.links a:visited,
div.links a:hover {
	color: #38d;
}

b.credits a:hover,
div.links a:hover {
	color: #7af;
}


div.subs {
	margin-right: 19px;
	border: 1px solid white;
	position: absolute;
	top: 29px;
	width: 18px;
	height: 18px;
	background: #58f;
	color: white;
	font-size: 15px;
	padding-top: 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0px 0px 2px #ffffff;
	-moz-box-shadow: 0px 0px 2px #fff;
	-webkit-box-shadow: 0px 0px 2px #fff;
	text-shadow: 0px 0px 2px #bbb;
	cursor: hand;
}

a.subs#active_sub  div.subs {
	/* border: 3px solid #3f5; */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 3px solid #ffc;
	cursor: pointer;
	top: 26px;
	width: 20px;
	height: 20px;
	margin-right: 16px;
	background: #3af;
	padding-top: 2px;
	color: #ffc;
	text-shadow: 0px 0px 3px #fff;
	box-shadow: 0px 0px 7px #ffffff, 0px 0px 3px #ffffff;
	-moz-box-shadow: 0px 0px 7px #fff, 0px 0px 3px #fff;
	-webkit-box-shadow: 0px 0px 7px #fff, 0px 0px 3px #fff;
}

div.subs:hover {
	background: #7af;
	text-shadow: 0px 0px 2px #fff, 0px 0px 3px #fff;
}

a.subs#active_sub  div.subs:hover {
	background: #58f;
}

a.subs {
	text-decoration: none;
}

ul {
	padding-left: 0px;
	margin-left: 12px;
}

ul br {
	margin-bottom: 5px;
}

/*
div#main_menu {
	background: url(images/CG/nav-bg-full.png) 0px 10px repeat-x !important;
}
*/

img#button1 {
	top: 15px;
	left: 50px;
	width: 198px;
	height: 53px;
	background: url(images/CG/button-1.png) -25px -18px;
	border: 0;
	margin: 0;
	padding: 0;
}

img#button2 {
	top: 15px;
	left: 290px;
	width: 198px;
	height: 53px;
	background: url(images/CG/button-2.png) -25px -18px;
	border: 0;
}

img#button3 {
	top: 15px;
	left: 567px;
	width: 97px;
	height: 53px;
	background: url(images/CG/button-3.png) -12px -18px;
	border: 0;
}

img#button1:hover {
	top: -3px;
	left: 25px;
	width: 248px;
	height: 81px;
	background: url(images/CG/button-1-glow.png);
}

img#button2:hover {
	top: -3px;
	left: 265px;
	width: 248px;
	height: 81px;
	background: url(images/CG/button-2-glow.png);
}

img#button3:hover {
	top: -3px;
	left: 555px;
	width: 121px;
	height: 81px;
	background: url(images/CG/button-3a-glow.png);
}

a:hover, a:focus, a:active {
    outline: none;
    -moz-outline-style: none;
}

div#text_area i {
	display: block;
	background: #eef;
	margin-right: 50px;
	min-width: 100px;
	margin-left: 20px;
	padding: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: -1px 4px 8px #999999;
	-moz-box-shadow: -1px 4px 8px #999;
	-webkit-box-shadow: -1px 4px 8px #999;
	font-size: 13px;
	color: #369;
	line-height: 19px;
}

div#bibliography em {
	color: #40579F;
}

span.toc_anchors,
span.toc_anchors_l1,
span.toc_anchors_l2 {
	margin-left: 15px;
	display: inline-block;
	margin-top: 11px;
	margin-bottom: 29px;
}

span.toc_anchors a,
span.toc_anchors_l1 a,
span.toc_anchors_l2 a {
	color: #18e;
	/* color: #E61D55; */
	font-weight: bolder;
	text-decoration: none;
	font-size: 12px;
	text-shadow: 0px 0px 5px #fff;
}

span.toc_anchors a {
	margin-right: 5px;
}

span.toc_anchors a:hover,
span.toc_anchors_l1 a:hover,
span.toc_anchors_l2 a:hover {
	color: #fff;
	text-shadow: 0px 0px 5px #05c, 0px 0px 2px #0e5;
}

span.toc_separator {
	color: #17d;
	font-weight: bolder;
	font-size: 15px;
	text-shadow: 0px 0px 2px #fff;
}

span.toc_anchors_l2 {
	margin-top: 0px;
}

span.toc_l2_chapters {
	color: #369;
	font-weight: bolder;
	font-size: 13px;
	text-shadow: 1px 0 1px #F8F8F8, 0 -1px 1px #F8F8F8, -1px 0 1px #F8F8F8, 0 1px 1px #F8F8F8, -1px 1px 2px #555555;
	display: inline-block;
	margin-bottom: 5px;
	margin-top: 17px;
}

table.indicia a.indicia-lema {
	color: #70475F;
	font-size: 12px;
	text-decoration: none;
}

table.indicia a.indicia-lema:hover {
	color: #996677;
	text-decoration: underline;
}