@import 'reset.css';

body 
{
    background: #bcc4ca;
    color: #fff;
    font: 75% Lucida Sans, Arial, Georgia;
    padding: 0px;
    margin : 0px;
	text-align: center;
}

h1
{
    font-size: 2em;
    color : #fff;
    margin:0;
    padding:0;
}

h2 
{
    font-size:1.2em;
    margin:0 0 14px 0;
}

h3
{
	font-size: 1.4em;
	margin: 4px 0;
}
h4
{
	font-weight: bold;
	font-size: 1.1em;
}

p 
{
    margin:8px 0;
}

a, a:visited, a:active , a:link
{
    color:#a02720;
    text-decoration: none;
}

a:focus 
{
    text-decoration: underline;}

a:hover 
{
    text-decoration: none;
}

em
{
    font-style:italic;
}

div#print 
{
    float:right;
    margin-right:96px;
    zoom:1;
    display:inline;
}

div#print a
{
    background: transparent url(/images/print.gif) no-repeat;
    color:#7c7c7c;
    padding:0 0 0 25px;
}

.r
{
	text-align: right;
}
.c
{
	text-align: center;
}
strong
{
	font-weight: bold;
}


table
{
	background-color: #fff;
	color: #000;
	height: 0;
	width: 100%;
}
table th
{
	background-color: #ccc;
	padding: 5px;
	font-weight: bold;
}
table td
{
	padding: 5px;
	vertical-align: top;
}
table td.rowHeading, table td.rownHeading
{
	font-weight: bold;
	width: 220px;
}
table caption
{
	color: #fff;
	background-color: #A02720;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
}
/* Page Title */
p.title
{
	font-size: 1.4em;
}
.welcomebig
{
	font-size: 1.6em;
}
.required
{
	color: #f00;
}

/* Main layout styles */

div.content
{
    clear:both;
    background: transparent url(/images/shadowright.gif) 960px 0 repeat-y;

}

div#wrapper 
{
    width:970px;
	margin:20px auto;
	text-align: left;
}

div.utility ul
{
    display:block;  
    padding:8px 0 8px 0; 
    color:#000;   
    margin:0;
    float:left;
	font-weight:400;
}

div.utility ul li
{
    float:left;
    list-style:none outside none;
    padding:0 5px 0 0;
}

div.utility ul li a,
 div.utility ul li a:visited
{
    color:#000;   
    font-size:1em;
}
div.utility ul li.address
{
    color:#6A797F;
}


div.utility ul#accessibility li
{
    padding:0 4px;
}

ul.fonts,
ul.links
{
    margin-top:3px !important;
}

#bodyWrapper
{
	background-color: #fff;
	color: #000;
	width: 960px;
}
#leftColumn
{
	width: 200px;
	float: left;
}

#mainAdminArea
{
	background-color: #fff;
	line-height: 1.6em;
	padding: 5px;
	float: left;
	width: 740px;
}

.adminMenu
{
	margin: 0 auto;
}
.adminMenu h4
{
	color: #fff;
	background-color: #A02720;
	padding: 5px;
	text-align: center;
}
.adminMenuList li
{
	display: block;
	width: 31%;
	text-align: center;
	float: left;
	padding: 1%;
}
.adminTable caption
{
	color: #fff;
	background-color: #A02720;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
}
.adminTable td a
{
	text-decoration: underline;
}
.adminTable td a:hover
{
	text-decoration: none;
}

.showBorders
{
	border-collapse: collapse;
}
.showBorders th
{
	text-align: center;
}
.showBorders td, .showBorders th
{
	border: 1px solid #ccc;
}

.noPadding
{
padding: 0;
}
.subHeadingSection
{
	background-color: #ccc;
	font-weight: bold;
}

