/*

Title:      Graham Lelliott Books
Author:     dan@pceazy.co.uk
Copyright:  2008, Graham Lelliott.  All rights resevered (please don't re-use without permission).

*/



body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #7E8AA2;
}
#wrapper {
	width: 722px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}


#header {
	height: 140px;
	width: 722px;
	background-image: url(images/headerbg.gif);
	background-repeat: repeat-y;
}
#headerstripe {
	height: 7px;
	width: 680px;
	background-repeat: repeat-x;
	background-image: url(images/headerstripe.gif);
	background-position: -20px;
	clear: both;
	margin-left: 20px;
}

#headerlogo {
	height: 114px;
	width: 297px;
	margin-left: 30px;
	margin-top: 0px;
	background-image: url(images/headerlogo2.gif);
	background-color: #ffffff;
	float: left;
	background-repeat: no-repeat;
}
.headermail {
	height: 55px;
	width: 62px;
	float: right;
	background-image: url(images/mail.gif);
	margin-top: 0px;
	margin-right: 15px;
}
.headermail a{
	background-image: url(images/mail.gif);
	display:block;
	width: 62px;
	height: 55px;
	text-indent: -9000em;
}

#headerlogo h1{
	display:block;
	width: 87px;
	height: 21px;	
	text-indent: -90000em;
}

#top_nav {
	height: 18px;
	width: 680px;
	float: right;
	margin-right: 40px;

}
#top_nav ul {
	margin: 0;
	list-style: none;
	padding: 0;
}
#top_nav ul li {
	float: right;
}
#top_nav ul a {
	display: block;
	width: 86px;
	text-align: center;
	text-transform: lowercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #FFFFFF;
	height: 18px;
	text-decoration: none;
}

#top_nav_1, #top_nav_1 a, 
#top_nav_2, #top_nav_2 a,
#top_nav_3, #top_nav_3 a, 
#top_nav_4, #top_nav_4 a {
	height: 18px;
	background-repeat:no-repeat;
	text-decoration: none;
	background-image: url(images/menub.gif);
}
#top_nav_1 a:hover, #top_nav_1 a.selected, 
#top_nav_2 a:hover, #top_nav_2 a.selected, 
#top_nav_3 a:hover, #top_nav_3 a.selected, 
#top_nav_4 a:hover, #top_nav_4 a.selected {
	background-image: url(images/menuover.gif);
	
}




#innerwrap {
	height: auto;
	width: 722px;
	background-repeat: repeat-y;
	background-image: url(images/bg.gif);
	padding-top: 10px;
}

#contentwrap {
	height: auto;
	width: 462px;
	padding-left: 22px;
	float: left;
	clear: left;
}
#contentwrap  h3 {
	font-size: 1.5em;
	color: #c0c0c0;
	padding-left: 10px;
	padding-right: 15px;
}
#contentwrap  h4 {
	font-size: 1.5em;
	color: #c0c0c0;
}
#contentwrap  h5 {
	font-size: 1.4em;
	color: #c0c0c0;
}


#lowerblurbwrap {
	height: auto;
	width: 462px;
	float: left;
	
}
#lowerblurbwrap2{
	height: auto;
	width: 430px;
	float: left;
	
}

#lowerblurb {
	width: 462px;
	float: right;
	height: auto;

}
.picf1{
	width: 120px;
	height: 160px;
	float: left;
	margin-left: 30px;
}
.picf1 a {
	background-image: url(images/picf1.gif);
	display:block;
	width: 120px;
	height: 160px;
	text-indent: -9000em
}

.picf2{
	width: 120px;
	height: 160px;
	float: left;
	margin-left: 15px;
}
.picf2 a {
	background-image: url(images/picf2.gif);
	display:block;
	width: 120px;
	height: 160px;
	text-indent: -9000em
}

.picf3{
	width: 120px;
	height: 160px;
	float: left;
	margin-left: 15px;
}
.picf3 a {
	background-image: url(images/picf3.gif);
	display:block;
	width: 120px;
	height: 160px;
	text-indent: -9000em
}

.picf4{
	width: 120px;
	height: 160px;
	float: left;
	margin-left: 30px;
	margin-top: 5px;
}
.picf4 a {
	background-image: url(images/picf4.gif);
	display:block;
	width: 120px;
	height: 160px;
	text-indent: -9000em
}

.picf5{
	width: 120px;
	height: 160px;
	float: left;
	margin-left: 15px;
	margin-top: 5px;
}
.picf5  a {
	background-image: url(images/picf5.jpg);
	display:block;
	width: 120px;
	height: 160px;
	text-indent: -9000em
}

#boxwrap {
	width: 193px;
	padding-right: 27px;
	float: right;
	clear: right;
}




