@import url(fonts/font-stylesheet.css);
/* Generic Selectors */ 
body { 
	width: auto;
	margin: 0 auto;
	min-width: 800px;
	max-width: 1300px;
	background-color:rgb(250,255,244);
}
 
p { 
	width: 90%;
	line-height: 130%;
	text-indent: 30px; 
} 

dfn 	{color: rgb(128,0,0);}

dd {	font-style: italic;
	padding: 4px;
}

 
ol {	width:80%;
	list-style-position:inside;
}

span.h_discript{font-size:15px;}

h1 { 
	color: rgb(51,90,137); /*dark blue*/
	font-family:sylfaen, times, serf;
	font-size: 24px;
	font-weight: bold;
}

h2 {
	color: rgb(51,90,137);  /*dark blue*/
	font-family:sylfaen, times, serf;
	font-size: 20px;
}

h3 {
	color: rgb(51,90,137);  /*dark blue*/
	font-family:sylfaen, times, serf;
	font-size: 16px;
}

h4 {
	color: rgb(0,0,0);  /*black*/
	font-family:sylfaen, times, serf;
	font-size: 15px;
}
/* links in the paragraphs */
a	{text-decoration:none;}
a:link{color:rgb(31,122,116);}/*dark green*/
a:visited{color:rgb(14,134,174);}/*dark blue*/
a:hover{color:rgb(18,237,6);}/*light green*/
a:active{color:rgb(237,16,6);}/*red*/

span.undln
	{text-decoration:underline;}

span.points
	{color: rgb(150,0,0)}

 

/* h5 navigation heading values */
 
h5 { 
	color: rgb(0,0,0);
	margin:0 0 0 -2px;
	padding-top: 200px;
	padding-bottom: 0px;
	padding-left:5px;
	font-family: Georgia,"Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: lighter;
	border-bottom: rgb(199,255,143) 1px solid; /*light green*/
	background-color: rgb(255,255,255); /*white*/
}

/**to secure behavior in older browsers block display these elements**/ 

header, section, footer, aside, nav, main, article, figure , figcaption{display: block;}
 
/**************** Pseudo classes ****************/

#video_libry {
	font-family:"edwardian script itc", "brush script mt", "script mt bold", constantia, calibri, serif;
	font-size: 20pt;
	font-weight: bolder;
	text-shadow: rgba(0,0,0,0.5) 1px 3px 2px;
	padding: 155px 10px 0px 7px;
}

#video_libry:hover {color: rgb(0,116,100);}

#reality_search {
	
	left: 0;
	top: 0;
	width: 223px;
	height: 201px;
	border: none;
	position: absolute;
	/*float:left;*/
	z-index: 1;
	background-color: rgb(255,255,255);
	background-image: url("illustrations/videoLib4.jpg");
}

#reality_search:hover{background-image: url("illustrations/videoLib4c.jpg");}

div#lbryspacer {width: 210px; height:140px;}



/***navigation links other than video library***/  


li.m a:link { 
	color:rgb(50,204,50); /*green*/
	font-weight: bold;
	text-decoration: none;
} 
 

 
li.m a:visited { 		/*visited can only be different by color*/
	color:rgb(50,204,50); 
} 
 
 
li.m a:hover { 
	color: rgb(0,96,255); /*blue*/
	padding-bottom: 5px; 
	font-weight: bold;
	border-bottom-color:rgb(0,255,153); /*floresent blue green*/
	border-bottom-width: 1px; 
	border-bottom-style: solid; 
	display: block;
} 
 
li.m a:active { 
	color: rgb(255,0,102); /*floresent red*/
	font-weight: bold; 
} 
 
/************************* ID's *************************/ 
 
#logo {
	height: 250px;
	padding-top: 7px;
	padding-bottom: 30px;
	margin:0;
	border-style: none;
	background-color:rgb(255,255,255);
}



		/********* menu boxs ***/


#navigation {
	
	width: 211px;
	padding-top: 0px;
	font-weight: normal;
	margin: 5px -235px 0 0;
	border:none;
	float: left;
	z-index:8; 
	background-color:rgb(235,235,235); /*very light grey*/
}