#mainArea
{
	width: 555px;
	float: left;
	background-color: #fff;
	line-height: 1.6em;
}
#mainArea a
{
	text-decoration: underline;
}
#mainArea h1
{
	font-size: 1.6em;
	color: #000;
	padding: 10px 0;
}
#mainArea h3
{
	margin-top: 10px;
}
#mainArea .homepagePicture
{
	width: 275px;
	font-size: 0.6em;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
#mainArea .homepagePicture img
{
	width: 275px;
}
#mainArea .homepagePicture .caption
{
	width: 275px;
	display: block;
}
#rightColumn
{
	width: 200px;
	float: right;

}
.rightColumnWidth
{
	width: 180px;
	margin: 10px auto;
	background-color: #D9E2E8;
}.leftColumnWidth
{
	width: 180px;
	margin: 10px auto;
}
.clear
{
clear: both;
}
#refer
{
	width: 160px;
	padding: 10px;
	margin-top: 10px;
}


/* HEADER */
div#header 
{
    clear:both;

    width:960px;
    border:none !important;
}

div#header .topbar
{
    background-color:#000;   
    height:60px;
}

div#header .MenuBar
{
    background-color:#a02720;
    padding:12px 0px 14px 20px;
	color: #fff;
}
div#header .MenuBar a
{
	color: #fff;
}

div#header #logo  {

}

div#header #logo img 
{
    padding:0 5px 5px 0;
    top: 0;
	float: right;
}

div#header h1 
{
	color:#fff !important;
    padding:5px 0px 2px 20px;
	margin-right: 350px;

}
div#header h2 
{
	color:#fff !important;
    padding:5px 0px 2px 20px;
	margin-right: 350px;

}

select#quickLinks
{
    float:left;
}

div#searchBox
{
    float:right;
    padding-right:18px;
}

div#searchBox input {
	background-color: #504e4e;
	color: #ffffff;
	border: solid 1px #000;
	font-size: 0.8em;
	padding: 1px 0;
}

div#searchBox .tbox
{
    background: #fff url(/images/search.gif) no-repeat 0.2em 0.1em;
    padding:2px 0 0 18px;
    width:142px;
    float:left;
    margin-right:3px;
    font-size:1em;
	color: #000;
}


/* Product Section */
#productDetails
{
	border: 1px dotted #000;
	padding: 5px;
}
#productList table td
{
	vertical-align: top;
	padding: 5px;
	border-bottom: 2px solid #ccc;
}
.productListImage
{
	width: 110px;
}
.productListSelect
{
	text-align: right;
}
.productImage
{
	float: right;
}
.productImage img
{
	width: 200px;
}
.productListTitle
{
	width: 200px;
}
.productPrice
{
	color: Red;
	display: block;
}
.addProduct
{
	clear: both;
	padding: 5px;
	text-align: center;
}
/* End of Product Section */

/* Basket Section */
#basket table td
{
	border-bottom: 2px solid #ccc;
}
#basket table th
{
	background-color: #ccc;
	padding: 4px;
	font-weight: bold;
}
td.billingSection
{
	background-color: #a02720;
	padding: 5px;
	color: #fff;
}
td.billingSection a
{
	color: #fff;
}
/* End Basket Section */

div.contactMember
{
	clear: both;
	margin: 5px 0;
}
div.contactMemberImage
{
	width: 110px;
	float: left;
}
div.contactMemberName
{
	width: 150px;
	float: left;
}
div.contactMemberDetails
{
	width: 208px;
	float: left;
}


/* Search Section */
.searchNavSection
{
	margin-bottom: 10px;
	height: 30px;
}
.searchNav input
{
	float: right;
	margin-left: 10px;
}
.searchItem
{
	border: 3px solid #ccc;
	margin-bottom: 5px;
	padding: 5px;
}
.searchItem h3
{
	font-size: 14px;
	padding: 0;
	margin-top: 0 !Important;
}

/* Obituaries */
.obitItem
{
	border-bottom: 2px solid #000;
	padding: 5px;
	margin-bottom: 10px;
}
.obitItem h3
{
	margin: 0 !important;
}
.obitItem .degree
{
	font-style: italic;
}
.deceased_notes
{

}

/*Bullet styles */
div.core ul li
{
    list-style:none;
    list-style-position:inside;
}

div.core ul li ul
{
    margin:0 0 0 10px !important;
}

div.core ul li ul li
{
    list-style:none url(/images/bullet-dash.gif) inside;
    margin-left:5px;
}

