/* -------------- General Layout Elements -------------- */ 

body {
margin: 0;
padding: 0;
text-align: center;
background: url(images/background.jpg) repeat-y top center;
font-family: "Trebuchet MS", Arial, Tahoma, "Lucida Sans", Georgia, Verdana, sans-serif;
color: #3c3715;
}

#container {
position: relative;
width: 696px;
height: 400px;
margin-left: auto;
margin-right: auto;
text-align: left;
background: #b7b7b7;
}

#header {
background: #b7b7b7 url(images/header.jpg) no-repeat top left;
height: 307px;
width: 696px;
}

#content {
background: #b7b7b7 url(images/content.jpg) repeat-y top left;
margin: 0;
padding: 0;
text-align: justify;
}

#footer {
background: #b7b7b7 url(images/footer.jpg) no-repeat top left;
height: 60px;
text-align: center;
font-size: 70%;
margin: 0;
padding: 0;
}

#researchmethodsbooks, #btecnationalearlyyears,
#btecfirstearlyyears, #babyandtoddler {
padding-bottom: 1em;
margin: 0 25px;
border-bottom: solid 1px #dfdab9;
}

#mailinglist {
border-top: solid 1px #dfdab9;
margin: 1em 25px 0 25px;
}


/* -------------- Main Page Navigation -------------- */ 

ul#navigation {
list-style-type: none;
padding: 0;
margin: 0;
height: 38px;
width: 696px;
background: url(images/navigation.jpg) no-repeat top left;
position: absolute;
top: 227px;
padding-left: 45px;
}

ul#navigation li {
float: left;
}

ul#navigation li a:link, li a:visited {
display: block;
float: left;
height: 38px;
text-indent: -1000em;
}



/* ----- Image Replacements and :hover's for Navigation ------ */ 

li#one a:link, li#one a:visited {
width: 92px;
background: url(images/navhome.jpg) no-repeat top left;
}

li#two a:link, li#two a:visited {
width: 197px;
background: url(images/navconsulting.jpg) no-repeat top left;
}

li#three a:link, li#three a:visited {
width: 143px;
background: url(images/navpublications.jpg) no-repeat top left;
}

li#four a:link, li#four a:visited {
width: 89px;
background: url(images/navlatest.jpg) no-repeat top left;
}

li#five a:link, li#five a:visited {
width: 86px;
background: url(images/navcontact.jpg) no-repeat top left;
}

li#one a:hover {
background: url(images/navhome1.jpg) no-repeat top left;
}

li#two a:hover {
background: url(images/navconsulting1.jpg) no-repeat top left;
}

li#three a:hover {
background: url(images/navpublications1.jpg) no-repeat top left;
}

li#four a:hover {
background: url(images/navlatest1.jpg) no-repeat top left;
}

li#five a:hover {
background: url(images/navcontact1.jpg) no-repeat top left;
}




/* -------------- Fonts and Heading Styling -------------- */ 

h1 {margin: 0;}

h2 {
margin: 0 25px 1em 25px;
font-size: 150%;
}

h3 {
margin: 1em 25px 1em 25px;
font-size: 120%;
}

#researchmethodsbooks h3, #btecnationalearlyyears h3, 
#btecnationalearlyyears h4, #btecfirstearlyyears h3,
#btecfirstearlyyears h4, #babyandtoddler h3,
#mailinglist h3 {
margin: 0.5em 25px 1em 0;
}

h4 {
margin: 1em 25px 1em 25px;
font-size: 100%;
}

p {
margin: 0.5em 25px 0 25px;
padding: 0 0 0.5em 0;
line-height: 1.4em;
font-size: 90%;
color: #2e2a12
}

#researchmethodsbooks p, #btecnationalearlyyears p,
#btecfirstearlyyears p, #babyandtoddler p,
#mailinglist p {
margin: 0.5em 0 0 0;
}

#footer p {
margin: 0 25px 0 25px;
padding: 7px 0 0 0;
color: #958f67;
}

p.emphasis {
font-style: italic;
margin: 0.5em 40px 0 40px;
padding: 0 0 0.5em 0;
font-size: 75%;
}

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

.clear {
clear: both;
padding-top: 0.5em;
}

blockquote {
margin: 0.5em 55px 0 55px;
padding: 0 0 0.5em 0;
line-height: 1.4em;
font-size: 90%;
color: #2e2a12;
font-style: italic;
}

acronym {
border-bottom: dotted 1px;
cursor: help;
}



/* -------------- Links Styling -------------- */ 

p#skiplink {
position: absolute;
left: 0;
top: 0;
margin: 0;
display: block;
height: 1px;
width: 1px;
overflow: hidden;
}

h1 a:link, h1 a:visited {
display: block;
margin: 0 0 0 52px;
width: 273px;
height: 219px;
background: url(images/title.jpg) no-repeat top left;
text-indent: -1000em;
}

a:link, a:visited {
color: #30526c
}

a:hover {
text-decoration: none;
color: #07246f;
}

p#top a:link, p#top a:visited {
text-decoration: none;
padding-left: 13px;
background: url(images/topofthepage.gif) no-repeat top left;
}

#footer a:link, #footer a:visited {
color: #7b8148;
}


/* -------------- Images -------------- */ 

img {
padding: 2px;
border: solid 1px #dfdab9;
}

ul li img {
border: none;
padding: 0;
}

