@font-face {
	font-family: 'OptimaRegular';
	src: url('../fonts/optima-regular.eot');
	src: local('☺'), url('../fonts/optima-regular.woff') format('woff'), url('../fonts/optima-regular.ttf') format('truetype'), url('../fonts/optima-regular.svg#') format('svg');
}

* {
margin:0px;
padding:0px;
}

html {overflow:scroll;}

html, body {
height:100%;
}

body {
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 62.5%;
background: url(../images/background.png);
color:#000000;
}

img {border:0px;display:block;}
img.border{border:1px solid #888;}
img.inline {display:inline;}

.clear {clear: both;}

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

.clear-block {display: inline-block;}

img.alignright {float:right;margin:0px 0px 0px 15px;}
img.alignleft {float:left;margin:0px 15px 5px 0px;}
img.alignleft2 {float:left;margin:0px 15px 5px 0px;}

.left {float:left;margin:0px 15px 10px 0px;}
.right {float:right;margin:0px 0px 10px 15px;}

em {font-style:italic;}

strong {font-weight:bold;}
strong.price {color:#d21f37;}

pre {font-size:13px;}

q,cite {
font-size: 13px;
line-height:20px;
margin: 0px 0px 0px 0px;
color:#31312f;
font-weight:bold;
display:block;
font-style:normal;
}

sup, sub {
height: 0;
line-height: 1;
vertical-align: baseline;
position: relative;
}

sup {bottom: 1ex;}
sub {top: .5ex;}
hr {display:none;}
acronym, abbr {
border-bottom: none;
cursor:help;
}

span.hide {display:none;}

#atff {display: none;}

.wrapper {
position:relative;
margin: 0px 0px 0px 0px;
min-height:100%;
background: url(../images/repeat.png) repeat-y left;
}

.bookmark {
background:url(../images/bookmark.png) no-repeat top;
width:56px;
height:556px;
position:absolute;
left:45px;
top:31px;
}

.header {
/*width:1006px;*/
height:219px; 
background: url(../images/header.png) no-repeat top left;
}

.blockHeader {
margin: 0px 0px 0px 108px;
width:765px;
position:relative;
}

.navbar {
display: block;
width: auto;
margin: 0px 0px 0px 0px;
position:absolute;
left:0px;
top:190px;
font-family:'OptimaRegular', Arial, Helvetica, Sans-Serif;

}

.navbar li {
float:left;
list-style: none;
margin:0px 0px 0px 0px;
border-right:1px solid #fff;
height:10px;
}

.navbar li.last {border:0px}

.navbar li a {
display: block;
text-decoration: none;
height: 29px;
color:#fff;
font-size:1.3em;
font-weight:normal;
text-align:center;
line-height:29px;
margin:-10px 0px 0px 0px;
padding: 0px 10px 0px 10px;
}
.navbar li.first a {padding: 0px 10px 0px 0px;}

#home .navbar li a.home,
#about .navbar li a.about,
#trust .navbar li a.trust,
#library .navbar li a.library,
#who .navbar li a.who,
#occasional .navbar li a.occasional,
#contact .navbar li a.contact,
#catalogue .navbar li a.catalogue,
#resources .navbar li a.teaching-resources,
.navbar li a:hover {
/*background:#fff;*/
color:#c8c8c8;
}

a.logo {
position:absolute;
background:url(../images/logo.png) no-repeat top;
display:block;
width:145px;
height:115px;
/*text-indent:-100000000px;*/
left:297px;
top:45px;
}

.addthis {
position:absolute;
left:auto;
right:0px;
top:51px;
}

.addthis a {
color:#fff;
text-decoration:none;
font-size:1.2em;
background:#E3003D;
padding:5px 10px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

.addthis a:hover {
color:#E3003D;
background:#fff;
}


.blockContent {
/*margin: 26px 0px 0px 108px;*/
padding: 16px 0px 0px 100px;
width:773px;
position:relative;
min-height:350px;
}

h1 {
color:#e3003d;
font-size:2.8em;
font-weight:normal;
font-family:'OptimaRegular', Arial, Helvetica, Sans-Serif;
margin:-5px 0px 5px 0px;
padding:0px 0px 0px 0px;
}

h2 {
color:#e3003d;
font-size:2em;
font-weight:normal;
font-family:'OptimaRegular', Arial, Helvetica, Sans-Serif;
margin:5px 0px 10px 0px;
padding:0px 0px 0px 0px;
clear:both;
}

h3 {
color:#e3003d;
font-size:1.6em;
font-weight:normal;
font-family:'OptimaRegular', Arial, Helvetica, Sans-Serif;
margin:5px 0px 5px 0px;
padding:0px 0px 0px 0px;
clear:both;
}

.leftColumn {
float:left;
width:239px;
margin: 0px 27px 0px 0px;
}

.leftColumn img {
display:block;
margin: 0px 0px 0px 8px;
}

.rightColumn {
width:507px;
float:left;
padding:0px 0px 10px 0px;
}

.rightColumn p {
font-size:1.2em;
margin: 0px 0px 10px 0px;
line-height:1.5em;
}

.rightColumn ul, .rightColumn ol {
font-size:1.2em;
margin: 0px 0px 10px 20px;
line-height:1.5em;
}

.rightColumn li {
margin: 0px 0px 5px 0px;
}

.rightColumn a {
color:#e3003d;
text-decoration:none;
}

.rightColumn a:hover {text-decoration:underline;}

.caption p {
/*display:block;*/
font-size:0.9em;
line-height:1.4em;
font-style:italic;
margin: 0px 0px 0px 0px;
}

a.searchLibrary,
a.bursaries,
a.parish-teaching,
a.bec  {
display:block;
width:239px;
height:61px;
background:url(../images/bec.png) no-repeat top;
text-align:center;
padding:10px 0px 0px 0px;
margin: 10px 0px 0px 5px;
text-indent:-100000000px;
}

a.bursaries  {background:url(../images/bursaries.png) no-repeat top;margin: 0px 0px 0px 5px;/*height:61px;*/;}
a.parish-teaching  {background:url(../images/parish-teaching.png) no-repeat top;margin: 0px 0px 10px 5px;height:60px;text-indent:0px;color:#fff;font-family:'OptimaRegular', Arial, Helvetica, Sans-Serif;font-size:1.8em;text-decoration:none;padding:13px 0px 0px 0px;}
a.searchLibrary  {background:url(../images/searchLibrary.png) no-repeat top;width:241px;height:35px;margin: 0px 0px 0px 5px;}

.subjectCategory {
background:url(../images/subjectCategory.png) no-repeat top;
margin: 0px 0px 0px 5px;
width:239px;
height:43px;
padding:10px 0px 0px 0px;
text-indent:-100000000px;
display:block;
}

.searchBox {
background:url(../images/backgroundBoxSearch.png) no-repeat top;
width:239px;
height:51px;
padding:10px 0px 0px 0px;
margin: 0px 0px 0px 5px;
}

a.teaching {
display:block;
width:239px;
height:81px;
background:url(../images/teaching.png) no-repeat top;
text-align:center;
padding:18px 0px 0px 0px;
margin: 5px 0px 0px 5px;
text-indent:-100000000px;
}

a.bec:focus, a.teaching:focus, a.bursaries:focus,a.searchLibrary:focus {outline:none;}

a.occasionalLogo {
background:url(../images/jbct-occasional-papers.png) no-repeat top;
display:block;
width:128px;
height:128px;
float:left;
}

.detailsOccasional {
float:left;
width:379px;
}

.pdfBlock {
margin: 20px 0px 15px 0px;
width:100%;
/*border-bottom: 1px solid #666;*/
}

.footer {
background:url(../images/footer.png) no-repeat top;
width:765px;
height:74px;
margin: 0px 0px 0px 108px;
position:relative;
color: #d30032;
}

.footer a {
color:#d30032;
text-decoration:none;
}

.footer a:hover {text-decoration:underline;}

.submenu {
position:absolute;
top:35px;
left:20px;
font-size:1em;
}

.copyright {
position:absolute;
top:30px;
left:auto;
right:20px;
font-size:1em;
}


#form {
padding: 0px 0px 0px 0px;
margin-bottom:20px;
}


#form label {
font-size: 1.2em;
color:#393939;
font-weight:bold;
height:25px;
float:left;
position:relative;
width:75px;
margin: 0px 15px 0px 0px;
padding: 5px 8px 0px 0px;
}

#form .formRow {
padding: 15px 0px 0px 0px;
clear: both;
display: block;
}
#form .field {
float:left;
padding: 0px 0px 0px 0px;
font-size:1.2em;
color:#888888;
}

