/* Main Site Styles Items */
body { color: #666; font-size: 62.5%; font-family: Georgia, "Times New Roman", Times, serif; background-color: #000; background-image: url(../images/interface/background.jpg); background-repeat: repeat-y; background-position: center 0; margin: 0; }
ul {  }
li {  }
a { text-decoration: underline; }
a:hover { text-decoration: none; }
p { font-size: 1.4em; line-height: 1.6em; }
td { font-size: 1.4em; line-height: 1.4em; }
H1 { color: #000; font-size: 2.8em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; }
H2 { font-size: 2em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; }


/* Page Layout Items */

#wrapper { margin: 0 auto; width: 866px }
#panel-page-top { background-image: url(../images/interface/panel-page-top.png); background-repeat: no-repeat; width: 866px; height: 130px; float: left; margin-top: 40px; }
#panel-page-main { background-image: url(../images/interface/panel-page-main.png); background-repeat: repeat-y; width: 866px; height: auto; float: left; }
#panel-page-base { background-image: url(../images/interface/panel-page-base.png); background-repeat: no-repeat; background-position: 0 bottom; text-align: center; width: 866px; height: 40px; float: left; }

#header1 { color: #b5000f; font-size: 3.4em; font-family: Georgia, "Times New Roman", Times, serif; width: 588px; height: auto; float: left; margin-top: 20px; margin-left: 230px; }
#header2 { color: #b5000f; font-size: 5.8em; font-family: Georgia, "Times New Roman", Times, serif; width: 588px; height: auto; float: left; margin-left: 230px; }
#column-left { width: 183px; float: left; }
#column-main { width: 588px; height: auto; float: left; margin-left: 47px; }
#crumbtrail { color: #000; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 2.6em; background-image: url(../images/interface/crumbtrail.png); background-repeat: no-repeat; text-indent: 111px; width: 588px; height: 26px; float: left; margin-bottom: 10px; }
#crumbtrail a { color: #b5000f; }
#video { width: 588px; height: 357px; float: left; }
#post-it { width: 184px; float: left; }
.content { width: 588px; float: left; }
#footer { color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; width: 846px; height: 40px; float: left; padding-top: 20px; padding-left: 20px; }
#footer a { color: #fff; }

/* Book Store Items */
.panel-books-left { width: 100px; float: left; }
.panel-books-right { width: 460px; float: left; margin-left: 15px; }
.panel-books-right p { color: #000; font-size: 1.2em; line-height: 1.2em; }
.booktitle { color: #b5000f; font-size: 1.4em; font-weight: bold; }
.panel-books-cover { width: 100px; float: left; margin-bottom: 5px; }
.btn-more a { background-image: url(../images/bookstore/btn-more.gif); background-repeat: no-repeat; text-indent: -9999px; width: 100px; height: 33px; float: left; }
.btn-buy a { background-image: url(../images/bookstore/btn-buynow.gif); background-repeat: no-repeat; text-indent: -9999px; width: 100px; height: 25px; float: left; }
#panel-basket { background-image: url(../images/bookstore/img-my-shopping-basket.gif); background-repeat: no-repeat; width: 163px; float: left; padding-top: 25px; padding-left: 15px; }

/* Blog Items */
.blogtitle { color: #b5000f; font-size: 1.8em;  }
.blogdate { font-size: 0.8em; font-weight: bold; }
.btn-readmore a { background-image: url(../images/blog/btn-readmore.gif); background-repeat: no-repeat; text-indent: -9999px; width: 100px; height: 33px; float: left; }


/* Text & Table Colour Styles */
.list { font-size: 1.4em; }
.red { color: #b5000f; }

.bg-white { background-color: #fff; }
.bg-palegrey { background-color: #ebebeb; }
.bg-red { color: #fff; background-color: #b5000f; }

/* Button Styles */

.nav{ width: 184px; }
.nav ul{ list-style-type: none; margin: 0; padding: 0; }
.nav li a { font-size: 1.2em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-stretch: extra-condensed; font-style: normal; font-variant: normal; line-height: normal; display: block; background-image:url(../images/interface/buttons.gif); height: 21px; padding-left:18px; padding-top:5px; text-decoration: none; }	
.nav li a:link, .nav li a:visited { color: #ffffff; }
.nav li a:active, .nav li a:hover  { font-weight: bold; }
.nav li a:hover { color: #ffffff; background-position: 100% -26px; }