/************************************************************/
/*                                                          */
/*      Faraja House Official Site - CSS file               */
/*                                                          */
/*      Authors: FabBon, IcE, MamoMC                        */
/*      Version: 1.272                                      */
/*      Date:    2014.12.24                                 */
/*                                                          */
/*      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 {
	margin: 0;
	padding: 0;
	border-style: none;
}

#menu {
	/* position: relative; */ /* To let "a.menuitem span" work under IE6.0 */
	margin: 0;
	padding: 0;
	border-style: none;
}

#menu,
#text {
	float: left;
}

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

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


#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;
}

#lang {
	position: absolute;
	top: 150px;
	left: 740px;
	width: 30px;
	display: block;
	z-index: 100;
}

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

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;
}

div#menu {
	float: left;
	width: 120px; /* 150px 200px */
	/* margin-top: 65px; */
	margin-right: 20px;
	margin-left: 10px;
	line-height: 20px;
	display: block;
	background: transparent; /* white */
	border-top: solid 1px none;
	border-right: solid 1px #314E6C;
	border-bottom: solid 1px #314E6C;
	border-left: solid 1px #314E6C;
	font-size: 12px;
}

html>body #menu {
	margin-left: 20px; /*** IE doubles the margin on the float. This sets
				the margin to the correct width for others
				[http://www.positioniseverything.net/guests/3colcomplex.html] ***/
}

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


div.iconNew1 {
	top: 157px; /* First row in menu | 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.iconNew2 {
	top: 178px; /* Second row in menu */
	left: 0px;
	width: 20px;
	position: absolute;
	display: block;
	z-index: 100;
}
div.iconNew3 {
	top: 199px; /* Third row in menu */
	left: 0px;
	width: 20px;
	position: absolute;
	display: block;
	z-index: 100;
}
div.iconNew4 {
	top: 220px; /* Fourth row in menu */
	left: 0px;
	width: 20px;
	position: absolute;
	display: block;
	z-index: 100;
}
div.iconNew5 {
	top: 241px; /* Fifth row in menu */
	left: 0px;
	width: 20px;
	position: absolute;
	display: block;
	z-index: 100;
}
div.iconNew6 {
	top: 262px; /* Sixth row in menu */
	left: 0px;
	width: 20px;
	position: absolute;
	display: block;
	z-index: 100;
}
div.iconNew7 {
	top: 283px; /* Seventh row in menu */
	left: 0px;
	width: 20px;
	position: absolute;
	display: block;
	z-index: 100;
}
div.iconNew8 {
	top: 304px; /* Eighth row in menu */
	left: 0px;
	width: 20px;
	position: absolute;
	display: block;
	z-index: 100;
}
div.iconNew9 {
	top: 325px; /* Ninth row in menu */
	left: 0px;
	width: 20px;
	position: absolute;
	display: block;
	z-index: 100;
}
div.iconNew10 {
	top: 346px; /* Tenth row in menu */
	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;
}

p.imgDisplayedLink {
	margin: 10px 0;
	text-align: center;
}

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

span.redEmph {
	color: red;
}

div#lang a,
div#lang p,
div#lang img {
	margin: 5px 0;
	padding: 0;
	display: block;
	text-decoration: none;
	border-style: none;
}

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 */

div#menu a {
	border-top: solid 1px #314E6C;
	display: block;
	text-decoration: none;
}
a.menuitem:link,
a.menuitem:visited {
	padding: 0px 5px;
	background: transparent;
	color: #314E6C; /* #044277 */
}
a.menuitem:hover {
	padding: 0px 5px;
	background: #C9F49F; /* #EBF5FA; */
	color: #314E6C; /* #044277 */
	font-weight: bold;
}
a.menuitem_hr:link,
a.menuitem_hr:visited {
	padding: 0px 5px;
	border-bottom: solid 2px #314E6C;
	background: transparent;
	color: #314E6C; /* #044277 */
}
a.menuitem_hr:hover {
	padding: 0px 5px;
	border-bottom: solid 2px #314E6C;
	background: #C9F49F; /* #EBF5FA; */
	text-decoration: none;
	font-weight: bold;
}

/* Eric Meyers grandiose CSS Pop Ups [http://www.mako4css.com/Sonderzeug.css] */

a.menuitem:link span,
a.menuitem:visited span,
a.menuitem_hr:link span,
a.menuitem_hr:visited span,
a.AfricaMap:link span,
a.AfricaMap:visited span {
	display: none;
}
a.menuitem:hover span,
a.menuitem_hr:hover span {
	display: block;
	position: absolute;
	top: 230px; /* 0px */
	left: 20px; /* 150px */
	width: 110px; /* 200px */
	margin: 0;
	padding: 5px; /* 10px */
	line-height: 12px; /* 14px */
	z-index: 100;
	color: #314E6C; /* #000099 */
	background: transparent; /* #DFEFF7 #C9F49F */
	font-size: 10px; /* 11px */
	font-weight: normal;
	border-color: #314E6C; /* #bbbbbb */
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	text-indent: 0px;
}
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.submenuitem:link,
a.submenuitem:visited {
	padding: 0px 15px;
	background: #D0E2F2; /* 809CB5 ADD8FF transparent */
	color: #314E6C; /* red */
}
a.submenuitem:hover {
	font-weight: bold;
}
a.submenuitem_hr:link,
a.submenuitem_hr:visited {
	padding: 0px 15px;
	border-bottom: solid 2px #314E6C;
	background: #D0E2F2; /* 809CB5 ADD8FF transparent */
	color: #314E6C; /* red */
}
a.submenuitem_hr:hover {
	font-weight: bold;
}

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.menuitem_footer:link,
p.closing a.menuitem_footer:visited {
	padding: 0px 5px;
	background: transparent;
	color: #314E6C; /* #044277 */
}
p.closing a.menuitem_footer:hover {
	border: solid 1px #314E6C;
	padding: 0px 5px;
	background: #C9F49F; /* #EBF5FA; */
	color: #314E6C; /* #044277 */
	font-weight: bold;
}
p.closing a.menuitem_footer:link span,
p.closing a.menuitem_footer:visited span {
	display: none;
}
p.closing a.menuitem_footer:hover span {
	display: block;
	position: absolute;
	top: -65px;
	left: 20px;
	width: 110px;
	margin: 0;
	padding: 5px;
	line-height: 12px;
	z-index: 100;
	color: #314E6C;
	background: transparent;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	border-color: #314E6C;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	text-indent: 0px;
}
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;
}
h1.h12 {
	text-align: center;
	font-size: 22px;
	color:red
}

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;
}

img.displayedLink {
	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;
}