/* HOME PAGE CONTENT */
div#homeleft
{
	clear:both;
	position:absolute;
	top:103px;
	zoom:1;
}

div#homeright
{
    float:left;
	position:absolute;
	top:93px;
	left:158px;
	zoom:1;
}

div#homeright .mainstory 
{   
    clear:both;
    font-family:Georgia, Lucida Sans, Arial; 
    padding:55px 0 0 38px;   
    width:27em;
}

div#homeright .mainstory h1
{
    font-weight:normal;
    font-size:5em;
    line-height:1em;
	color: #fff; /* edited by AJS to stop a_dark_red h1 editor title overriding white color */
}

div#homeright .mainstory p ,
div#homeright .mainstory a
{
    font-size:1.167em;  
   /* color:#fff;  */
    margin-bottom:8px;
    font-weight:normal;
}

div#homeright .mainstory p a,
div#homeright .mainstory p a:visited,
div#homeright .mainstory p a:hover
{
    color:#000;
    text-decoration:underline;
}

/* NEWS */
div#homeright .newswrapper
{
    float:left;
    width:300px;
    height:150px;
    position:absolute;
    top:375px;
    left:37px;
	z-index:100 !important;
}

div#homeright .newswrapper .transparency
{
    position:absolute;
    z-index:1;
} 

/* EVENTS */
div#homeright .eventswrapper
{
    float:left;
    width:150px;
    height:150px;
    position:absolute;
    top:375px; 
    left:343px;
}

div#homeright .eventswrapper .transparency
{
    width:150px;
    height:150px;
    position:absolute;
    z-index:1;
}

/* added by AJS Natasha's update for light and dark text styling */

div#homeright .mainstory h1.Light
{
	color:#fff;
}

div#homeright .mainstory p.Light a
{
	color:#fff!important;
	text-decoration: none;
	font-size: 0.9em;
}

div#homeright .mainstory h1.Dark
{
	color:#000;
}

div#homeright .mainstory p.Dark a
{
	color:#000;
	text-decoration: none;
	font-size: 0.9em;
}



/* end of homepage styling light and dark text update */


.news,
.events
{
    position:relative;
    z-index:10;
    padding:10px;
    font-weight:normal;
}

.story
{
    position:relative;
}

div#homeright .news .left,
div#homeright .news .right 
{
    float:left;   
    width:130px;
}

div#homeright .news .left 
{
    padding-right:10px;
}

div#homeright .news .right
{
    background:transparent url(/images/vertical-divider.gif) repeat-y;
    padding-left:10px;
	height:100px;
	min-height: 100px;
	margin-bottom: 10px;
}

div#homeright .news span,
div#homeright .events span 
{
    /* font-weight:normal; */
    line-height:1.2em;
}

div#homeright .news h2,
div#homeright .events h2
{
	color: #fff;
}

div#homeright .story p,
div#homeright .events p
{
    font-size:1em;
    margin-bottom:10px;
    line-height:1.2em;
}
div#homeright .news a.rss 
{
    position:relative;
    margin-top:-30px;
    float:right;
    color:#fff;
    padding-left:18px;
    background: url(/rss.gif) no-repeat 0 1px;
}


/* BACKGROUND IMAGE */
div#homeimage
{
height:541px;
}


/*End home page content */
.top
{
    display:inline;
}


div#maincontent
{
    background-color:#fff;
    color:#000;
    width:960px;
    padding:17px 0 70px 0;
    overflow:auto;
}
div#maincontent div.left
{
    clear:both;
    float:left;
    margin-left:20px;
	width:191px;
}

div#maincontent div.right
{
    float:left;
    width:195px;
    /*background:#D9E2E8;*/
    /*padding:9px;*/
    margin:0 0 7px 30px;
    zoom:1;
}

div#maincontent div.righttop, div.rightmiddle, div.rightbottom {
	background:#D9E2E8;
    padding:9px;
	margin: 7px 0 0 0;
}

div#maincontent div.right h2
{
    border-bottom:solid 1px #fff;
    padding-bottom:4px;
    margin:0;
	color:#A02720;
}

div#maincontent div.right h3
{
    margin-top:12px;
}

