body {
 background-image: url(lightback.jpg); /* light coloured background */
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: center; /* used to center everything on the page. Since we don't want all the text on the page to be centered add text-align: left to the master container */
}

p {
text-align:left;

}

a:link {
 color: #B22222; /* firebrick */
 text-decoration: underline;
}

a:visited {
 color: #B22222; /* firebrick */
 text-decoration: underline;
}

a:hover {
 color: #FF8C00; /* darkorange */
 text-decoration: none;
}

h1 {
 margin: 0px;
 padding: 0px;
 font-size: 110%;
 color: #B22222; /* firebrick */
 font-family: Arial,sans-serif;
 text-align:left;
}

h2 {
 margin: 0px;
 padding: 0px;
 font-size: 105%;
 color: #556B2F; /* darkolivegreen */
 font-family: Arial,sans-serif;
 text-align:left;
}

h3 {
 margin: 0px;
 padding: 0px;
 font-size: 100%;
 color: #556B2F; /* darkolivegreen */
 font-family: Arial,sans-serif;
 text-align:left;
}

h4 {
 margin: 0px;
 padding: 0px;
 font-weight: normal;
 font-size: 100%;
 color: #000000; /* black */
 font-family: Arial,sans-serif;
 text-align:left;
}

h5 {
 margin: 0px;
 padding: 0px;
 font-size: 100%;
 color: #000000; /* black */
 font-family: Arial,sans-serif;
 text-align:left;
}

ul {
 list-style-type: disc;
}

ul ul {
 list-style-type: square;
}

label {
 font-size: 100%;
 font-family: Arial,sans-serif;
}

hr {
 width: 80%;
 color: #B22222; /* firebrick */
 text-align: center;
}

#mastcont {
 border: 1px solid #cccccc; /* grey */
 background-color:#FFFFFF;
 margin: 0px auto;
 width: 760px;
 text-align: left; /* counter-act the text-align: center used for the body tag which will center everything on the page which is what we want, but we don't want all the text on the page to be centered */
}

#masthead {
 border-bottom: 1px solid #556B2F; /* darkolivegreen */
 padding: 0px;
 background-image: url(banner.jpg);
 width: 100%;
 height: 120px;
}

#navBar {
 border-left: 1px solid #cccccc; /* grey */
 margin: 0px;
 padding: 3px;
 float: left;
 background-image: url(sideback.jpg); /* used for white look */
 width: 20%;
 background-repeat: repeat-y;
}

/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid darkolivegreen;}

/* fix for browsers that don't need the hack*/ 
html>body #navBar li {border-bottom: none;}



#headlines {
 border-left: 1px solid #8FBC8F; /* darkseagreen */
 float: right;
 width: 20%;
}

#headlines p{
font-size: 80%;
}

#content {
 float: left;
 width: 55%;
}

#contentfull {
 float: left;
 width: 75%;
}

#globalNav {
 border-bottom: 1px solid #8FBC8F; /* darkseagreen */
 margin: 0px;
 padding: 0px 0px 5px 10px;
 float: left;
 width: 60%;
}

#globalNav a {
 padding: 0px 3px;
 font-size: 90%;
 text-decoration: none;
}

.cart {
 float: right;
 width: 15%;
 text-align: right;
}

.feature {
 padding: 0px 0px 0px 15px;
 font-size: 80%;
 text-align:left;
 background-color:#FFFFFF; /* white */
}

.feature h1 {
 font-size: 130%;
}

.feature h2 {
 font-size: 120%;
}

.feature img {
 border: 0px;
 padding: 5px;
 float: left;
}

.feature a:link {
color: #B22222; /* firebrick */
 text-decoration: underline;
}

.feature a:hover {
color: #FF8C00; /* darkorange */
 text-decoration: none;
}

.product {
 padding: 5px 15px 0px 15px;
 font-size: 80%;
 text-align: left;
 background-color:#FFFFFF; /* white */
}

.product h2 {
 padding: 10px 0px 0px 0px;
 font-size: 110%;
}

