/************************************************************/
/*                                                          */
/*      Faraja House Official Site - CSS file for Printing  */
/*                                                          */
/*      Authors: FabBon, IcE, MamoMC                        */
/*      Version: 1.000                                      */
/*      Date:    2007.08.20                                 */
/*                                                          */
/*      Background:   #314E6C                               */
/*      Light blue:   #EBF5FA                               */
/*      Light green:  #C9F49F                               */
/*      Light violet: #E6E3F9                               */
/*                                                          */
/************************************************************/

body {
	margin: 0; /* 50px 100px */
	padding: 0;
	background-color: #314E6C; /* #EBF5FA #D9CB91 #EEFAD6 */
	font-family: verdana, arial, helvetica, sans-serif;
	color: #044277; /* #2F2406 #447C71 */
	font-size: 14px;
}

#page,
#header,
#footer,
#text,
#container {
	position: relative;
	margin: 0;
	padding: 0;
	border-style: none;
}

#lang,
#menu {
	display: block;
}

h1,
h2,
h3,
h4,
table {
	margin: 0;
	padding: 0;
	border-style: none;
}

#page {
	width: 780px;
	margin: 10px auto 10px auto;
	background-color: #EBF5FA; /* white */
}


#container {
	width: 780px;
	background-color: #EBF5FA; /* white */
	display: block;
	text-align: right;
}

#header,
#footer {
	width: 780px;
	clear: both;
	display: block;
	background-color: #EBF5FA; /* #E6E3F9 #DDDDDD */
	border-color: #314E6C;
	text-align: center;
}

#header {
	margin-bottom: 15px;
	border-bottom: solid 3px;
	font-size: 50px;
	font-variant: small-caps;
	font-weight: bold;
	letter-spacing: 0px;
}

#footer {
	margin-top: 15px;
	border-top: solid 2px;
	font-size: 10px;
}

div.memory {
 
	margin: 10px 0px;
 
	padding: 10px 20px 15px 20px;
	display: block;
	background: #F4F0D4;
	border: solid 1px #314E6C;
	font-size: 13px;
}

div.memory span {
	padding: 0px 10px;
	font-weight: bold;
}

#text {
	/* float: left; */
	width: 780px; /* 595px */
	background-color: #EBF5FA;
}


div.iconNew1 {
	display: none;
}
div.iconNew2 {
	top: 220px; /* one more row equals to +21px [ + some px if required by thicker borders] */
	left: 0px;
	width: 20px;
	position: absolute;
	display: block;
	z-index: 100;
}
div.iconNew3 {
	top: 304px; /* one more row equals to +21px [ + some px if required by thicker borders] */
	left: 0px;
	width: 20px;
	position: absolute;
	display: block;
	z-index: 100;
}
div.iconNew4 {
	display: none;
}
div.iconNew5 {
	top: 243px; /* one more row equals to +21px [ + some px if required by thicker borders] */
	left: 0px;
	width: 20px;
	position: absolute;
	display: block;
	z-index: 100;
}
div.iconNew6 {
	top: 327px; /* one more row equals to +21px [ + some px if required by thicker borders] */
	left: 0px;
	width: 20px;
	position: absolute;
	display: block;
	z-index: 100;
}
div.iconNew7 {
	top: 286px; /* one more row equals to +21px [ + some px if required by thicker borders] */
	left: 0px;
	width: 20px;
	position: absolute;
	display: block;
	z-index: 100;
}


p {
	margin: 0;
	padding: 5px 0 0 0;
	border-style: none;
	text-indent: 20px;
}

p.noindent {
	text-indent: 0px;
}

p.center {
	text-align: center;
}

p.biblecite {
	padding: 0px 100px 5px 100px;
	font-style: italic;
	text-align: center;
}
p.bibleref {
	padding: 0px 100px 5px 100px;
	font-size: 12px;
	text-align: right;
}

p.selecteditem {
	padding: 0px 5px;
	background: #314E6C;
	color: #C9F49F;
	font-weight: bold;
	text-indent: 0px;
}

p.signature {
	margin-top: 10px;
	text-align: right;
}
p.letterPDF {
	margin-top: 10px;
	text-align: center;
}

p.closing {
	margin-top: 3px;
	padding-bottom: 3px;
}

p.note {
	text-indent: -21px;
	padding-left: 21px;
	line-height: 12px;
	font-size: 10px;
}

p.letterCite {
	padding: 10px;
	font-style: italic;
	font-size: 13px;
	text-indent: 0px;
}

p.vSpace {
	margin-top: 1500px;
}

/*
span.selecteditem {
	padding: 0px 5px;
	background: #314E6C;
	color: #C9F49F;
	font-weight: bold;
	text-indent: 0px;
}
*/

span.redEmph {
	color: red;
}

div.letterFranco {
	margin-top: 1500px;
	padding: 10px;
        text-align: left;
	background-color: white;
}


