/* colour palette */

.pray-for-col { color: #77c300; }
.work-for-col { color:  #00b3c3; }
.work-alongside-col { color:  #002ec3; }
.watch-col { color: #a000bd; }
.talk-col { color: #c30017; }
.hospitality-col { color: #ff5a00; }
.preventing-col { color: #beae00; }



html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section, menu,
time, mark, audio, video {
        margin:0;
        padding:0;
        border:0;
        outline:0;
        font-size:100%;
        vertical-align:baseline;
        background:transparent;
}
body {
        line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
        display:block;
}

nav ul, ul#nav {
        list-style:none;
}

blockquote, q {
        quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
        content:'';
        content:none;
}

a {
        margin:0;
        padding:0;
        border:0;
        font-size:100%;
        vertical-align:baseline;
        background:transparent;
        text-decoration: none;
}

ins {
        background-color:#ff9;
        color:#000;
        text-decoration:none;
}

mark {
        background-color:#ff9;
        color:#000;
        font-style:italic;
        font-weight:bold;
}

del {
        text-decoration: line-through;
}

abbr[title], dfn[title] {
        border-bottom:1px dotted #000;
        cursor:help;
}

table {
        border-collapse:collapse;
        border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
        vertical-align:middle;
}

/******* begin styles ********/

#container {
	position: relative;
	width: 1066px;
	height: 900px;
	margin: 0 auto;
	background: url(../images/bg-main.jpg) no-repeat;
}

#header {
	width: 1066px;
	height: 155px;
	display: block;
	background: url(../images/bg-header.jpg) no-repeat;
}

#main {
	position: relative;
	width: 100%; /* Needed for IE 6 */
	height: 645px;
	background: url(../images/bg-content.jpg) 205px 0 no-repeat;
}

#secondarycontent {
	position: absolute;
	width: 205px;
	top: 0;
	bottom: 0;
	left: 0; /* Needed for IE */
}

#primarycontent {
	margin-left: 240px;
	padding: 29px 95px 10px 140px;
}

a, a:visited {
	cursor: pointer;
	color: #005d2b;
}

a:hover, a:focus { color: #8c9421;}

body {
	background: black;
	font: 14px/1.28em "Myriad Pro", Avant Garde, Tahoma, sans-serif;
}

h1#logo a {
	display: block;
	text-indent: -9999em;
	width: 280px;
	height: 155px;
	position: relative;
	left: 670px;
	background: url(../images/logo-trans.png) 0 0 no-repeat;
}

p {
	margin-bottom: 0.8em;
}

ul#intro {
	font-weight: bold;
	font-style: italic;
	margin-bottom: 0.7em;
	list-style-position: outside;
	position: relative;
	left: 16px;
}

#primarycontent img.home-pic {
	margin-left: -151px;
}

p#use-menu {
	position: absolute;
	width: 110px;
	font-size: 11px;
	color: #aaa;
	left: 232px;
	top: 170px;
	line-height: 1.2em;
}
p#use-menu:hover { color: black;}

img.pdf {
	position: relative;
	top: 4px;
	padding-left: 4px;
	padding-right: 12px;
}
img.blank {
	position: relative;
	padding-right: 12px;
}

#buttons {
	width: 294px;
	height: 294px;
	position: absolute;
	top: -147px;
	left: 60px;
	z-index: 888;
}

#notice {
	width: 150px;
	position: absolute;
	color: #666;
	font-size: 12px;
	bottom: 0;
	left: 40px;
	text-align: right;
}
#notice a, #notice a:visited {color: #999;} #notice a:hover, #notice a:focus {color: olive;}



/******* NAV STYLES ********/
ul#nav {
	display: block;
	position: absolute;
	left: 62px;
	top: 149px;
	width: 164px;
}
ul#nav li {
	text-align: right;
	background: url(../images/divider-trans.png) no-repeat;
	width: 164px;
	height: 55px;
}

ul#nav a {
	color: white;
	text-decoration: none;
	padding-top: 16px;
	height: 41px;
	width: 144px;
	display: block;
	top: 2px;
}

ul#nav a:hover {
	background: url(../images/button-highlight-trans.png) left center no-repeat;
}

/**/

/******* NAV STYLES ********/
div#menu-container {
	position: absolute;
	left: 0;
	top: 0;
	width: 294px;
	height: 294px;
	background: url(../images/bg-menu-trans.png) no-repeat;
	display: none;
}
ul#menu {
	width: 128px;
	height: 166px;
	list-style: none;
	position: absolute;
	top: 63px;
	left: 82px;
}

ul#menu a, ul#menu a span{
	display:block;
	width:128px;
	height:22px;
	position:relative;
	overflow: hidden;
	margin-bottom: 2px;
}

ul#menu a span {
	width: 256px;
	height: 166px;
	text-indent: -9999em;
	background: url(../images/sprite-menu.jpg) 0 0 no-repeat;
}

/**/

