html, body
{
	margin:						0px;
	height: 					100%;
}

header, section, footer, aside, main, article, figure
{ 
	display: 					block; 
} 

div.bg
{
	background-repeat:			no-repeat;
	background-position: 		center center;
	background-attachment: 		fixed;
	background-color:			#908474;
	-webkit-background-size: 	cover;
	-moz-background-size: 		cover;
	-o-background-size: 		cover;
	background-size: 			cover;
	height:						100%;
	width:						100%;
	position:					fixed;
}

div._tableNL
{
	background-image: 			url(../images/BridgeLeoLinda_background_NL_.jpg);
}

div._table
{
	background-image: 			url(../images/BridgeLeoLinda_background_.jpg);
}

div._tablegreen
{
	background-image: 			url(../images/Bridge_table.jpg);
	background-repeat:			repeat;
}

div.bg_book
{
	background-image: 			url(../images/Bridge_story.png);
	background-repeat:			no-repeat;
	z-index:					1;
	margin-left:				120px;
	position:					absolute;
	width:						1246px;
	height:						906px;
	top:						0px;
	float:						right;
	font-family:				"Times new roman";
	font-size:					12pt;
	font-weight:				normal;
	color:						#000000;
	text-decoration:			none;
	overflow:					hidden;	

}

div.chapter
{
	display: 					none;
	font-family:				"Times new roman";
	font-size:					17pt;
	font-weight:				normal;
	margin-top: 				225px;
	margin-left:				200px;
	width:						850px;
	height:						550px;
	float:						left;
}

span
{
	color:						#FF0000;
	font-family:				arial, sans-serif;
	font-size:					10pt;
	color:						#000000;
}

div.story
{
	font-family:				"Times new roman";
	font-size:					12pt;
	font-weight:				normal;
	margin-top: 				225px;
	margin-left:				190px;
	width:						865px;
	height:						565px;
}

#page_1, #page_3, #page_5, #page_7, #page_9, #page_11, #page_13, #page_15, #page_17, #page_19, #page_21, #page_23, #page_25
{
	margin-top: 				10px;
	width:						410px;
	height:						530px;
	font-family:				"Times new roman";
	font-size:					11.5pt;
	line-height: 				105%;
	position:					relative;
	float:						right;
}

#page_0, #page_2, #page_4, #page_6, #page_8, #page_10, #page_12, #page_14, #page_16, #page_18, #page_20, #page_22, #page_24
{
	margin-top: 				0px;
	width:						410px;
	height:						565px;
	font-family:				"Times new roman";
	font-size:					11.5pt;
	line-height: 				105%;
	position:					relative;
	float:						left;
}

#page_2, #page_3, #page_4, #page_5, #page_6, #page_7, #page_8, #page_9, #page_10, #page_11, #page_12, #page_13, #page_14, #page_15, #page_16, #page_17, #page_18, #page_19, #page_20, #page_21, #page_22, #page_23, #page_24, #page_25
{
	display:					none;
}

div.book_link
{
	top:						200px;
	width:						100%;
	height:						100%;
	position:					fixed;
	cursor:						pointer;
	z-index:					1;
}

img.logo
{
	position:					fixed;
	z-index:					1;
	float:						right;
	right:						0px;
	margin-right:				20px;
	margin-top:					20px;
	opacity: 					0.75;
    filter: 					alpha(opacity="75");
}

nav
{
	display: 					block; 
	position:					fixed;
	float:						left;
	z-index:					2;
	top:						95px;
	left:						45px;
}

#indextable
{
	margin-top: 				225px;
	margin-left:				200px;
	width:						850px;
	position:					relative;
}

a.indextable
{
	font-family:				"Times new roman";
	font-size:					14pt;
	font-weight:				bold;
	text-decoration:			none;
	color:						#000000;
}

a.indextable:hover, a._right:hover, a._center:hover, a.chapter_navigation:hover
{
	color:						#990000;
}


div.chapter_navigation
{
	width:						410px;
	right:						0px;
	float:						right;
	position:					relative;
	height:						30px;
	background-color:			#FFFFFF;
	opacity: 					0.75;
    filter: 					alpha(opacity="75");
}

a.chapter_navigation_left
{
	font-family:				Arial;
	font-size:					8pt;
	font-weight:				bold;
	color:						#000000;
	text-transform:				uppercase;
	text-decoration:			none;
	cursor:						pointer;
	position: 					relative; 
	margin-left: 				15px;
	margin-top:					10px;
	float:						left;
}