.content {
	background-image: url(images/welcomebgmid.gif);
}

.content h2 {
	font-size: 2em;
	background-image: url(images/welcomebgtop.gif);
	padding-top: 20px;
	padding-left: 15px;
	padding-top: 15px;
	background-repeat: no-repeat;
}
.content a {
	color: #c0c0c0;
}
.content .first {
	background-image: url(images/welcomebgmid.gif);
	background-repeat: no-repeat;
}
.pic1 {
	width: 65px;
	height: 108px;
	float: right;
	margin-right: 10px;
	background-image: url(images/fieldcover.gif);
	background-repeat: no-repeat;
}
.pic2 {
	width: 65px;
	height: 108px;
	float: right;
	margin-right: 10px;
	background-image: url(images/railwaycover.gif);
	background-repeat: no-repeat;
}
.pic3 {
	width: 65px;
	height: 108px;
	float: right;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-image: url(images/bombercover.gif);
}
.pic4 {
	width: 65px;
	height: 108px;
	float: right;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-image: url(images/corpcover.gif);
}
.pic5 {
	width: 65px;
	height: 108px;
	float: right;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-image: url(images/tilesrailway.jpg);
}
.content .middle {
	background-image: url(images/welcomebgmid.gif);
	background-repeat: no-repeat;
}
.content .last {
	background-image: url(images/welcomebgmid.gif);
	background-repeat: no-repeat;
}
.content .bottom {
	background-image: url(images/welcomebgbot.gif);
	padding-bottom: 30px;
	background-repeat: no-repeat;
	background-position: bottom;
}
.content strong {
	font-size: 1.1em;
	line-height: 2em;
	
}

.content p {
	padding-left: 10px;
	padding-bottom: 10px;
	font-size: 1.4em;
	color: #c0c0c0;
	padding-right: 10px;
	line-height: 1.2em;
}

.box {
	background-image: url(images/newsmid.gif);
}

.box h2 {
	font-size: 2em;
	background-image: url(images/newstop.gif);
	background-repeat: no-repeat;
	padding-top: 15px;
	text-align: center;
}
.box a {
	color: #c0c0c0;
	text-decoration: none;

}

.box .last {
	background-image: url(images/newsbot.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	line-height: 1.5em;
	padding-bottom: 10px;
}
.box strong {
	font-weight: 1.3em;
	line-height: 1.8;
}
.box p {
	padding-left: 10px;
	padding-right: 5px;
	font-size: 1.3em;
	color: #c0c0c0;
}

.box2 {
	background-image: url(images/newsmid.gif);
}

.box2 h2 {
	font-size: 2em;
	background-image: url(images/newstop2.gif);
	padding-top: 15px;
	background-repeat: no-repeat;
	text-align: center;
}

.box2 .last {
	background-image: url(images/newsbot2.gif);
	padding-bottom: 60px;
	background-repeat: no-repeat;
	background-position: bottom;
	line-height: 1.5em;
}
.box2 strong {
	font-weight: 1.3em;
	line-height: 1.8;
}
.box2 p {
	padding-left: 10px;
	padding-bottom: 20px;
	font-size: 1.3em;
	color: #c0c0c0;
	padding-right: 5px;
	line-height: 1.3;
}
.picbook {
	width: 70px;
	height: 70px;
	background-image: url(images/book.gif);
}
.box3 {
	background-image: url(images/newsmid.gif);
}

.box3 h2 {
	font-size: 2em;
	background-image: url(images/newstop.gif);
	padding-left: 55px;
	background-repeat: no-repeat;
	padding-top: 15px;
}

.box3 .last {
	background-image: url(images/newsbot.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	line-height: 1.5em;
	padding-bottom: 30px;
}
.box3 strong {
	font-weight: 1.3em;
	line-height: 1.8;
}
.box3 p {
	padding-left: 10px;
	font-size: 1.3em;
	color: #c0c0c0;
}




#footer {
	height: 100px;
	width: 662px;
	clear: both;
	background-image: url(images/footer2.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #7E8AA2;
	padding-top: 40px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}
.copy {
	height: auto;
	width: 350px;
	float: left;
}
#copy h2 {
	font-size: 1.2em;
	color: #c0c0c0;
	padding-left: 10px;
}

.logo {
	height: 46px;
	width: 100px;
	float: right;
}
.logo a{
	background-image:url(images/logo.gif);
	display:block;
	width: 100px;
	height: 46px;
	text-indent: -9000em;
}
h1 {
	font-size: 2em;
	margin: 0px;
	padding: 0px;
	color: #c0c0c0;
	line-height: 1pc;
}
h2 {
	font-size: 1.2em;
	margin: 0px;
	padding: 0px;
	color: #c0c0c0;
}