#pray span{ top: 0; left: 0;}
#pray:hover { background-position: 0 0; }
#pray:hover span, #pray span.active { left:-128px; }
#pray:active span, #pray:focus span{ top: 0; left: 0px; }

#work-for span{ top: -24px; left: 0;}
#work-for:hover { background-position: 0 0; }
#work-for:hover span, #work-for span.active { top: -24px; left:-128px; }
#work-for:active span, #work-for:focus span{ top: -24px;left: 0px; }

#work-alongside span{ top: -48px; left: 0;}
#work-alongside:hover { background-position: 0 0; }
#work-alongside:hover span, #work-alongside span.active {top: -48px; left:-128px; }
#work-alongside:active span, #work-alongside:focus span{top: -48px; left: 0px; }

#watch-and-listen span{ top: -72px; left: 0;}
#watch-and-listen:hover { background-position: 0 0; }
#watch-and-listen:hover span, #watch-and-listen span.active { top: -72px; left:-128px; }
#watch-and-listen:active span, #watch-and-listen:focus span{top: -72px; left: 0px; }

#talk-to span{ top: -96px; left: 0;}
#talk-to:hover { background-position: 0 0; }
#talk-to:hover span, #talk-to span.active { top: -96px; left:-128px; }
#talk-to:active span, #talk-to:focus span{top: -96px; left: 0px; }

#hospitality span{ top: -120px; left: 0;}
#hospitality:hover { background-position: 0 0; }
#hospitality:hover span, #hospitality span.active {top: -120px; left:-128px; }
#hospitality:active span, #hospitality:focus span{top: -120px; left: 0px; }

#preventing span{ top: -144px; left: 0;}
#preventing:hover { background-position: 0 0; }
#preventing:hover span, #preventing span.active {top: -144px; left:-128px; }
#preventing:active span, #preventing:focus span{top: -144px; left: 0px; }


/**/

/** Page Styles **/

h2 { margin: 0 0 18px -160px; font-size: 35px; padding-top: 4px; letter-spacing: 1px;}

div#primarycontent.scheme-pages {
	padding-left: 300px;
}

#contact-container { width:550px; height: 300px; display: block; text-align: center; padding: 25px;}
#contact-container h2 { margin: 0 0 22px; padding: 20px 0 10px 0; color: white; border-bottom: 1px solid #555; background: olive;}
#contact-container p { font-size: 17px; line-height: 25px;}
#contact-container p.extra-text { font-size: 12px; line-height: 15px;}

body#pray-for-page div#buttons {background: url(../images/page-1-trans.png) no-repeat;}
body#work-for-page div#buttons {background: url(../images/page-2-trans.png) no-repeat;}
body#work-alongside-page div#buttons {background: url(../images/page-3-trans.png) no-repeat;}
body#watch-page div#buttons {background: url(../images/page-4-trans.png) no-repeat;}
body#talk-page div#buttons {background: url(../images/page-5-trans.png) no-repeat;}
body#hospitality-page div#buttons {background: url(../images/page-6-trans.png) no-repeat;}
body#preventing-page div#buttons {background: url(../images/page-7-trans.png) no-repeat;}


div#img { 
	position: absolute;
	width: 286px;
	height: 485px;
	left: 229px;
	top: 86px;
}

div#img p {
	position: absolute;
	top: 485px;
	left: 0;
	font-size: 12px;
	line-height: 15px;
}

body#pray-for-page div#img {background: url(../images/img-pray.jpg) no-repeat;}
body#work-for-page div#img {background: url(../images/img-work-for.jpg) no-repeat;}
body#work-alongside-page div#img {background: url(../images/img-work-alongside.jpg) no-repeat;}
body#watch-page div#img {background: url(../images/img-watch.jpg) no-repeat;}
body#talk-page div#img {background: url(../images/img-talk.jpg) no-repeat;}
body#hospitality-page div#img {background: url(../images/img-hospitality.jpg) no-repeat;}
body#preventing-page div#img {background: url(../images/img-preventing.jpg) no-repeat;}

body#pray-for-page #primarycontent a { color: #77c300; }
body#work-for-page #primarycontent a { color:  #00b3c3; }
body#work-alongside-page #primarycontent a { color:  #002ec3; }
body#watch-page #primarycontent a { color: #a000bd; }
body#talk-page #primarycontent a  { color: #c30017; }
body#hospitality-page #primarycontent a { color: #ff5a00; }
body#preventing-page #primarycontent a { color: #beae00; }



/** IE FIXES **/

#ie7 ul#menu { left: 66px;}
#ie7 ul#nav { left: 25px;}
#ie7 ul#nav li {
	text-align: right;
	background: url(../images/divider-trans.png) right top no-repeat;
	width: 164px;
	height: 55px;
}

#ie6 ul#menu { left: 66px;}
#ie6 ul#nav { left: 25px;}
#ie6 img.pdf {
	position: relative;
	top: 4px;
	padding: 0;
}
#ie6 ul#nav a:hover {
	background: url(../images/button-highlight-trans.png) left center no-repeat;
}