ul.menu { 
	
	line-height: 130%;
	padding-top:10px;
	font-weight: bold;
	list-style-type: disc;
} 


li.m	{padding-bottom: 10px;}



		/********** main page ***/

#page {
	
	width: 99.7%;
	padding:2px;
	/**padding-top:0;**/
	/**margin:-20px 0 0 0;**/margin:0;
	border:none;
	position: relative;
	background: url(menubkgrd.png) repeat-y;
	background-color:rgb(255,255,255);
}
	

#centerdoc { 
	
	color:rgb(30,10,10); /*slightly lighter black with a ting of redbrown*/
	padding: 0 0 20px 30px; /*top right bottom left*/
	font-family: Perpetua,Capricho-light,"Times New Roman", Times, serif;
	font-size: 18px;
	margin-top: 0px;
	margin-left: 225px;
	/*background-color:rgb(255,255,255); page 8 will not fly IE7 with background color menu blocked**/
	border: none;
	position: relative;
	z-index: 7;
}

ul.pg {width:80%;}

blockquote.size1 {
		max-width:600px;
		margin:10px 0px 10px 35px;
}

.blk { text-indent: 0px; line-height: 130%;
	font-style: normal; word-spacing:2px;
	font-family: virdina, eurostile, calibri, sans-serif;
	font-size: 14px;
}

.blkbible { text-indent: 0px; 
	font-style: normal; word-spacing:2px;
	font-family: "Modern No. 20", "Book Antiqua", georgia, times, serif;
	font-size: 14px;
}


.blkbook { text-indent: 0px; 
	font-style: normal; word-spacing:2px;
	font-family: sylfaen, garamond, times, serif;
	font-size: 14px;
}

p.with_illus { 
	width: 98%;
	line-height: 130%;
	text-indent: 30px; 
}

/**space between numbered list, demonstrated on p2**/
li.p { 	line-height:inherit;
	margin-bottom:10px; 
	width: 90%;
}


/**for when image is wraped in a div and text wrap is desired around div image in IE7
paragraph element will not wrap around div element in IE7**/

div.para_with_illus {width:98%;line-height: 130%;}


img.centerdocpics {

	margin: 10px 0px 10px 10px;
	float: right;
}

img.centerdocpicsleft {

	margin: 20px;
	float: left;
}


/**although used for video iframe use this class for any box you can float right**/
.vidfrght {	float:right;
		margin:30px 0px 30px 10px;
}


.illus_l {	float: right;
		text-align: left;
		margin-left:4px;
		padding:4px;
		font-family:calibri, eurostile, arial, sans-serif;		
		font-size: 13px;
		line-height: 130%
}

.illus_c {	padding:4px;
		font-family:calibri, eurostile, arial, sans-serif;		
		font-size: 12px;
		text-align: center;
		line-height: 130%
		
}

.illus_r {	padding:4px;
		font-family:calibri, eurostile, arial, sans-serif;		
		font-size: 12px;
		text-align: right;
		line-height: 130%
		
}

.illus-margin {
		font-family:calibri, eurostile, arial, sans-serif;
		margin-top:-16px;		
		font-size: 12px;
		text-align: center;
		
}

.cpyrght  {
		font-family:calibri, eurostile, arial, sans-serif;		
		font-size: 10px;
		text-align:center;
		line-height:100%;
		margin:0;
		padding:0;
}

.US_Dom {	float:left; width:22px; height:22px; margin:5px;}



		/******* footer info ***/

#footer {
	
	height:30px;
	text-align: center;
	padding:5px;
	font-family: eurostile, verdana, sans-serif;
	border-top: 1px solid rgb(102,51,0); /*dark brown*/
	clear:both;
}


span.menuacross {
		
		font-size:11px;
		font-weight:bold;
		margin: 10px auto;
		display: block;
}

span.lborder {
	
	padding: 5px;
	border-left:2px solid black;
}

.clearight{clear:right;}

@media print {

p {width: 100%;}
#reality_search { display: none;}
#navigation {display: none;}
#centerdoc { margin: 0;}

}