div#maincontent div.right ul
{
    font-weight:normal;
    padding-top:10px
}

div#maincontent div.right p
{
    font-weight:normal;
}

div#maincontent div.right a
{
    color:#808284;
	text-decoration:underline;
}

/*core page */
div.centre
{
    font-weight:normal;
    white-space:normal;
    width:502px;
    float:left;
    zoom:1;
	line-height:1.6em;
}

div.centre.wide
{
    width:700px;
}

div.centre img
{
    margin: 0 15px 15px 0;
    float:left;
}

div.centre.course img
{
    margin: 0 0 15px 0 !important;
}

div.centre.course ul
{
    float:left;
    margin:15px 0 0 0;
}

div.centre ul.col2
{
    margin-left:25px;
}

div.centre ul li
{
    padding:2px 0 2px 10px;
    background:transparent url(/images/bulletred.gif) 0 7px no-repeat;
}

div.centre ul li a
{
    color:#A02720;
    font-weight:400;
}

div.coursenav ul
{
    width:238px;
}

div.coursenav ul li a
{
    font-weight:bold !important;
}
div.centre h1
{
    color:#000;
    font-size:1.7em;
    margin-bottom:17px;
}

div.centre a 
{
    color:#A02720;
	text-decoration:underline;
}

/* FOOTER */
div#footer
{
	clear:both;
    width:960px;
    background:transparent url(/images/shadowbottom.gif) 0 0 repeat-x;
    padding-top:10px;
    padding-bottom:5px;
	margin-top:-2px;
}

div#footer .utility ul
{
    float:left;
    margin:0;
    padding:0;
}

div#footer .utility a 
{
    color:#000;
    float:left;
	font-size:1em;
}

.footerDetails
{
float: right;
text-align: right;
color: #6A797F;
}
.footerDetails li { padding: 2px;}
.footerLinks
{ 
clear: right;
color: #6A797F;
text-align: center;
}
.footerLinks ul
{ 

}
.footerLinks li
{
	display: inline;
}

.tableInfo
{
	padding: 10px 0;
	font-weight: bold;
}

/* Edited by AJS
Tabbed containers */

