/* This is the master style sheet controlling elements which are unique to the "Getting it Right with Jesus" pages. */

/* Custom versions of standard HTML tags*/


body {
	margin: 0;
	background-position: center top;
	background-image: url(/art/grwj/bg.jpg);
	background-repeat: repeat-y;
	background-color: #404040;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	color: #262626;
	line-height: 1.5em;
}

#content{
	width:576px;
	margin:0px auto 50px;
	padding:12px;
	background-color:#ffffff;
	color:#262626;
}

a:link {
	color: #133441;
	text-decoration: none;
}
a:visited {
	color: #38606f;
	text-decoration: none;
}
a:hover {
	color: #3a2412;
	text-decoration: underline;
}

A.endnote{
	font-size:small;
	vertical-align:super;
	line-height:0px;
}
A:hover.endnote{
	text-decoration:none;
}

h1 h2 h3 h4 h5 h6 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #06AEC2;
}

h4 h5 h6 {
	font-weight: bold;
}

h1 {
	font-size: 22px;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 14px;
}

h4 {
	font-size: 12px;
}

EM.stronger{
	font-style:normal;
	text-decoration:underline;
}
EM.strongest{
	text-decoration:underline;
}


TABLE.cyanChart{
	margin:0px;
	padding:0px;
	border-collapse:collapse;
	border:1px solid black;
}
TABLE.cyanChart TH{
	background-color:cyan;
	color:#000000;
	border:1px solid #000000;
}

TABLE.cyanChart TD{
	border-right:1px solid #000000;
}

TABLE.cyanChart THEAD, TABLE.cyanChart TBODY{
	margin:0px;
	padding:0px;
	border:1px solid #000000;
}

TABLE.cyanChart TD{
	width:50%;
	margin:0px;
	padding:4px 2px;
	vertical-align:top;
}

.cyanChart UL{
	margin:0px;
	list-style:disc outside;
	padding:0px 4px 0px 18px;
}

P.yellowTitle{
	margin:0px auto;
	
}
DIV.yellowChart{
	background-color:#FFFC7B;
	color:white;
	border:1px solid #9a9b49;
	-moz-border-radius:15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
	padding:15px;
}

TABLE.yellowChart{
	border-collapse:collapse;
}
H5.yellowTitle{
	font-weight:normal;
	font-size:20px;
	font-style:italic;
	text-align:center;
	margin:12px 0px 4px;
}

TABLE.yellowChart TH{
	font-size:16px;
	background-color:#FFFC7B;
	border-bottom:2px solid #9a9b49;
	color:#000000;
}

TABLE.yellowChart THEAD, TABLE.yellowChart TBODY{
	padding:0px;

}

TABLE.yellowChart TD{
	background-color:#FFFC7B;
	color:#000000;
	width:50%;
	margin:0px;
	padding:4px 2px;
	vertical-align:top;
}

TD.rightEdge, TABLE.yellowChart TH.rightEdge{
	border-right:2px solid #9a9b49;
}

TABLE.yellowChart TFOOT TD{
	border:0px;
	text-align:center;
	font-style:italic;
	background-color:#ffffff;
}


.yellowChart UL{
	margin:0px;
	padding:0px 4px 0px 18px;
}

.yellowFooter{
	font-size:small;
	font-style:italic;
	text-align:center;
	margin:4px 0px 12px;

}

th {
	padding-bottom: 2px;
	padding-top: 2px;
	background-color: #8acecf;
}

td {
	padding-bottom: 4px;
	padding-top: 4px;
	padding-right: 8px;
	padding-left: 8px;
}

blockquote, .BibleVerse {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #452c4b;
	padding-left: 5px;
}

.verseNumber{
	font-weight:bold;
}

.underline, .verseHighlight {
	border:1px solid #666666;
	border-width:0px 0px 1px 0px;
}


hr {
	clear:both;
	margin-top: 10px;
}

/* Classes specifically for the GRWJ website */


/*
.mainMenuEmpty {
	background: url(/grwj/graphics/grwj_menu_bg.jpg);	
	background-position: left top;
	background-repeat: repeat-x;
}

.mainMenu {
	background: url(/grwj/graphics/grwj_menu_bg.jpg);	
	background-position: left top;
	background-repeat: repeat-x;
	font-size: 11px;
	color: black;
	text-align: center;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-color: black;
	border-right-style: solid;
}

.mainMenu a {
	color: black;
	text-decoration: none;
}

.mainMenu:hover {
	background: url(/grwj/graphics/grwj_menu_bg_hov.jpg);
	background-position: left top;
	background-repeat: repeat-x;
}

*/

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.middle {
	width: 570px;
	margin: auto;
	text-align: center;
}

.center-text {
	text-align: center;
}

#bornofwomanimg{
	padding:10px 15px 20px 0px;
}

.clear{ /* force to the next line */
	clear:both;
}

h3.section {
	display:inline;
	border:thin solid #b4b000;
	background-color: yellow;
	color:inherit;
	padding: 2px 5px 3px 5px;
}

.noPadding {
	padding: 0px;
}

.backTop {
	padding-top: 4px;
	text-align: center;
	color: #3f3f3f;
	font-size: 10px;
	float: right;
	background: url(/art/grwj/backtop.jpg) no-repeat;
	width: 84px;
	height: 29px;
}

.backTop a {
	font-size: 10px;
	color: #3f3f3f;
}

.backTop a:hover {
	font-size: 10px;
	color: #3a2412;
}
	
.center {
	left: 10%;
	position: relative;
}

