body {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:0.8em;
	text-align:left;
}

#wrapper {
	position:relative;
	width:639px;
	text-align:left;
}

.search {position:relative;}
.search a.advsearch {position:absolute; top:40px; right:70px; color:#000; font-weight:bold;}
.search label span {width:100px; padding-left:10px;}

h1 {display:block; background-image:url(../Images/main_header_speaker.gif); background-position:top left; background-repeat:no-repeat; background-color:#343464; color:#fff; padding:10px; text-indent:-9999px; width:100%; min-height:103px; _height:103px; margin:0px; padding:0px;}
h1 .strapline {font-size:70%; color:#C78B08;text-indent:-9999px;}
h1 br.strapline {text-indent:-9999px; display:none;} /* This is defined to resolve bug where strapline appears following br - we will show the <br /> for print stylesheet, etc */

#mainnav {margin:0px; padding:0px; text-align:center; font-size:90%;}
#mainnav ul {color:#4A4A77; /*color:#c78B08;*/ font-weight:bold; list-style:none; margin:0px; padding:0px;}
#mainnav ul li {display:inline; background-image:url(../Images/navbar/2_dots_for_navbar.gif); background-repeat:no-repeat; background-position:top right; margin:0px; padding:0px 10px 0px 10px;}
#mainnav ul li a {color:#4A4A77; text-decoration:none;}
#mainnav ul li a:hover {background-color:#000; color:#fff;}
#mainnav ul li.last {background-image:none;}

h2 {background-image:url(../Images/bg-top-right.gif); background-repeat:no-repeat; background-position:top right; background-color:#323266; color:#fff; font-size:100%; font-weight:normal; width:100%; margin-top:0px; padding-top:5px; padding-bottom:5px;}
h2 em {background-image:url(../Images/bg-top-left.gif); background-repeat:no-repeat; background-position:top left; font-weight:bold; font-style:normal; margin:0px; padding:5px 0px 0px 10px; min-height:15px; _height:15px;} /* em is used as the design currently makes the first part of a heading, etc (ie - "Latest Reviews") have an emphasis (ie - "Latest" currently appears in bold. This also, this gives us a handy hook for one of the corner images */
h2.alt {margin-bottom:2px;}
h2 a {color:#fff;}
h3 {font-size:100%;}
h4 {font-size:90%;}

a {color:#000; font-weight:bold;}
a:hover {background-color:#000; color:#fff;}

#content {float:left; margin-bottom:15px;}
#content h3 {font-size:90%; margin-left:10px; margin-right:10px;}
#content p {margin-left:10px; margin-right:10px;}

#home #content {width:400px;}/*only used on the home page - used to contain the reviews section and to aid floating of the journals section to the right */
#home .latest, #home .popular {float:left; position:relative; width:400px; margin: 0px 0px 10px 0px;}
.latest, .popular {float:left; position:relative; margin: 0px 0px 10px 0px;}


.review {position:relative; margin:0px; padding-left:100px;}
.review span.date {color:#f93; font-weight:bold; position:absolute; top:0px; left:0px; _left:-110px; margin:0px; padding:0px;}
.review p {margin:-15px 0px 0px 0px; padding:0px; border-left:1px solid #f93; padding-left:10px;}
.review h3 {color:#000; font-size:100%; margin-bottom:0px; padding:0px; border-left:1px solid #f93; padding-left:10px;}
.see_all {position:absolute; top:0px; right:0px;}
.see_all img {border:none;}

.journals {float:right; width:220px; margin-bottom:20px; font-size:95%;}
.journals ul {position:relative; margin:0px 5px 0px 20px; padding:0px; color:#000;}
.journals ul li {list-style-image:url(../Images/soap_box_bullet.gif); margin:0px 0px 7px 0px; padding:0px 50px 0px 0px;}
.journals ul li a {color:#000; font-weight:bold;}
.journals ul li a:hover {color:#fff; font-weight:bold;}
.journals ul li a img {border:none; position:absolute; right:0px;}

.review_info {position:relative;}
.review_info table {color:#fff; text-align:left; width:100%;}
.review_info table tr {background-color:#323266; vertical-align:top; border-bottom:1px solid #fff;}
.review_info table tr.rev_by, .review_info table tr.rev_in {background-color:#454585;}
.review_info table th {font-weight:bold; padding:3px 5px; margin:0px; width:140px;}
.review_info table th.rev_of {background-image:url(../Images/bg-top-left.gif); background-repeat:no-repeat; background-position:top left;}
.review_info table td {padding:3px 25px 3px 3px; margin:0px;} /*right padding used to ensure that text doesn't flow behind arrow image */
.review_info a {color:#fff;}
.review_info .see_all {position:absolute; top:1px; right:0px;}
.review_info .see_all img {border:none; border-right:2px solid #fff; _border-right:1px solid #fff;}/* border cancelled to stop default blue border showing - then use border-right to correct positioning issue caused by table border */

form.print {text-align:right; margin-right:10px;}

.hide {overflow: hidden; width: 0px; position: absolute; height: 0px;}
#content p.editors {background-color:#454585; color:#fff; margin-left:0px; margin:0px; padding:2px 10px;}
.cover {float:left; margin:20px 40px 100px 10px;}
ul.journal_links {margin-left:170px;}
ul.journal_links li {list-style-image:url(../Images/arrow.gif);}

blockquote {font-style:italic;}

form {margin:0px 0px 10px 0px; padding:0px;}
fieldset {margin:0px; padding:0px; border:none;}
legend {background-image:url(../Images/bg-top-right.gif); background-repeat:no-repeat; background-position:top right; background-color:#323266; color:#fff; font-size:100%; font-weight:normal; width:100%; margin:0px 0px 10px 0px; padding-top:5px; padding-bottom:5px;  _padding-right:0px; }
legend em {background-image:url(../Images/bg-top-left.gif); background-repeat:no-repeat; background-position:top left; font-weight:bold; font-style:normal; margin:0px 0px 0px -2px; _margin:0px 0px 0px 0px; padding:5px 0px 0px 10px; min-height:15px; _height:15px;} /* em is used as the design currently makes the first part of a heading, etc (ie - "Latest Reviews") have an emphasis (ie - "Latest" currently appears in bold. This also, this gives us a handy hook for one of the corner images */
label span {float:left; width:140px;}
form br {clear:both;}
input {border:1px solid #ccc;}
input.wide {width:220px;}
.button {background-color:#4A4A77; color:#fff;}
.submit {margin-left:200px;}

#footer {clear:both; width:100%; margin:0px; padding:0px; text-align:center; font-size:90%; background-color:#336;}
#footer ul {list-style:none; margin:0px; padding:5px; color:#fff; background-image:url(../Images/bg-footer.gif); background-repeat:no-repeat; background-position:bottom left;}
#footer ul li {display:inline; background-image:url(../Images/navbar/footerdots.gif); background-repeat:no-repeat; background-position:top right; margin:0px; padding:0px 10px 0px 10px;}
#footer ul li a {color:#fff; text-decoration:none;}
#footer ul li a:hover {background-color:#000; color:#fff;}
#footer ul li.last {background-image:none;}
.policies {background-color:#fff; margin:0px; padding:10px;}
.policies a {color:#666666;}
.policies a:hover {color:#000; text-decoration:underline;}