.holder {width:500px; margin:5px; padding:1em; border:1px solid #ddd;}
.holder h2 {text-align:left;}
a.hid {color:#000; text-decoration:none; outline-style:none;}
a.hid em {display:none;}
a.hid:hover {text-decoration:none;}
a.hid:active, a.hid:focus {background:#fff;}
a.hid:active span, a.hid:focus span {display:none;}
a.hid:active em, a.hid:focus em {display:block; color:#555; width:100%; font-style:normal; cursor:default;}

/* end of tabbed containers styling */

/* Pseudo delicious tag cloud styling */

#delicious a:hover {text-decoration: underline;}

#delicious ul {list-style-type: none; margin: 0; padding: 0;}

#delicious li {display: inline; margin: 0; padding: 0;}

#delicious .footer {font-size: 12px;}
#delicious .footer a:visited {color: blue;}

#delicious .small {font-size: 14px;}
#delicious a:link.small, #delicious a:visited.small {color: #a05120;text-decoration: none;}
#delicious a:hover.small {text-decoration: underline;}

#delicious .smaller {font-size: 10px;}
#delicious a:link.smaller, #delicious a:visited.smaller {color: #20a067;text-decoration: none;}
#delicious a:hover.smaller {text-decoration: underline;}

#delicious .big {font-size: 18px;}
#delicious a:link.big, #delicious a:visited.big {color: #606060;text-decoration: none;}
#delicious a:hover.big {text-decoration: underline;}

#delicious .bigger {font-size: 22px;}
#delicious a:link.bigger, #delicious a:visited.bigger {color: #000000;text-decoration: none;}
#delicious a:hover.bigger {text-decoration: underline;}

/* end of delicious tag cloud styling */

/* Event styling added by AJS */

/* Main Events Calendar Style */
 .eventCalendar  {font-size: 1em; padding:3px; width:700px;}
 /* Month Section */
 .eventMonth   {background-color:#EFEFEF; border:1px solid #A9A9A9; padding:0px; vertical-align:top; width:21%;}
 .eventMonthTitle {background-color:#C6C4C4; color: #656565; padding:3px; text-align:center;}
 .eventMonthContent {height:auto; overflow:auto; border-top:1px solid #A9A9A9; padding-left:3px;}
 .eventItem   {margin-top:2px; margin-bottom:2px;}
 /* Details Section */
 .eventArea    {background-color:#EFEFEF; border:1px solid #A9A9A9; padding:0px; vertical-align:top; width:37%;}
 .eventDetails  {margin:7px;}
 .eventHeader  {margin-bottom:4px;}
 /* Key Section */
 .eventFooter  {background-color:#EFEFEF; border:1px solid #A9A9A9;}
 .eventList   {list-style-type:none; margin-top:0px; margin-bottom:0px;}
 .eventKey   {float:left; margin-left:-10px;}  
 /* 'eventTypes' defined in 'Site Optons' above */
 .eventKeyDefault {color:gray; text-decoration:none;}
 .eventKeyConcertProgramme{color:red; text-decoration:none;}
 .eventKeyFullListOfEvents {color:blue; text-decoration:none;}
 .eventKeyPublicAndInauguralLectures {color:green; text-decoration:none;}
 .eventKeyTrade  {color:magenta; text-decoration:none;}
 .eventKeyOther  {color:cyan; text-decoration:none;}

/* end of events calendar styling */








/* MAIN NAVIGATION */


/* styling for home page */

ul#mainnav  
{
    float:left;
    margin:38px 0 0 15px;
    border-top:dotted 1px #fff;
}

ul#mainnav li
{
    border-bottom:dotted 1px #fff;
    padding:3px 0;
    width:157px;
	font-weight:400;
}

/* end of styling for homepage */

#leftnav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#leftnav ul li a {
	color: #333333;
	width: 175px;
	text-decoration: none;
	display: block;
	padding:3px;
	margin:0;
	border-top: dotted 1px #000;
	font-weight:normal;	
	/* background:url(../../images/bullet.gif) 4px center no-repeat #fff; */
}

#leftnav ul ul li a {
	width: 148px !important;
	padding-left:15px;
	/* font-size:90%; */
	/* background-position:20px center; */
}

#leftnav ul ul ul li a {
	width: 133px !important;
	padding-left:30px;
	background-position:40px center;
}

#leftnav li a:hover {
	/* color: #ffffff;
	background-color: #8ebadf;
	width: 159px; */
	background-color: #D9E2E8;
	text-decoration: underline;
}

 #leftnav .hot a {
 	background-color: #D9E2E8;

} 

#leftnav .hot li a {
	background-color: #FFFFFF;
}

#leftnav h3
{
	margin: 10px 3px 3px;
}

/* #leftnav li li a:hover {
}

#leftnav li li li a:hover {
}

#leftnav li li {
}

#leftnav li li li {
} */


/* Domation */
.donation, .loginSection
{
	width: 175px;
	margin: 10px auto;
	text-align: center;
}

.button
{
	margin: 4px 0;
}


/* breadcrumbs */
ul#breadcrumbs
{
    float:left;
    color:#7C7C7C;
    background-color:#fff;
    margin:0;    
    margin-left: 210px;
    zoom:1;
    display:inline;

}

ul#breadcrumbs li
{
    float:left;
    color:#7C7C7C;
    background-color:#fff;
    padding-bottom:17px !important;
    background:none !important;
    padding-right:2px;
}

ul#breadcrumbs li a
{
    color:#7C7C7C !important;
}


/* Tabs */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 11px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
color: #ffffff;
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a {
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #ffffff;
background-color: #d8dad9;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #ffffff;
background-color: #377fb9;
}

.selected li {
position: relative;
top: 1px;
background-color: #ffffff;
color: #000000;
}

.shadetabs li.selected a{ /*selected main tab style */
background-color: #FFFFFF;
border-bottom-color: white;
color: #000000;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontentstyle{ /*style of tab content container*/
border: 1px solid gray;
width: 520px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

.headers {
display: none;
}

@media print {
.tabcontent {
display:block!important;
}

.shadetabs {display: none;}

.headers {
display: block;
}