/*******************************************************************************
*                                                                              *
*                              A Future of the Brave                           *
*                                Style Definitions                             *
*                                                                              *
*                              Copyright 2006 SIFLAJ                           *
*                                                                              *
*******************************************************************************/

/*******************************************************************************
*                                                                              *
*                             Main Web Page Container                          *
*                                                                              *
*******************************************************************************/
/*
 =======================
 Main Web Page Container
 =======================
	width: 83.5em;
*/
div.WebPgeContainer
{
	border-top: none;
	border-right: 0.1em solid #C1D4E9;
	border-bottom: 0.1em solid #C1D4E9;
	border-left: 0.1em solid #C1D4E9;
	margin-top: 1.0em;
	margin-left: 1.0em;
}

div.WebPgeContainer, img.HdrBkgrnd
{
	width: 86.4em;
}

/*******************************************************************************
*                                                                              *
*                                 Web Page Header                              *
*                                                                              *
*******************************************************************************/
/*
 ==============================
 Main Web Page Header Container
 ==============================
*/
/*
 Header Container - Layer 1
 ---------------------------
*/
div.HdrContainer
{
	position: relative;
	width: 86.4em;
	height: 11.4em;
}

/*
 Header Background Image
 -----------------------
	width: 83.5em;
*/
img.HdrBkgrnd
{
	height: 11.4em;
}

/*
 Header Container - Layer 2
 ---------------------------
*/
div.HdrContainerL2
{
	z-index: 1;
	display: block;
	position: absolute;
	width: 86.4em;
	top: 0.0em;
	left: 0.0em;
}

/*
 >~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Web Page Header Text Container
 >~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
div.HdrLogoContainer
{
	float: left;
	width: 25.2em;
	padding: 0.6em 0em 0em 0em;
	text-align: center;
}

/*
 Logo Image
 ----------
*/
img.HdrLogo
{
	width: 24.0em;
	height: 10.2em;
}

/*
 >~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Web Page Header Text Container
 >~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
div.HdrTxtContainer
{
	float: left;
	width: 61.0em;
	margin: 0em 0em 0em 0em;
	padding: 2.0em 0em 0em 0em;
}

/*
 Web Page Section Paragraph
 --------------------------
*/
p.HdrTxtSec
{
	position: relative;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0.6em; 
	margin-left: 0.5em; 
	text-align: left;
	font-family: Verdana;
	font-size: 2.7em;
	font-weight: bold;
	font-style: italic;
	color: #000066;
}

/*
 Book Title Paragraph
 --------------------
*/
p.HdrTxtTitle
{
	text-align: center;
	font-family: Arial Rounded MT Bold;
	font-size: 3.5em;
	font-weight: bold;
	font-style: normal;
	color: #21488C;
}

/*******************************************************************************
*                                                                              *
*                                  Web Page Body                               *
*                                                                              *
*******************************************************************************/
/*
 ===================
 Main Body Container
 ===================
*/
div.BdyContainer
{
	width: 100%;
}

/*
 >~~~~~~~~~~~~~~~~~~~~
 Left Column Container
 >~~~~~~~~~~~~~~~~~~~~
*/
div.LeftColumn
{
	float: left;
	position: relative;
	width: 13.2em;
	background-color: #EDF1FC;
}

/*
 >~~~~~~~~~~~~~~~~~~~~~
 Total Pages Container
 >~~~~~~~~~~~~~~~~~~~~~
*/
div.TotalPagesContainer
{
	text-align: left;
	width: 6.0em;
	height: 2.0em;
	border: 0.1em solid black;
	background-color: white;
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: 0.0em;
	margin-left: auto;
}

/*
 Content and Contact Panel Caption Paragraph
 -------------------------------------------
*/

p.TotalPagesCaption
{
	margin-top: 55.0em;
	color: #21488C;
	margin-bottom: 0.2em;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-family: Tahoma;
	font-size: 1.1em;
	font-weight: bold;
	font-style: normal;
}

