body { font: 16px/22px "Georgia", "Calibri", Arial, Verdana, sans-serif; padding: 0px; margin: 0px; background: url('../img/masthead-bg.gif') repeat-x top left; }
a { outline: none; border: 0; }
a:link, a:hover, a:visited { text-decoration: none; color: #000; }
h1, h2, h3 { padding: 0px; margin: 0px; }
div { margin: 0px; padding: 0px; display: block; text-align: justify; }
.AjaxHide { display: none; padding: 5px; }
.Selected { display: block; }
.Flash { display: none; }
.NoText { display: none; }
.Hide { display: none; }
img { border: none; }
.Panel ul li h2 { padding-bottom: 0; }

#Container { padding: 0px 0px 0px 0px; margin: 0px auto 0px auto; clear: both; }

/* INTRO */
#Intro { width: 920px; height: 132px; clear: both; position: relative; margin: 0 auto; padding: 20px 0 20px 0; }
#Intro h1#Intro-Text { font-size: 35px; line-height: 38px; height: 132px; width: 920px; }
#Intro h1#Intro-Text span { background: transparent url('../img/what-gives-anyone.gif') no-repeat center top;}
#Intro-Copy { width: 920px; clear: both; position: relative; margin: 0 auto; }
#Intro h1#Participate-Text { font-size: 35px; line-height: 38px; height: 132px; width: 920px; }
#Intro h1#Participate-Text span { background: transparent url('../img/participate.gif') no-repeat center top;}
#Intro h1#Creed-Text { font-size: 35px; line-height: 38px; height: 132px; width: 920px; }
#Intro h1#Creed-Text span { background: transparent url('../img/creed.gif') no-repeat center top;}
#Intro h1#Who-Text { font-size: 35px; line-height: 38px; height: 132px; width: 920px; }
#Intro h1#Who-Text span { background: transparent url('../img/who.gif') no-repeat center top;}
#Intro h1#Contact-Text { font-size: 35px; line-height: 38px; height: 132px; width: 920px; }
#Intro h1#Contact-Text span { background: transparent url('../img/contact.gif') no-repeat center top;}
#Intro h1#Privacy-Text { font-size: 35px; line-height: 38px; height: 132px; width: 920px; }
#Intro h1#Privacy-Text span { background: transparent url('../img/privacy.gif') no-repeat center top;}

#Intro h1#book-hdr { font-size: 35px; line-height: 38px; height: 132px; width: 920px; }
#Intro h1#book-hdr span { background: transparent url('../img/book.gif') no-repeat left top;}

#Intro h1#freereports-hdr { font-size: 35px; line-height: 38px; height: 138px; width: 920px; }
#Intro h1#freereports-hdr span { background: transparent url('../img/freereports.gif') no-repeat left top;}

/* MASTHEAD */
#Masthead { width: 920px; height: 74px; clear: both; position: relative; margin: 0 auto; }
#Logo { position: absolute; left: 0px; top: 0px; z-index: 1; }

/* CONTENT */
#Content { width: 920px; height: 100%; clear: both; margin: 0 auto; }
#ContentLeft { width: 700px; float: left; padding-right: 30px; padding-bottom: 22px; }
#ContentRight { width: 170px; float: right; }
.Area1 { line-height: 22px; }
.Area2 { color: #67777e; }
/*.Quote-Left { width: 220px; float: left; border-top: 1px solid #cd5f2e; border-bottom: 1px solid #cd5f2e; }*/
blockquote { padding: 30px; background: url('../img/open-quote.gif') 5px 30px no-repeat; width: 220px; float: left; border-top: 1px solid #cd5f2e; border-bottom: 1px solid #cd5f2e; margin: 0.5em 20px 1em 0; color: #cd5f2e; font-weight: bold; line-height: 20px; text-align: left; }
blockquote.right { padding: 30px; background: url('../img/open-quote.gif') 5px 30px no-repeat; width: 220px; float: right; border-top: 1px solid #cd5f2e; border-bottom: 1px solid #cd5f2e; margin: 0.5em 0 1em 20px; color: #cd5f2e; font-weight: bold; line-height: 20px; text-align: left; }
blockquote img { position: absolute; }
.Quotee {  font-size: 10px; color: #000; text-transform: uppercase; font-family: arial, verdana; font-weight: normal; }
#Send-Friend { background: #3e3531; width: 170px; height: 158px; }
#Register-Interest { background: #cd5f2e; width: 170px; height: 60px; }
li { padding-bottom: 15px; }
#Book-Cover { width: 328px; height: 505px; float: left; }
#Peter { width: 199px; height: 242px; float: left; }

#ContentLeft p {
	margin: 0 0 1em;	
}

/* FOOTER */
#Footer-Container { padding: 0px 0px 0px 0px; margin: 0px auto 0px auto; clear: both; background: #e1dfde; }
#Footer { width: 920px; height: 74px; clear: both; position: relative; margin: 0 auto; }
#Footer-Back-Arrow { width: 23px; height: 74px; float: left; }
#Footer-Back { width: 327px; float: left; margin-left: 10px; margin-top: 25px; }
#Footer-Next { width: 327px; float: left; margin-right: 10px; margin-top: 25px; text-align: right; }
#Footer-Next-Arrow { width: 23px; height: 74px; float: left;}
#Footer-Margin { width: 30px; height: 74px; float: left; }
#Footer-ESB { width: 170px; float: left; padding-top: 22px; }

/* STYLE */
.Panel h1, .Panel h2, .Panel h3 { padding-bottom: 20px; }
.Panel ul { padding: 0px; margin: 5px 0px 5px 28px; }
.Panel .Left { float: left; }
.Panel a:link, .Panel a:visited { color: #0065ac; text-decoration: underline; }
.Panel a:hover { color: #ff4f00; }
.Panel ul { margin-bottom: 1em; }
.Panel ul li { color: #E74F00; list-style: square; line-height: 22px; padding-bottom: 0.5em; }
.Panel img.NoBorder { border: none; } /* This is used to remove the border */
.Panel h1, .Panel h2, .Panel h3 { color: #cd5f2e; font-size: 32px; font-weight: normal; line-height: 24px }
.Panel h1 { padding-top: 20px;}
.Panel h2 { text-transform: uppercase; font-size: 16px; color: #000000; }
.Footer-Text-Nav { color: #3e3531; }
a.Footer-Text-Nav:link { text-decoration: none; color: #3e3531; }
a.Footer-Text-Nav:active { text-decoration: none; color: #3e3531; }
a.Footer-Text-Nav:visited { text-decoration: none; color: #cd5f2e; }
a.Footer-Text-Nav:hover { text-decoration: none; color: #cd5f2e; }
.Footer-Text { font-size: 11px; line-height: 13px; color: #88807c; }
a.Footer-Text:link { text-decoration: none; color: #88807c; }
a.Footer-Text:active { text-decoration: none; color: #88807c; }
a.Footer-Text:visited { text-decoration: none; color: #88807c; }
a.Footer-Text:hover { text-decoration: underline; color: #cd5f2e; }

/* MAIN NAVIGATION */

#main-navigation {
	width: 629px;
	height: 43px;
	margin-top: 15px;
	float: right;
}

#main-navigation ul {
	width: 100%;
	height: 43px;
	padding: 0;
	margin: 0;
}

#main-navigation ul li {
	display: block;
	float: left;
	list-style: none;
	text-align: center;
	padding: 0;
	margin: 0;
}

#main-navigation ul li.spacer {
	width: 15px;
	height: 43px;
	background: #3e3531 url('../img/btn-spacer.gif') center center;
}

#main-navigation ul li a {
	display: block;
	height: 43px;
	color: #fff;
}

#main-navigation ul li a span {
	background-position: 0 -14px;
}

#main-navigation ul li a.intro { width: 90px; }
#main-navigation ul li a.intro span { background-image: url('../img/btn-intro.gif'); }

#main-navigation ul li a.book { width: 44px; }
#main-navigation ul li a.book span { background-image: url('../img/btn-book.gif'); }

#main-navigation ul li a.creed { width: 157px; }
#main-navigation ul li a.creed span { background-image: url('../img/btn-creed.gif'); }

#main-navigation ul li a.who { width: 51px; }
#main-navigation ul li a.who span { background-image: url('../img/btn-who.gif'); }

#main-navigation ul li a.free { width: 95px; }
#main-navigation ul li a.free span { background-image: url('../img/btn-freereport.gif'); }

#main-navigation ul li a.contact { width: 62px; }
#main-navigation ul li a.contact span { background-image: url('../img/btn-contact.gif'); }

#main-navigation ul li a.blog { width: 40px; }
#main-navigation ul li a.blog span { background-image: url('../img/btn-blog.gif'); }

#main-navigation ul li a:hover span {
	background-position: 0 -88px;
}

#main-navigation ul li a:hover {
	background-color: #524843;
}

/* --------------------------------------
	File download specific styles
-------------------------------------- */

body.file-download {
	padding: 0 10px;
}

body.file-download div {
	text-align: left;
}

body.file-download #popup-content {

}

body.file-download a,
body.file-download a:visited {
	color: #0065AC;
	text-decoration: underline;
}

body.file-download a:hover {
	text-decoration: none;
}

body.file-download span.name {
	text-transform: capitalize;
}

body.file-download a.pdf-download,
body.file-download a.pdf-download:visited {
	display: block;
	position: relative;
	width: 311px;
	height: 120px;
	background: #cd5f2e url('../img/pdf-download.gif') left top no-repeat;
	color: #cd5f2f;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 1em;
}

body.file-download a.pdf-download:hover {
	text-decoration: underline;
}

body.file-download a.pdf-download span {
	display: block;
	position: absolute;
	top: 58px;
	left: 89px;
}


/* --------------------------------------
	Documents list specific styles
-------------------------------------- */

.document {
	padding: 10px 20px 10px 10px;
	background-color: #E1DFDE;
	margin: 0 0 10px 0;
	width: 670px;
}

.document h2 {
	padding-bottom: 0;
	margin-bottom: 7px;
}

.document p {
	font-size: 1em;
	line-height: 1.2em;
}

.document .doc-thumb {
	float: left;
	margin-right: 10px;
	width: 110px;
}

.document .doc-info {
	float: right;
	width: 550px;
}



/* ACCESSIBLE IMAGE REPLACEMENT */

.image-replaced {
	position: relative;
	overflow: hidden;
}

a.image-replaced
{
	cursor: hand;
}

.image-replaced span{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
}

/* --------------------------------------
   Clear Fix
-------------------------------------- */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
	display: inline-block;
}

.accessability, .accessibility {
	position: absolute !important;
	top: -1000em !important;
	left: -1000em !important;
}

.print-only { display: none; height: 0px; }

@media print {
* { background: none; background-color: transparent; }
blockquote img { display: none; }
blockquote { quotes: "\201C" "\201D"; }
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }
#Logo img { display: none; }
a, a:visited { color: #000!important; text-decoration: none!important; }
#Send-Friend { display: none; }
.print-only { display: block; height: auto; color: #3e3531; font-size: 24px; font-weight: normal; }
#main-navigation { display: none; }
}