a.chapter_navigation_center
{
	font-family:				Arial;
	font-size:					8pt;
	font-weight:				bold;
	color:						#000000;
	text-transform:				uppercase;
	text-decoration:			none;
	cursor:						pointer;
	position: 					relative; 
	margin-left:				65px;
	margin-top:					10px;
	float:						left;
}

a.chapter_navigation_right
{
	font-family:				Arial;
	font-size:					8pt;
	font-weight:				bold;
	color:						#000000;
	text-transform:				uppercase;
	text-decoration:			none;
	cursor:						pointer;
	position: 					relative; 
	float:						right;
	margin-right:				15px;
	margin-top:					10px;
}

h1
{
	font-family:				"Times new roman";
	font-size:					14pt;
	font-weight:				bold;
	letter-spacing:				0px;
	line-height:				98%;
	color:						#000000;
	text-decoration:			none;
	text-transform:				uppercase;
	margin-bottom:				50px;
}

h2
{
	font-family:				"Times new roman";
	font-size:					14pt;
	font-weight:				bold;
	letter-spacing:				0px;
	line-height:				98%;
	color:						#000000;
	text-decoration:			none;
	cursor:						pointer;
}

h2:hover
{
	color:						#313e8c;	
}

h3
{
	font-family:				Arial;
	font-size:					8pt;
	font-weight:				bold;
	color:						#000000;
	text-transform:				uppercase;
	text-decoration:			none;
	cursor:						pointer;
	position: 					absolute; 
	bottom: 					-15px; 
	right: 						0px;
}

h4
{
	font-family:				Arial;
	font-size:					8pt;
	font-weight:				bold;
	color:						#000000;
	text-transform:				uppercase;
	text-decoration:			none;
	cursor:						pointer;
	position: 					absolute; 
	bottom: 					-30px; 
	left: 						0px;
}

h3:hover, h4:hover, h5:hover
{
	color:						#990000;
}

h3:active, h4:active, h5:active
{
	color:						#990000;
}

table.hand	
{
	width:						400px;
	font-family:				arial, sans-serif;
	font-size:					10pt;
	color:						#000000;	
}

td
{
	vertical-align:				center;
	width:						25%;
	font-family:				arial, sans-serif;
	font-size:					10pt;
	color:						#000000;
	
}
/* black for spades and clubs in text */
.b	
{
	font-family:				arial, sans-serif;
	color:						black;
	font-size:					12pt;
}

/* red for hearts and diamonds in text */
.r	
{
	font-family:				arial, sans-serif;
	color:						red;
	font-size:					12pt;
}

/* black for spades and clubs in diagrams */
.bd	
{
	font-family:				arial, sans-serif;	
	color:						black;
	font-size:					12pt;
}

/* red for hearts and diamonds in diagrams */
.rd
{
	font-family:				arial, sans-serif;
	color:						red;
	font-size:					12pt;
}

a.menu
{
	background-color:			#FFFFFF;
	padding-left:				18px;
	padding-right:				18px;
	padding-top:				12px;
	padding-bottom:				8px;
	margin:						2px;
	font-family:				Arial;
	font-size:					12pt;
	font-weight:				bold;
	color:						#000000;
	text-decoration:			none;	
	text-transform:				uppercase;
	position:					absolute;
	display: 					block;
	float:						left;   
	width:						90px;
	text-align:					center;
}

a.menu:hover
{
	color:						#990000;
}

div.textbox
{
	background-image: 			url(../images/Bridge_card_blank.png);
	background-repeat:			no-repeat;
	z-index:					2;
	position:					absolute;
	width:						320px;
	height:						485px;
	top:						200px;
	right:						50%;
	left:						50%;
	padding:					50px;
	transform:					rotate(7deg);
	-ms-transform:				rotate(7deg); /* IE 9 */
	-webkit-transform:			rotate(7deg); /* Opera, Chrome, and Safari */
	float:						right;
	display:					none;
	font-family:				Verdana, "Times new roman";
	font-size:					11pt;
	font-weight:				normal;
	letter-spacing:				0px;
	line-height:				100%;
	color:						#000000;
	text-decoration:			none;
	overflow:					hidden;
	cursor:						pointer;
}