#LogoColumn { width:140px; margin-left:10px;  }
#CompetitionText { xmargin-left:12px; width: 430px; }
.DashedContainer { background-color:white; border-left: #999999 dashed 1px; border-right: #999999 dashed 1px; }
.WhiteArea { background-color:white; xmargin:0px; padding:0 0 10px 0; }
.WhiteContent { background-color:white; padding:14px 14px 14px 14px; }
ol {list-style-type:lower-alpha}
#next {float:right; margin-top:10px; padding-right:20px}
#back {float:left margin-top:10px; padding-left:20px}

#logo a:hover { background-color:white; }
.eye {float:right}
h1 { margin:0px; background-color: #999999; color:white; padding:8px; }
h1 a { color: white; }
.mainContent {height:400px; float:left; width:568; xborder:solid red 1px;margin-left:12px;}
.bookCover {
	float:left;
	margin-left:0px;
	margin-right:5px;
	margin-bottom:5px;
}

.Book { background-color:#F8F8F8; border:solid #DDDDDD 2px; margin:6px 0 6px 0; padding:6px; height:1%; /* Peekaboo fix */ }

.breadcrumb {

	xmargin-left:158px;
	margin-bottom:10px;
	width:583px;
	background-color: #FCE1FF;
	color: black;
	font-weight:bold;
	text-decoration: none;
}

.breadcrumbInner{
	padding:2px;
	padding-left:5px;
}

.breadcrumb a, .breadcrumb a:visited {
	color: black;
	font-weight:bold;
	text-decoration: underline;

}

#FooterStrip { height:28px; background-color:#ab66a7; color:white; }
	#FooterStrip #back { float:left; margin:8px 0 8px 8px; }
	#FooterStrip #next { float:right; margin:8px 8px 8px 0; }
	#FooterStrip a { color:white; }

div#storyoflondonfront{
	position:relative;
}

#leftblock{
	position:relative;
	width:423px;
	height:357px;
	margin-top:10px;
	background-color:#a92b37;
	background-image:url('/images/llr/storyoflondon/bus.jpg');
}

#categories{
	position:absolute;
	text-align:left;
	top:179px;
	left:143px;
	width:83px;
	height:88px;
}

#categories div.patch{
	position:absolute;
	cursor:pointer;
	
}

#non1, #non2, #non3, #non4{
	xbackground-color:black;	
}

#fic1, #fic2, #fic3, #fic4{
	xbackground-color:red;	
}

#poe1, #poe2, #poe3, #poe4{
	xbackground-color:blue;	
}

#categories div#non1{
	left:0px;
	top:25px;
	width:20px;
	height:23px;	
}

#categories div#non2{
	left:20px;
	top:32px;
	width:20px;
	height:18px;
}

#categories div#non3{
	left:35px;
	top:34px;
	width:25px;
	height:23px;	
}

#categories div#non4{
	left:60px;
	top:40px;
	width:25px;
	height:23px;	
}

#categories div#fic1{
	left:0px;
	top:0px;
	width:20px;
	height:25px;	
}

#categories div#fic2{
	left:20px;
	top:0px;
	width:20px;
	height:32px;	
}


#categories div#fic3{
	left:35px;
	top:0px;
	width:25px;
	height:34px;	
}


#categories div#fic4{
	left:60px;
	top:0px;
	width:25px;
	height:40px;	
}


#categories div#poe1{
	left:0px;
	top:43px;
	width:20px;
	height:45px;	
}

#categories div#poe2{
	left:20px;
	top:50px;
	width:20px;
	height:38px;
}

#categories div#poe3{
	left:35px;
	top:57px;
	width:25px;
	height:31px;	
}

#categories div#poe4{
	left:60px;
	top:63px;
	width:25px;
	height:25px;	
}

div.cat_all {
	background:url('/images/llr/storyoflondon/cat_all.jpg') top left no-repeat;
}

div.cat_poetry {

	background:url('/images/llr/storyoflondon/cat_poetry.jpg') top left no-repeat;
}

div.cat_nonfic {

	background:url('/images/llr/storyoflondon/cat_nonfic.jpg') top left no-repeat;	
}

div.cat_fiction {

	background:url('/images/llr/storyoflondon/cat_fiction.jpg') top left no-repeat;	
}

div#storyoflondonfront #linkblock{
	position:absolute;
	top:0px;
	right:0px;
	height:357px;
	
}


#linkblock{
	width:152px;
	background-color:#d2e9fe;
}

div#LogoColumn #linkblock{
	padding-top:10px;	
}

#printlink{
	text-align:center;
	width:100px;
	font-size:13px;
	margin-left:10px;
}

#printlink img{
	float:left;
	margin-right:2px;
}

#printlink a{
	color:#88353e;
	text-decoration:none;
}

#printlink a:hover{
	color:#000000;
	background-color:transparent;
}

#linkblock h1{
	font-family:verdana, arial, sans-serif;
	font-weight:normal;
	text-decoration:none;
	font-size:17px;
	color:#88353e;
	background:none;
	margin:0px;
	padding:5px 0 0 6px;
}

#linkblock h2{
	color:black;
	text-align:right;
	margin:0 4px 15px 0;
	font-weight:normal;
	font-size:14px;	
}

#linkblock a.link, #linkblock div.linkon{
	display:inline-block;
	width:144px;
	background:url('/images/llr/storyoflondon/link-bg.gif') no-repeat top left;
	color:#dbe3e6;
	text-decoration:none;
	margin:0 0 15px 4px;
}

#linkblock a.link:hover, #linkblock div.linkon{
	color:#ffffff;
	background:url('/images/llr/storyoflondon/link-bg-on.gif') no-repeat top left;	
}


#linkblock a.link p, #linkblock div.linkon p{
	padding:4px;
	margin:0px;
	text-align:center;
	background:url('/images/llr/storyoflondon/link-bottom.gif') no-repeat bottom left;
	font-size:16px;
	font-weight:normal;
	padding:15px 4px 15px 4px;
}

#linkblock a.link:hover p, #linkblock div.linkon p{
	background:url('/images/llr/storyoflondon/link-bottom-on.gif') no-repeat bottom left;
}

.leheader{

	background-color:#345e64;
	border:solid 2px #black;
	width:100%;
	height:32px;
	text-align:center;
	color:white;
	font-size:20px;
	padding-top:4px;
}

.leheader a{
	color:white;	
}

.lenavlink div, .lenavlink_on{
	width:101px;
	height:41px;
	text-align:center;
	
	border:solid 2px #4d5bb3;
	background-color:#99ca3b;
	color:white;
	cursor:hand;
	cursor:pointer;
	margin-left:15px;	
	
}


.lenavlink div p, .lenavlink_on p{
	padding-top:10px;	
}

a.lenavlink, a.lenavlink:hover{
	text-decoration:none;	
}
a.lenavlink:hover div, .lenavlink_on{
	background-color:#d8bb3b;
}

.lenavlink_on{
	margin-bottom:10px;
	cursor:default;
}

div.bookCover{
	width:120px;
	height:180px;
	background-color:white;
	border:solid 1px #cccccc;
	float:left;
}

div.bookCover img{
	vertical-align:middle;
}

div.TextContent{
	float:left;
	margin-left:10px;
	width:240px;
}