img.floatright {
float: right;
margin: 0.5em 25px 0 0.5em;
}

img.floatleftnoborder {
float: left;
margin: 0 0.5em 0 0;
padding: 0;
border: none;
}

/* -------------- List Styling -------------- */ 

ul, dl {
margin: 0.5em 25px 0 25px;
padding: 0 0 0.5em 30px;
font-size: 90%;
}

ul#consultancypackages, ul#trainingsessions {
list-style-image: url(images/listbluetick.gif);
margin-left: 40px;
}

ul#consultancypackages li, ul#trainingsessions li {
margin: 0.3em 0
}

ul#consultancyexamples {
padding: 0 0 0 35px;
list-style-image: url(images/listarrow.gif);
}

ul#examplesessions1, ul#examplesessions2  {
width: 41.5%;
float: left;
text-align: left;
padding: 0 0 0 35px;
list-style-image: url(images/listarrow.gif);
}

ul#examplesessions1 {
margin: 0.5em 10px 0.5em 25px;
}

ul#examplesessions2 {
margin: 0.5em 0 0.5em 0;
}

ul#examplesessions1 li, ul#examplesessions2 li {
margin: 0;
}

ul#testimonials {
font-style: italic;
padding: 0 0 0 35px;
list-style-image: url(images/listbluetalk.gif);
}

ul#testimonials li {
margin: 0;
padding: 0.25em 0
}

ul.nobulletsnopadding {
list-style-type: none;
padding: 0;
}

ul.nobulletsnopadding li {
padding: 0 0 1em 0;
}

ul.onecolumnlist {
list-style-type: none;
padding: 0 0 0 10px;
}

ul.onecolumnlist li {
background: url(images/listarrow.gif) no-repeat top left;
padding: 0 10px 0 20px;
}

ul.twocolumnlist {
padding: 0 0 0 10px;
list-style-type: none;
}


/* The Holly Hack to fix IE6 Peak-A-Boo bug */

/* Hides from IE-mac \*/
* html ul.twocolumnlist, * html ul.onecolumnlist, * html ul#booksavailable, 
* html ul#readysteadyplay {height: 1%;}
/* End hide from IE-mac */

ul.twocolumnlist li {
float: left;
width: 42%;
background: url(images/listarrow.gif) no-repeat top left;
padding: 0 10px 0 20px;
}


ul#booksavailable {
list-style: none;
padding: 0;
font-size: 80%;
}

ul#booksavailable li {
float: left;
width: 47%;
margin: 0 2% 2% 0;
position: relative;
}

ul#booksavailable li a:link, ul#booksavailable li a:visited {
float: left;
display: block;
width: 100%;
height: 100%;
text-decoration: none;
border: solid 1px #ede9d0;
padding-right: 4px;
color: #3c3715;
position: relative;
text-indent: 0;
}

ul#booksavailable li a:hover {
border: solid 1px #dfdab9;
background: #e6e1c5;
}

ul#booksavailable li a:link img, ul#booksavailable li a:visited img {
border: none;
padding: 0;
margin: 5px;
float: left;
}

ul#booksavailable li a:link span, ul#booksavailable li a:visited span {
display: block;
font-weight: bold;
margin: 0.4em 0;
text-indent: 0;
}

ul#readysteadyplay {
list-style: none;
padding: 0;
text-align: center;
}

ul#readysteadyplay li {
float: left;
border-right: Solid 1px #dfdab9;
width: 130px;
}

ul#readysteadyplay li.last {border-right: none;}

ul#readysteadyplay li img {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 3px;
}

ul#otherbooksavailable {
list-style-image: url(images/listarrow.gif);
}

ul#otherbooksavailable li {
padding-bottom: 0.5em;
}

ul#otherbooksavailable li a:link, ul#otherbooksavailable li a:visited {
text-indent: 0;
float: none !important;
display: inline;
}

ul.contactform {
list-style-type: none;
padding: 0 20px 1em 20px;
}

ul.contactform li input {
width: 15em;
background: #f6f3e3;
border: Solid 1px #b9b87f
}

ul.contactform li textarea {
background: #f6f3e3;
border: Solid 1px #b9b87f;
font-family: "Trebuchet MS", Arial, Tahoma, "Lucida Sans", Georgia, Verdana, sans-serif;
font-size: 90%;
}


ul.contactform li.formlabel {
margin-top: 3px;
}

ul.contactform li.formbutton input {
width: 7em;
margin: 5px 0 0 0;
font-family: "Trebuchet MS", Arial, Tahoma, "Lucida Sans", Georgia, Verdana, sans-serif;
font-size: 90%;
}

dl#publications {
margin: 25px 25px 0 25px;
padding: 0 0 1.5em 0;
}

dl#publications dd {
margin: 0 0 1.5em 0;
}

dl.ingredients dt {
font-weight: bold;
}

dl.ingredients dd {
padding: 0;
margin: 0 0 0 10px;
}

dl.articles {
margin: 0.5em 25px 0 25px;
padding: 0;
}

dl.articles dt {
padding: 0;
margin: 0;
}

dl.articles dd {
margin: 0;
padding: 0 0 1.2em 0;
}

dl.simpleboldheading {
padding: 0;
}

dl.simpleboldheading dt {
margin: 0.5em 0 0 0;
padding: 0;
font-weight: bold;
}

dl.simpleboldheading dd {
padding: 0 0 0.5em 0;
margin: 0;
}