/* ID tags for specific elements */


.table_space {
	margin-top: 10px;
	margin-bottom: 10px;
}

#TitlePage {
	text-align: center;
	margin-left: 10%;
	max-width: 500px;
	min-width: 300px;
}

table#soil td#secondHeader {
	background-color: #f8e194;
}

#masthead {
	height: 75px;
	padding: 0;
}

div#masthead img {
	left: auto;
}

ul#contents {
	font-weight: bold;
	line-height: 1.8em;
	list-style-type: none;
}

ul#contents ul {
	font-style: normal;
	font-weight: normal;
	line-height: 1.2em;
	list-style-type: none;
}

ul#contentsFuture {
	color: #999999;
	font-weight: bold;
	line-height: 1.8em;
	list-style-type: none;
}

ul#contentsFuture ul {
	color: #999999;
	font-style: normal;
	font-weight: normal;
	line-height: 1.2em;
	list-style-type: none;
}


.writedown LI{
	font-style:italic;
	margin-bottom:2em;
}
LI.normal{
	font-style:normal;
}

DIV.endnote{
	display:block;
	position:relative;
	width:100%;
	margin-top:12px;
	clear:both;
	overflow:auto;
}
A.endnotes{
	float:right;

}
div.endnotenum{
	float:left;
	width:4em;

}
div.endnotes{
	display:block;
	position:relative;
	width:470px;
	float:left;
}

.submitanswers{
	font-style:italic;
}

#credits {
	font-size: 0.8em;
	border-top: solid;
	border-width: thin;
}

/* Menu Buttons */

/* Normal */

#btnHome {
	background: url(/art/grwj/menu/menu_04.jpg) no-repeat;
}

#btnFore {
	background: url(/art/grwj/menu/menu_05.jpg) no-repeat;
}

#btnIntr {
	background: url(/art/grwj/menu/menu_06.jpg) no-repeat;
}

#btnCont {
	background: url(/art/grwj/menu/menu_07.jpg) no-repeat;
}

#btnCha1 {
	background: url(/art/grwj/menu/menu_08.jpg) no-repeat;
}

#btnCha2 {
	background: url(/art/grwj/menu/menu_09.jpg) no-repeat;
}

#btnCha3 {
	background: url(/art/grwj/menu/menu_10.jpg) no-repeat;
}

#btnCha4 {
	background: url(/art/grwj/menu/menu_11.jpg) no-repeat;
}

#btnCha5 {
	background: url(/art/grwj/menu/menu_12.jpg) no-repeat;
}

#btnAppe {
	background: url(/art/grwj/menu/menu_13.jpg) no-repeat;
}

/* Hover */

#btnHome:hover {
	background: url(/art/grwj/menu/menu_hov_04.jpg) no-repeat;
}

#btnFore:hover {
	background: url(/art/grwj/menu/menu_hov_05.jpg) no-repeat;
}

#btnIntr:hover {
	background: url(/art/grwj/menu/menu_hov_06.jpg) no-repeat;
}

#btnCont:hover {
	background: url(/art/grwj/menu/menu_hov_07.jpg) no-repeat;
}

#btnCha1:hover {
	background: url(/art/grwj/menu/menu_hov_08.jpg) no-repeat;
}

#btnCha2:hover {
	background: url(/art/grwj/menu/menu_hov_09.jpg) no-repeat;
}

#btnCha3:hover {
	background: url(/art/grwj/menu/menu_hov_10.jpg) no-repeat;
}

#btnCha4:hover {
	background: url(/art/grwj/menu/menu_hov_11.jpg) no-repeat;
}

#btnCha5:hover {
	background: url(/art/grwj/menu/menu_hov_12.jpg) no-repeat;
}

#btnAppe:hover {
	background: url(/art/grwj/menu/menu_hov_13.jpg) no-repeat;
}


/* Active */

#btnHome:active {
	background: url(/art/grwj/menu/menu_act_04.jpg) no-repeat;
}

#btnFore:active {
	background: url(/art/grwj/menu/menu_act_05.jpg) no-repeat;
}

#btnIntr:active {
	background: url(/art/grwj/menu/menu_act_06.jpg) no-repeat;
}

#btnCont:active {
	background: url(/art/grwj/menu/menu_act_07.jpg) no-repeat;
}

#btnCha1:active {
	background: url(/art/grwj/menu/menu_act_08.jpg) no-repeat;
}

#btnCha2:active {
	background: url(/art/grwj/menu/menu_act_09.jpg) no-repeat;
}

#btnCha3:active {
	background: url(/art/grwj/menu/menu_act_10.jpg) no-repeat;
}

#btnCha4:active {
	background: url(/art/grwj/menu/menu_act_11.jpg) no-repeat;
}

#btnCha5:active {
	background: url(/art/grwj/menu/menu_act_12.jpg) no-repeat;
}

#btnAppe:active {
	background: url(/art/grwj/menu/menu_act_13.jpg) no-repeat;
}

#menu {
	border-spacing: 0px 0px;
	border-width: 0px;
	padding: 0px;
}

div#preload {
	position: absolute;
	top: -1200px;
	left: -1200px;
}

:lang(gr) {
	font-style:italic;
}

/* FOOTER */

#footer {
	border-top-color: #bfbfbf;
	border-top-style: solid;
	border-top-width: 1px;
	width: 576px; 
	margin: auto;
	font-size: 0.8em;
	color: #666666;
}

#footer a {
	color: #666666;
}

#footer a:followed{
	color: #666666;
}