.product img{
 vertical-align: top;
 border:#000000 solid 1px; /* black */
 margin-right: 10px;
 float: left;
}

.productmore {
 vertical-align: top;
 padding: 5px 15px 5px 0px;
 background-color:#FFFFFF; /* white */
 text-align: left;
 font-size: 80%;
}

.productmore img{
 border:#000000 solid 1px; /* black */
}

.productmore p{
 margin-left:15px;
}


.product a {
color: #B22222; /* firebrick */
}

.product a:hover {
color: #FF8C00; /* darkorange */
}

.producttitle {
font-weight: bold;
}

.bookauthor {
font-weight: bold;
font-style: italic;
}

.bookcaption {
font-weight: bold;
font-size:85%;
}

.top {
text-align:right;
width:100%;
font-size:80%;
}

.close {
text-align:right;
font-size:80%;
}

.story {
 padding: 10px 0px 0px 10px;
 clear: both;
 font-size: 80%;
}

.story p {
 padding: 0px;
}

#siteInfo {
 padding: 10px;
 clear: both;
 font-size: 80%;
 color: #666666; /* dark grey */
 text-align: center;
}

#siteInfo p{
 font-size: 80%;
}

#siteInfo a{
text-decoration: none;
}

#search {
 border-bottom: 1px solid #8FBC8F; /* darkseagreen */
 padding: 5px 0px 5px 10px;
 font-size: 90%;
}

#search form {
 margin: 0px;
 padding: 0px;
}

#search label {
 margin: 0px;
 padding: 0px;
 display: block;
}

#navBar ul a:link {
 display: block;
}

#navBar ul a:visited {
 display: block;
}

#navBar ul {
 margin: 0px;
 padding: 0px;
}

#navBar li {
 border-bottom: 1px solid #556B2F; /* darkolivegreen */
}

#sectionLinks {
 margin: 0px;
 padding: 0px;
 font-size: 80%;
 position: relative;
 text-align:left;
}

#sectionLinks h3 {
 padding: 10px 0px 2px 5px;
}

.subheading {
 padding: 0px 0px 0px 20px;
  /*list-style-type: disc;*/
 text-decoration: none;
 font-size: 75%;
}


#sectionLinks a {
 padding: 2px 0px 2px 15px;
 display: block;
 text-decoration: none;
}

#sectionLinks a:link {
 color: #556B2F; /* darkolivegreen */
}

#sectionLinks a:visited {
 color: #556B2F; /* darkolivegreen */
}

#sectionLinks a:hover {
 color: #B22222; /* firebrick */
 background-color: #FFCF00; /* yellow orange */
 text-decoration: none;
}

.relatedLinks {
 border-bottom: 1px solid #8FBC8F; /* darkseagreen */
 margin: 0px;
 padding: 5px 0px 0px 5px;
 font-size: 80%;
 position: relative;
 text-align:left;
}

.relatedLinks h3 {
 padding: 10px 0px 2px;
}

.relatedLinks a:link {
 display: block;
 font-weight: bold;
 color: #556B2F; /* darkolivegreen */
 font-family: Arial,sans-serif;
 text-decoration: none;
}

.relatedLinks a:visited {
 display: block;
 font-weight: bold;
 color: #556B2F; /* darkolivegreen */
 font-family: Arial,sans-serif;
 text-decoration: none;
}

.relatedLinks a:hover {
 display: block;
 font-weight: bold;
 color: #FF8C00; /* darkorange */
 font-family: Arial,sans-serif;
 text-decoration: underline;
}

#advert {
 padding: 30px 0px 10px;
}

#advert img {
 display: block;
}

#headlines {
 margin: 0px;
 padding: 10px 10px 20px;
 font-size: 80%;
}

.highlight {
border:#000000 solid 1px; /* black */
background-color: #EFEFEF; /* light grey */
text-align:center;
}

.popup {
 vertical-align: top;
 padding: 10px 15px 10px 10px;
 background-color:#FFFFFF; /* white */
 text-align: left;
 font-size: 80%;
}