a:link,
a:visited {
	color: blue;
	text-decoration: none;
}
a:hover {			/* This is the key to solve IE "Pure CSS Popups" Bug */
	text-decoration: none;	/* This is the key to solve IE "Pure CSS Popups" Bug */
	border: none;		/* This is the key to solve IE "Pure CSS Popups" Bug */
}				/* This is the key to solve IE "Pure CSS Popups" Bug */

a.AfricaMap:link span,
a.AfricaMap:visited span {
	display: none;
}
a.AfricaMap:hover span {
	display: block;
	position: absolute;
	top: 420px;
	left: 500px;
	width: 80px;
	margin: 0;
	padding: 0px;
	z-index: 100;
	color: #314E6C;
	background: #EBF5FA;
	border-color: #314E6C;
	border-width: 1px 1px 1px 1px;
	border-style: none; /* solid */
	text-indent: 0px;
}
/* For more info, see http://www.meyerweb.com/eric/css/edge/popups/demo.html */
/* Thank you, Eric! */
/*
   IE 6 - Pure CSS Popups Bug
   http://www.quirksmode.org/css/ie6_purecsspopups.html
   http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp
   http://psacake.com/web/jl.asp
   http://archivist.incutio.com/viewlist/css-discuss/35687
   http://archivist.incutio.com/viewlist/css-discuss/24787
*/


a.anameonly:link,
a.anameonly:visited,
a.anameonly:hover {
	color: #314E6C;
	text-decoration: none;
}

a.textlink:link,
a.textlink:hover,
a.textlink:visited {
	text-decoration: none;
}

a.letterLink:link,
a.letterLink:hover,
a.letterLink:visited {
	text-decoration: none;
}

a.refnote:link,
a.refnote:hover,
a.refnote:visited {
	text-decoration: none;
	vertical-align: super;
	font-size: 8px;
}

/*
a.bold:link,
a.bold:visited {
	text-decoration: none;
}
a.bold:hover {
	font-weight: bold;
}
*/

p.closing a:link,
p.closing a:visited {
	color: #314E6C;
	text-decoration: none;
}
p.closing a:hover {
	font-weight: bold;
}

p.back {
	margin: 10px 0px 30px 0px;
	padding: 2px 5px;
	text-align: right;
	text-indent: 0px;
}

p.back  a:link,
p.back  a:visited {
	color: red;
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
}
p.back  a:hover {
	text-decoration: none;
	border: none;
	font-weight: bold;
}

h1 {
	margin-top: 24px;
	margin-bottom: 12px;
	font-size: 28px;
}
h1.h11 {
	text-align: center;
}

h2 {
	margin-top: 12px;
	margin-bottom: 6px;
	padding-bottom: 4px;
	/* padding: 10px; */
	font-size: 20px; /* 1.25em */
	font-weight: normal;
}
h2.h21 {
	margin-top: 1500px;
	border: solid 1px #314E6C;
	background-color: #314E6C;
	text-align: center;
}

h2.h22 {
	border: solid 1px #314E6C;
	background-color: #314E6C;
	text-align: center;
	font-size: 18px;
}

h3.h31 {
	margin-top: 18px;
	margin-bottom: 6px;
	padding: 2px 5px;
	font-size: 14px;
	font-weight: normal; /* bold */
	background-color: #314E6C;
	color: #C9F49F; /* red */
	text-align: right;
}

h2 a:link,
h2 a:visited,
h2 a:hover {
	color: #EBF5FA; /* #314E6C */
}
div.letterFranco h2 a:link,
div.letterFranco h2 a:visited,
div.letterFranco h2 a:hover {
	color: white; /* #314E6C #EBF5FA */
}

/*
.chapter {
	font-size: 10px;
}
*/

img.logo {
	margin-top: 10px;
	border: 0;
}

img.displayed {
	text-align: center;
	margin: 20px 0px 20px 0px;
	border: solid 1px #314E6C;
}

ol.lowerAlpha {
        list-style-type: lower-alpha;
}

table.table1 {
	width: 100%;
	/* padding: 5px 10px; */
	/* border-width: 0; */
}
table.validate {
	width: 100%;
}
table.editors {
	width: 100%;
}
.tableWrapper { text-align:center }
.tryellow1 { background-color: #FFFFCC; }
.tryellow2 { background-color: #EDED8B; }
.trorange1 { background-color: #EFC292; }
.trviolet1 { background-color: #E6E3F9; }
.trgreen1 { background-color: #CCFFCC; }
.trgreen2 { background-color: #C9F49F; }
.trblue1 { background-color: #CCFFFF; }
.trblue2 { background-color: #A0A3EF; }
.trtransparent { background-color: transparent; }
.col1 {
	width: 30%;
	padding: 1px 3px;
}
.col2 {
	width: 70%;
	padding: 1px 3px;
}
.colA {
	width: 35%;
	padding: 1px 3px;
	text-align: right;
}
.colB {
	width: 30%;
	padding: 1px 3px;
	text-align: center;
}
.colC {
	width: 35%;
	padding: 1px 3px;
	text-align: left;
}

#lang,
#menu {
	display: none;
}