 

html { height: 100%; margin-bottom: 1px; }	

* { margin: 0px; padding: 0px; font-weight: normal; color: #000; font-size: 100%; text-decoration: none; text-align: left; }

p { margin: 5px 0px; }

.clearall { clear: both; }

.formerrors p { color: red !important; font-weight: bold; font-size: 80%; }

/***********************************************************************************************************/

body { font-family: helvetica, verdana, arial; font-size: 10px; color: #0e202e; }

#siteholder { padding: 0 0 390px 0; background: #0575c9 url('../images/bgfooter.png') repeat-x left bottom; }

/***********************************************************************************************************/

#container { background: url('../images/contentbg.png') repeat-y left top; width: 1000px; margin: 0 auto; }

/***********************************************************************************************************/

#header { background: url('../images/contentheader.png') no-repeat left top; height: 192px; }
#header img { margin: 15px 0 0 15px; }
#header #menu { float: right; width: 700px; }
#header #menu ul { list-style-type: none; float: right; margin: 20px 15px 0 0; }
#header #menu ul li { float: left; margin: 0 10px; }
#header #menu ul li a { font-size: 150%; color: #0e202e; text-decoration: none; }
#header #menu ul li.current a { text-decoration: underline !important; }

#newsbar { height: 43px; background: url('../images/stripe.png') repeat left top; margin: 12px 6px 0 6px; }
#newsbar h3 { font-size: 300%; padding: 5px 0 0 10px; }
#newsbar div { float: right; padding: 0 30px; }
#newsbar div .uk { padding: 3px 0 0 0; text-align: center; font-size: 250%; margin: 3px 10px 0 0; width: 70px; height: 32px; background: url('../images/ukflag.png') no-repeat left top; border: 1px solid black; }
#newsbar div .us { padding: 3px 0 0 0; text-align: center; font-size: 250%; margin: 3px 10px 0 0; width: 70px; height: 32px; background: url('../images/usflag.png') no-repeat left top; border: 1px solid black; }
#newsbar div div a { color: #0e202e !important; }

.buynow { height: 43px; width: 600px; margin: 10px 0; border: 1px solid #0e202e; padding: 0 5px; }
.buynow h3 { font-size: 80%; padding: 12px 0 0 0; }
.buynow div { float: right; padding: 0 0; }
.buynow div .uk { padding: 6px 0 0 0; text-align: center; font-size: 100%; margin: 3px 5px 0 0; width: 70px; height: 29px; background: url('../images/ukflag.png') no-repeat left top; border: 1px solid black; }
.buynow div .us { padding: 6px 0 0 0; text-align: center; font-size: 100%; margin: 3px 10px 0 0; width: 70px; height: 29px; background: url('../images/usflag.png') no-repeat left top; border: 1px solid black; }
.buynow div div a { color: #0e202e !important; text-decoration: none !important; }

/***********************************************************************************************************/

#rightcolumn { float: right; margin: 5px 5px 5px 0; width: 280px; } 
#rightcolumn #love { width: 278px; height: 172px; overflow: hidden; background: url('../images/love.png') no-repeat right top; margin: 10px 0; }
#rightcolumn #notice { width: 278px; height: 172px; overflow: hidden; background: url('../images/notice.png') no-repeat right top; margin: 10px 0; }
#rightcolumn #bird { width: 278px; height: 241px; overflow: hidden; background: url('../images/bird.png') no-repeat right top; margin: 10px 0; }
#rightcolumn div div { float: right; margin: 60px 15px 0 0; width: 182px; } 
#rightcolumn div div p { font-size: 150%; font-weight: bold; } 
#rightcolumn div div a { font-weight: bold; color: #259019; text-decoration: underline; } 

#rightcolumn #bird div { float: right; margin: 130px 15px 0 0; width: 182px; } 
#rightcolumn #bird div.clearall { float: none; margin: 0; width: auto; } 
#rightcolumn div #fb { float: left; margin: 5px 0 0 80px; height: 30px; width: 110px; overflow: hidden; }
#rightcolumn div #google { float: left; margin: 0 0 10px 83px; height: 50px; width: 107px; overflow: hidden; }
#rightcolumn div #twitter { float: right; margin: 5px 0 10px 0; height: 100px; width: 80px; overflow: hidden; }

/***********************************************************************************************************/

#content { margin: 10px 320px 10px 30px; font-size: 200%; }
#content h1 { margin: 30px 0 20px 0; font-size: 180%; }
#content h2 { margin: 50px 0 20px 0; font-size: 130%; text-decoration: underline; }
#content p { margin: 15px 0; }
#content  a { text-decoration: underline; color: #259019; font-weight: bold; }

table#ourbooks, table#newbooks { width: 600px; margin: 10px auto; border-collapse: collapse; border: 1px solid #0e202e; font-size: 80%; }
table#ourbooks th, table#newbooks th { border: 1px solid #0e202e; font-weight: bold; text-align: center; padding: 2px; height: 28px; }
table#ourbooks td, table#newbooks td { border: 1px solid #0e202e; padding: 2px; text-align: center; }
table#ourbooks th#btbook, table#newbooks th#btbook { width: 100px; }
table#ourbooks th#bttitle, table#newbooks th#bttitle { text-align: left; }
table#ourbooks th#btinfo, table#newbooks th#btinfo { width: 100px; }
table#ourbooks th#btlinkuk, table#newbooks th#btlinkuk { width: 66px; background: url('../images/ukflag.png') no-repeat left top; }
table#ourbooks th#btlinkus, table#newbooks th#btlinkus { width: 66px; background: url('../images/usflag.png') no-repeat left top; }
table#ourbooks td.bttitle, table#newbooks td.bttitle { text-align: left; }
table#ourbooks td.btlinkuk, table#newbooks td.btlinkuk { font-size: 60%; }
table#ourbooks td.btlinkus, table#newbooks td.btlinkus { font-size: 60%; }
table#ourbooks td.btinfo, table#newbooks td.btinfo { font-size: 60%; }
table#ourbooks td a, table#newbooks td a { text-decoration: underline; color: #259019; font-weight: bold; }

#booksample { width: 600px; padding: 5px; border: 1px solid lightgrey; font-size: 80%; }
#booksample h3 { font-weight: bold; }

.authorboxes { width: 300px; margin: 0 5px; padding: 5px; border: 1px solid lightgrey; font-size: 80%; }
#authorone { float: left; }
#authortwo { float: right; }
#content .authorboxes h2 { margin: 0 0 10px 0; font-size: 130%; text-decoration: underline; text-align: center; }
#content .authorboxes h3 { margin: 10px 0 10px 0; font-size: 120%; text-decoration: underline; text-align: left; }
#content .authorboxes .cenimg { margin: 5px auto; width: 150px; }
#content .authorboxes .cenimg img { border: 1px solid #0e202e; }
.authorboxes .bio { height: 270px; font-size: 80%; }
.authorboxes .bio span { font-weight: bold; }

form h3 { background: lightblue; padding: 5px; }
form p { font-size: 70%; }
form label { float: left; width: 250px; }
form input { border: 1px solid lightblue; }
form textarea { width: 300px; height: 150px; border: 1px solid lightblue; }
form input.checkbox { margin: 0 10px 0 0; }
form input.button { padding: 10px 20px; border: 2px solid lightblue; font-size: 200%; background: white; float: right; cursor: pointer;}

/***********************************************************************************************************/

#footer { background: url('../images/contentfooter.png') no-repeat left bottom; height: 50px; }
#footer p { padding: 15px 20px 0 20px; font-size: 150%; text-align: right; }
#footer p a { color: #0e202e; }