#form .field2 {font-size:1.2em;}


#form input.txtField {
width:370px;
height:19px;
padding: 3px 0px 0px 0px;
font-size:1.1em;
font-family: Arial,Helvetica,Verdana, Sans-Serif;
background:#f4f4f4;
border:1px solid #e0dedf;
}


#form textarea {
width:370px;
height:150px;
border: 1px solid #a5acb2;
font-size:1.1em;
font-family: Arial,Helvetica,Verdana, Sans-Serif;
background:#f4f4f4;
border:1px solid #e0dedf;
}

#form select {
width:370px;
height:22px;
background:#f4f4f4;
font-size:1.1em;
border:1px solid #e0dedf;
font-family: Arial,Helvetica,Verdana, Sans-Serif;
}

input.submitButton {
background:url("../images/submit.png") no-repeat top;
color:#fff;
cursor:pointer;
font-size:1.1em;
width:113px;
padding:6px 0px 5px 0px;
border:2px solid #fff;
box-shadow: 0px 0px 8px #999;
-webkit-box-shadow: 0px 0px 8px #999;
-moz-box-shadow: 0px 0px 8px #999;
}

#apply-bursary label {width:165px;margin: 0px 5px 0px 0px;}
#apply-bursary input.txtField {width:310px;}
#apply-bursary textarea {width:310px;}
#apply-bursary select {width:310px;}


