*
{
	line-height: 140%;
}
html {
     overflow:scroll;
}

body
{
	padding: 0;
	margin: 0;
}
a:link, a:visited,a:hover
{
	text-decoration: none;
}
hr
{
	width: 80%;
	color: #898989;
	margin: 0 auto;
	clear: both;
}
img
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* "Kitáb-i-Aqdas - [title of page]" */
.title
{
	font-family: Georgia, Times, serif;
	font-size:26px;
	padding: 20px;
	letter-spacing: .072em;
	word-spacing:.05em;
	margin-left: 1px;
	color: #3C628C;
}
/* the main container for the entire page */
.container,.back
{
    min-height:600px;
    min-width:800px;
	width: 80%;
	margin:0 auto;
	font-weight: normal; 
	font-size: 16px; 
	color: #696969;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none; 
	font-style: normal; 
	text-align: justify;
}
.container{
    padding:0px 0 0px 0;
    width:100%;
    margin:-.2em 0 0 -.2em;
    background-color:white;
    border-style:solid;
    border-color:black;
    border-width:1px;
}
.back{
    margin-top:15px;
    margin-bottom:30px;
    padding:1px;
    padding-bottom:2px;
    background-color:#AAAAAA;
}
#bodyText{
    min-height:370px;
    width:96.5%;
    padding:10px 10px 10px 15px;
}
#bodyText a[onclick="expandAll();"],#bodyText a[onclick="expandAll();"]:visited{
    word-spacing:.3em;
    color:#000099;
}
#bodyText a[onclick="expandAll();"]:hover{
    color:#4444CC;
}
/* About Page */
#bodyText[name="About Page"]{
    margin-top:-40px;
    margin-left:10px;
    margin-right:10px;
    
}
#bodyText[name="About Page"] .title{
    color:#66AADD;
    font-size:1.4em;
    font-variant:small-caps;
}
#aboutIndex{
    border-style:dotted;
    border-color:#F4F4F4;
    border-width:2px;
    font-size:.8em;
    margin-left:20px;
    margin-right:0px;
    padding:5px 10px 5px 10px;
    float:left;
    width:125px;
    word-spacing:normal;
    line-height:1.5em;
}
#aboutIndex a,#aboutIndex a:visited{
    color:#66AADD;
}
#aboutIndex a:hover{
    color:#4589BC;
}
.aboutSection{
    border-top-style:solid;
    border-width:1px;
    float:left;
    font-size:.95em;
    width:96.5%;
    margin-top:10px;
}
.aboutSection p:first-child{
    margin-top:-10px;
    }
.aboutSection p{
    padding-left:10px;
    line-height: 1.5em;
    margin-bottom:5px;
}
.aboutSection a,.aboutSection a:visited{
    color:#66AADD;
    line-height: 1.5px;
}
.aboutSection a:hover{
    color:#4444CC;
}
.toTopLink{
    float:right;
    width:80%;
    text-align:right;
    font-size:.7em;
    padding-top:10px;
    padding-bottom:5px;
}
/* term and explanation are used for the about page */
.termdiv{
	float: left;
	clear: left;
    padding-left:15px;
    padding-bottom:5px;
	font-weight: bold;
    padding-right:5px;
	width: 25%;
	text-align: left;
}
.explanationdiv{
	float: left;
	text-align: justify;
	width: 70%;
    padding-bottom:5px;
    padding-right:10px;
}
/* Text div to surround body*/
.textdiv{
	padding: 0px 75px 5px 55px;
	margin: 0px;
}
.textdiv a{
    color:#3C628C;
    text-decoration:none;
}
.textdiv a:hover{
    color:#9999FF;
    text-decoration:none;
}
.textdiv li{
    list-style:none;
}
/* container for the text from a verse/note/question that relates to the synopsis */
.synopsiscontainer{
	clear: left;
	color: #004276;
	margin-left: 100px;
	padding-bottom: 2px;
	font-size: 90%;
}
.synopsiscontainer a,.synopsiscontainer a:visited{
    color:#7777DD;
    text-decoration:none;
}
.synopsiscontainer a:hover{
    color:#0033CC;
    text-decoration:none;
}
/* Exception to padding for this page */
.synopsiscontainer .textdiv{
    padding: 0px 55px 5px 55px;
}


/* number, text and notes are the three main ones, used in most pages */
.numberdiv{
	float: left;
	width: 40px;
	text-align: right;
    letter-spacing:-.05em;
    text-transform:lowercase;
    font-family:"times new roman",times;
}
.numberdiv a,.numberdiv a:visited{
    color:#7777DD;
}
.numberdiv a:hover{
    color:#0033CC;
}
.notesdiv{
    font-family:Georgia,"times new roman";
	float: right;
	width: 65px;
    letter-spacing:-.05em;
    word-spacing:.1em;
	font-size: 14px;
	text-align: left;
}
.notesdiv a,.notesdiv a:visited{
    color:#888888;
}
.notesdiv a:hover{
    color:#0033CC;
}

/* signed, reference, description and indented are used for the Read sections (preface, introduction, description, supplementary texts) */
.signed{
	text-align: right;
}
.reference{
	text-align: right;
	font-style: italic;
	font-size: 90%;
}
.description{
	font-style: italic;
	margin-bottom: 20px;
	margin-left: 100px;
	margin-right: 100px;
}
.indented{
	margin: 10px 60px;
}