p.TotalPages
{
	color: #21488C;
	margin-top: 0.2em;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-family: Arial;
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}

/*
 >~~~~~~~~~~~~~
 Book Container
 >~~~~~~~~~~~~~
*/
div.BookContainer
{
	float: left;
	border-top: 0.1em solid #CCDDEF;
	border-right: none;
	border-bottom: none;
	border-left: 0.1em solid #C1D4E9;
}

/*
 >>>~~~~~~~~~~~~~~~~~~~~~~~~~~
 Book Page Container - Layer 1
 >>>~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
div.BookPageContainer
{
	position: relative;
	float: left;
}

/*
 Book Page Background Image
 --------------------------
*/
img.BkPageBkgrnd, div.BookContainer, div.BookPageContainer, div.BookPageContainerL2
{
	width: 73.05em;
}

img.BkPageBkgrnd
{
	height: 100%;
}

/*
 >>>~~~~~~~~~~~~~~~~~~~~~~~~~~
 Book Page Container - Layer 2
 >>>~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
div.BookPageContainerL2
{
	z-index: 1;
	display: block;
	position: absolute;
	top: 0.0em;
	left: 0.0em;
}

div.BookPageContainer, div.BookPageContainerL2
{
	height: 96em;
}

/*
 >>>>~~~~~~~~~~~~~~~~~
 Page Header Container
 >>>>~~~~~~~~~~~~~~~~~
*/
div.BookPageHdr
{
	float: left;
	width: 100%;
	height: 3.6em;
}

/*
 Page Header Text
 ----------------
*/
p.BookPageHdrTxt
{
	margin-top: 0.8em;
	margin-right: 1.46em;
	margin-bottom: 0em;
	margin-left: 0em;
	text-align: right;
	font-family: Arial;
	font-size: 1.33em;
	font-weight: bold;
	font-style: italic;
	color: #999999;
}

/*
 >>>>~~~~~~~~
 Page Content
 >>>>~~~~~~~~
	border: 0.1em solid green;
*/
div.BookPageContentContainer, div.BookPageContent, div.BookPageMarg, iframe.BookIFrame
{
	height: 88.0em;
}

/*
	width: 100%;
*/
div.BookPageContentContainer
{
	float: left;
	width: 100%;
}

div.BookPageContent
{
	float: left;
	position: relative;
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
}

div.BookPageContent, iframe.BookIFrame
{
	width: 66.5em;
}

div.BookPageMarg
{
	float: left;
	position: relative;
	width: 3.1em;
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
}

/*
 >>>>~~~~~~~~~~~~~~~~~
 Page Footer Container
 >>>>~~~~~~~~~~~~~~~~~
	border: 0.1em solid red;
*/
div.BookPageFtr
{
	float: left;
	width: 100%;
	height: 3.6em;
}

/*
 Page Footer Text
 ----------------
*/
p.BookPageFtrTxt
{
	margin-top: 0.4em;
	margin-right: 1.46em;
	margin-bottom: 0em;
	margin-left: 0em;
	text-align: right;
	font-family: Arial;
	font-size: 1.33em;
	font-weight: bold;
	font-style: italic;
	color: #999999;
}

/*
 Page Footer Page Number
 -----------------------
*/
p.BookPageFtrNum
{
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
	padding: 0em;
	border: none;
	text-align: center;
	font-family: Arial;
	font-size: 1.33em;
}

/*
 >>>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Main Book Navigation Button Container
 >>>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
div.BookNavPanel
{
	float: left;
	position: relative;
	width: 72.5em;
	height: 2.4em;
	border: 0.3em double #CCCCCC;
	background-color: #F2F2F2;
}

/*
 >~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Navigation Panel Buttons Container
 >~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
div.BookNavBtns
{
	position: relative;
	width: 55em;
	margin-top: 0.2em;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
}