#apply-bursary textarea.fullWidth {width:100%;}

#apply-bursary label.fullWidth {
width:100%;
float:none;
display:block;
margin :0px 0px 10px 0px;
padding :0px 0px 0px 0px;
height:auto;
}

fieldset {
border:0px;
position:relative;
margin: 20px 0px 10px 0px;
}

div.legend { /* Text and background colour, blue on light gray */
color:#e3003d;
font-size:1.8em;
margin: 0px 0px 10px 0px;
/*display:block;*/
}

p.error {
color:#D30032;
font-weight:bold;
margin:5px 0px 0px 0px;
font-size:1.3em;
}
div.error {font-size:1em;color:#D30032;font-weight:bold;}

/*SEARCH LIBRARY*/
#searchLibrary {
}

.sfield {
float:left;
/*width:160px;*/
background:url(../images/search.png) no-repeat 0px 0px;
width:148px;
height:22px;
z-index:1000;
margin:5px 0px 0px 16px;
}

#searchLibrary input#search {
width: 123px;
height:15px;
margin: 2px 0px 0px 3px;
padding: 3px 0px 0px 3px;
font-size:1em;
border:0px;
background:url(../images/repeatsearch.png) repeat-x;
float:left;
color:#7f7f7f;
}

#searchLibrary input#search:focus {outline: none;}

#searchLibrary button {
background:transparent none repeat scroll 0 0;
border:medium none;
font-family:Arial,Helvetica,sans-serif;
height:20px;
line-height:20px;
width:17px;
cursor:pointer;
margin: 4px 0px 0px 0px;
float:left;
}


.searchBox label {
display:block;
color:#fff;
float:right;
font-size:1.3em;
padding:7px 14px 0px 0px;
/*width:;*/
}

.catMenu {
list-style:none;
margin:0px 0px 0px 10px;
}

.catMenu li {
padding:0px 0px 10px 0px;
border-bottom:1px dashed #e00035;
margin:0px 0px 5px 0px;
}

.catMenu a {
color:#e00035;
font-size:1.4em;
text-decoration:none;
font-weight:bold;
}

.subNav {
list-style:none;
}
.subNav li {
margin:5px 0px 5px 0px;
border-bottom:0px;	
padding:0px 0px 0px 0px;
}

.subNav a {
font-size:1.1em;
color:#000;
}

.panel {
border-bottom:1px dashed #e00035;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
}

.panel:first-child {
border-top:1px dashed #e00035;
}

.panel h3 {font-size:2em;margin:5px 0px 10px 0px;}
.panel strong {color:#e00035;}
.panel p {margin:0px 0px 5px 0px;}

/**********************************/
/**********OVERLAY*****************/
/**********************************/
/* the large image. we use a gray border around it */

/* "next image" and "prev image" links */
.next, .prev {
/* absolute positioning relative to the overlay */
position:absolute;
top:40%;	
border:1px solid #666;	
cursor:pointer;
display:block;
padding:10px 20px;
color:#fff;
font-size:11px;

/* upcoming CSS3 features */
-moz-border-radius:5px;
-webkit-border-radius:5px;	
}

.prev {
left:0;
border-left:0;
}

.next {
right:0;
border-right:0;	
}

.next:hover, .prev:hover {
text-decoration:underline;
background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
visibility:hidden;		
}
/* the "information box" */
.info {
position:absolute;
bottom:0;
left:0;	
padding:10px 15px;
color:#fff;
font-size:11px;
border-top:1px solid #666;
}

.info strong {display:block;}

/* progress indicator (animated gif). should be initially hidden */
.progress {
position:absolute;
top:45%;
left:50%;
display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
background:#333 !important;
background:rgba(0, 0, 0, 0.6) url(../images/h80.png) repeat-x;		
}

div.simple_overlay div.close, div.simple_overlay2 div.close {
background:url(../images/close.png) no-repeat;
position:absolute;
top:-20px;
right:-20px; 
width:35px;
height:35px;
cursor:pointer;
}


.simple_overlay, .simple_overlay2  {
display:none;	
background-color:#333;
width:800px;	
min-height:200px;
/*  border:1px solid #666;*/	
/* place overlay on top of other elements */
/* styling */
border:1px solid #666;
z-index:100000000000000000000;
/* CSS3 styling for latest browsers */
-moz-box-shadow:0 0 90px 5px #000;
-webkit-box-shadow: 0 0 90px #000;
}

.simple_overlay2 {
background-color:#fff;
padding:20px;
width:580px;
}