/* simple text */
.text{
	margin-bottom: 20px;
    padding-left:10px;
    padding-right:15px;
}
.text[name~="Aqdas"],.signed[name~="Aqdas"],.quotation[name~="Aqdas"]{
    padding-left:10px;
    padding-right:15px;
}
/* lists synopsis points related to verse/note/question */
.innercontainer{
	clear: left;
	color: #004276;
	font-size: 14px;
	padding-top: 2px;
	padding-bottom: 10px;
}
.innercontainer .textdiv{
    padding-right:75px;
    color:black;
}
.innercontainer .textdiv a{
    color:#002299;
}
.innercontainer .textdiv a:hover{
    color:#7777DD;
    }
/* for the splits in concordance and index */
.splitdiv{
	float: left;
	width: 45%;
	font-size: 80%;
	padding: 10px;
}
.splitdiv[name="concordance"] a,.splitdiv[name="concordance"] a:visited{
    color:#3579AE;
}
.splitdiv[name="concordance"] a:hover{
    color:#7777DD;
}
.speciallink{
	margin-left: 0px;
	margin-bottom: 2px;
	font-size: 85%;
	text-decoration: none;
	color: #7A0B0B;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* styling the synopsis links and texts */
.level1, .level2,.level3,.level4,.level5{
    text-decoration:none;
    font-family: Georgia, "Times New Roman", Times, serif;
    text-indent:-25px;
    margin-right:15px;
}
.level1{
	margin-left: 25px;
	margin-bottom: 2px;
	font-size: 110%;
	padding-bottom: 5px;
    padding-right:1em;
    letter-spacing:.065em;
}
/* LINKS AND TEXT FOR SYNOPSIS PAGE */
.indexLink,a.indexLink:visited, .level1{
    color:#3579AE;
}
.indexLink[name~="2"],a.indexLink[name~="2"]:visited,.level2 a, .level2 a:visited, .level2{
    color:#15598E;
}
.indexLink[name~="3"], a.indexLink[name~="3"]:visited,.level3 a, .level3 a:visited, .level3{
    color:#898997;
}
.indexLink[name~="4"], a.indexLink[name~="4"]:visited, .level4 a, .level4 a:visited, .level4{
    color:#797990;
    }
.indexLink[name~="5"], a.indexLink[name~="5"]:visited, .level5 a, .level5 a:visited, .level5{
    color:#595974;
}
a.indexLink:hover{
     color:#5599CC;
}
.level2{
	margin-left: 40px;
	margin-bottom: 2px;
	font-size: .95em;
    padding-right:2em;
	padding-bottom:4px;
}
.level3{
	margin-left: 60px;
	margin-bottom: 2px;
	font-size: .90em;
    word-spacing:.2em;
    padding-right:2.5em;
	padding-bottom:3px;
}
.level4{
	margin-left: 80px;
	margin-bottom: 2px;
	font-size: .85em;
    letter-spacing:.07em;
    line-height:1.5em;
}

.level5{
	margin-left: 100px;
	margin-bottom: 2px;
	font-size: .75em;
    word-spacing:.2em;
    line-height:1.5em;
}



/* used in the menu for entering text */
.searchText{
	font-size: 10px;
	color: #000000;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
	height: 15px;
	margin-top: 2px;
	border: none;
}

/* used for glossary */
.explanation{
	margin-left: 30px;
	margin-bottom: 20px;
}

/* specific for the concordance, to have the text slightly indented */
.concordance{
	margin-left: 15px;
}

/* for the alphabets generated for index and concordance */
.alphabet{
	text-align: center;
	font-size: 90%;
    letter-spacing:.3em;   
}
.alphabet a,.alphabet a:visited{
    color:#0033CC;
}
.alphabet a:hover{
    color:#6699FF;
    }
.alphabet a[title~="selected"]{
    font-weight: bold;
}
.alphabet a[title~="selected"]:hover{
    color:#0033CC;
    cursor:default;
}


/* simple styling, italic, bold and highlight (used for search results and concordance) */
.italic{
	font-style: italic;
}

.bold{
    word-spacing:-.04em;
    font-weight:bold;
}

.highlight{
	font-weight: bold;
    color: #9f0404;
}

/* styling the quotation on the first page */
.firstpage{
	color: #5A7593;
	min-width:600px;
	padding-left:1em;
 	width:75%;
 	margin:0 auto;
	font-style: italic;
	line-height: 150%;
	font-size: 1.1em;
}

/* links */


/* for flipping pages on page.php (accessed through index) */
.previous{
	float: left;
	text-align: left;
	width: 50%;
	margin-bottom: 10px;
}
#nextPrevMenu{
    position:relative;
    margin-bottom:10px;
    border-top-style:solid;
    border-width:1px;
	border-color: #606060;
	clear: both;
    letter-spacing:.3em;
    padding:10px 20px 10px 20px;
    text-decoration: none;
    font-variant: normal;
    font-weight: normal;
    font-style: normal;
}
#nextPrevMenu a[title~="Previous"]{
    float:left;
    }
#nextPrevMenu a[title~="Next"]{
    float:right;
}
#nextPrevMenu a,#nextPrevMenu a:visited{
    color:#0033AA;
}
#nextPrevMenu a:hover{
    color:#7777DD;
}
.next{
	float: left;
	text-align: right;
	width: 50%;
}
/* the bottom horizontal line */
.bottom{
    position:relative;
	margin-bottom: 10px;
	width: 100%;
	height: 1px;
	background: #606060;
	clear: both;
}