/************ Contents ************

01 - BASIC/HTML TAGS
02 - COLOURS
03 - NAVIGATION
04 - STRUCTURE
05 - MAIN CONTENT
06 - FORMS
07 - TABLES
08 - MISC

*/

body {
	margin: 0;
	padding: 0;
	font-size: x-small; /* for IE5/Win */
	font-size: small; /*for compliant browsers*/
	font-family: Arial, Verdana, sans-serif;
	background: #FFFFFF url(../Images/background.gif) repeat top left;
	/*text-align: center;*/ /*margin: auto fix for IE6 - tom: commented out*/
	color:#4F504C;
}
div#box{width: 200px;padding: 20px;margin:0 auto;
    background:#E6E6E6;color:#000}

html>body { /* for Opera */
	font-size: small;
}


/************ Basic/HTML Tags ************/
h1 {
	font-size: 1.25em;
	margin: 0;
	font-weight: bold;
	color: #fff;
}
	
h2 {
	font-size: 120%;
	margin: 0;
	font-weight: bold;
	color: #fff;	
}

h3 {
	font-size: 140%;
	margin: 0;
	font-weight: bold;
	padding: 0;	
}

h4 {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 100%;
}

p {margin: 0;}
	
a {	
	margin: 0;
	padding: 0;
	text-decoration: none;
	color:#4F504C;
}

a:hover {text-decoration: underline;}

ul {
    color: #4f514d;
    list-style: none;
    margin: 0;
    padding: 0;
}

ol {
    color: #7e7e7e;
    font-size: 85%;
}

img {display: block;} /*For IE*/

em {font-style: italic;}
strong {font-weight: bold;}

.clear {clear: both;}
.left {float: left;}
.right {float: right;}

.mini {font-size: 85%;}

a img {border: none;}

.element_hidden{display:none;}


/************ Colours ************/

.red {color: Red;}


/********** Float Styles ************/

div.cleardiv{clear:both;}
.float{float:left;}
.floatright{float:right;}

.inline{display:inline;}


/********** Body Styles ************/

div#page_wrapper{width:1010px; margin:0px auto 0px auto; background-color:#FFFFFF;}


/************ Header ************/

div#header{margin:0px; min-height:80px; height:auto !important; height:66px; padding:14px 0px 10px 0px; width:1010px; background-color:#FFFFFF;}

div#logo{width:191px; height:68px; padding-right:20px; margin-top: 5px;}

div#menu{height:62px; width:615px; padding-right:21px; margin-top:30px; display: inline;}

div#breadcrumb{margin-top:1px; font-size: 11px;}

div#breadcrumb a {text-decoration: none; font-size: 11px;}

.SearchArea {width: 160px; position: relative;}

#SearchBar {width: 160px; position: absolute; top: 12px; right: 0px; }

div#searchtitle{font-size:11px; padding-bottom:4px; text-align: left; font-weight:bold;}
div#searchbox input{width:128px; height:15px; font-size:0.9em;}
div#link{line-height:2em; padding-left:2px; padding-top:1px;}
div.searchfilter{font-size:0.85em; font-weight:bold; margin-top:1px; position: absolute; top: 60px; left: 2px;}
div.searchfilter input{margin-left:0px;}


/************ Menu ************/

ul.menulist li{float:left; display:block; overflow:hidden; padding:0px; margin:0px 2px 2px 0px;}

ul.menulist{padding:0px; margin:0px; list-style:none;}
ul.menulist li a.link{background-position: 0px 0px; overflow:hidden; text-decoration:none; width:121px; height:20px; display:block;}
ul.menulist li a.link:hover, div#menu ul li.active a.link{ background-position: 0px -20px; }
ul.menulist li a.link span{padding-top:50px; display:block;}

ul.menulist li a#nav_home{background-image:url(img/menu/home.gif); width:121px;}
ul.menulist li a#nav_aboutus{background-image:url(img/menu/aboutus.gif); width:121px;}
ul.menulist li a#nav_worship{background-image:url(img/menu/worship.gif); width:121px;}
ul.menulist li a#nav_learning{background-image:url(img/menu/learning.gif); width:121px;}
ul.menulist li a#nav_hospitality{background-image:url(img/menu/hospitality.gif); width:121px;}

ul.menulist li a#nav_music{background-image:url(img/menu/music.gif); width:121px;}
ul.menulist li a#nav_historyheritage{background-image:url(img/menu/historyheritage.gif); width:121px;}
ul.menulist li a#nav_help{background-image:url(img/menu/help.gif); width:121px;}
ul.menulist li a#nav_visitorinfo{background-image:url(img/menu/visitor.gif); width:121px;}
ul.menulist li a#nav_shop{background-image:url(img/menu/shop.gif); width:121px;}

ul#menulist_top{}
ul#menulist_bottom{}


/************ Footer ************/

div#footer{border-top:solid 2px #B6B6B8; margin-top:28px; font-size:0.8em; margin-bottom:10px;}
div#footer, div#footer a{color:#6D6E71;}
div#footer a{display:block; font-weight:bold;}

div#footer div.left, div#footer div.right, .admin{margin-top:3px;}
div#footer div.left{float:left;}
div#footer div.right{float:right;}

div#footer div.left a, .admin a{float:left; margin-right:9px;}
div#footer div.right a{display:inline;}


/************ Menu ************/


/************ Common Styles ************/

.aboutus .title, .aboutus .subtitle, .aboutus .titleimage {background: #b77439;}
.worship .title, .worship .subtitle, .worship .titleimage {background: #762e66;}
.learning .title, .learning .subtitle, .learning .titleimage {background: #4c7840;}
.hospitality .title, .hospitality .subtitle, .hospitality .titleimage {background: #a94c47;}
.music .title, .music .subtitle, .music .titleimage {background: #265e7d;}
.historyheritage .title, .historyheritage .subtitle, .historyheritage .titleimage {background: #5c59a8;}
.help .title, .help .subtitle, .help .titleimage {background: #286e57;}
.visitorinfo .title, .visitorinfo .subtitle, .visitorinfo .titleimage {background: #707051;}
.shop .title, .shop .subtitle , .shop .titleimage {background: #4c467a;}
.home .title, .home .subtitle , .home .titleimage {background: #546065;}
.accessibility .title, .accessibility .subtitle , .accessibility .titleimage {background: #546065;}
body.errorPage .title, body.errorPage .subtitle , body.errorPage .titleimage, 
.terms .title, .terms .subtitle , .terms .titleimage, 
.shopterms .title, .shopterms .subtitle , .shopterms .titleimage {background: #546065;}
.site-credits .title, .site-credits .subtitle , .site-credits .titleimage {background: #546065;}

.title,
.titleimage {
    /*min-height: 26px;
    height: auto !important;
    height: 26px;*/
    padding-left: 8px;
}

.titleimage {
    min-height: 28px;
    height: auto !important;
    height: 28px;
}

.subtitle
{
    min-height: 26px;
    height: auto !important;
    height: 26px;
    padding-left: 8px;
}
    

/************ Secondary Navigation ************/

#subnav {
    width: 189px;
    float: left;
    padding-right: 23px;
}

#subnav li a.SubSectionHyperLink{width:182px;display:block;  clear:both;}
ul.maplinks li {width:165px;}
ul.maplinks li a{width:165px;display:block;  clear:both;}

#subnav .title
{
    width: 181px;
}
#subnav .title a, h1.widemapheader {
    line-height: 1.8em;
    font-size: 1.25em;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

#rightnav .subtitle a {

    color:#FFFFFF;
    font-size:1.1em;
    font-weight:bold;
    line-height:2.05em;
    text-decoration: none;
}

/* First level */

#subnav ul {
    background: #fff;
    float: left;
    clear: left;
}

.aboutus #subnav ul.subNavList li  a.SubSectionHyperLink, .aboutus ul.maplinks li a{background: #ecd9c5;}
.worship #subnav ul.subNavList li  a.SubSectionHyperLink{background: #e7dce5;}
.learning #subnav ul.subNavList li  a.SubSectionHyperLink{background: #dce4d7;}
.hospitality #subnav ul.subNavList li  a.SubSectionHyperLink{background: #EEDFD8;}
.music #subnav ul.subNavList li  a.SubSectionHyperLink{background: #e0e1e9;}
.historyheritage #subnav ul.subNavList li  a.SubSectionHyperLink{background: #dde1f2;}
.help #subnav ul.subNavList li  a.SubSectionHyperLink{background: #e2e6e3;}
.visitorinfo #subnav ul.subNavList li  a.SubSectionHyperLink, .visitorinfo ul.maplinks li a{background: #d2d1c9;}
.shop #subnav ul.subNavList li  a.SubSectionHyperLink{background: #e0dde8;}


#subnav ul li,
#rightnav ul li {
    border-top: 2px solid #fff;
    float: left;
    clear: left;
    width: 189px;
    }

.aboutus #subnav ul.subNavList li.selected a.SubSectionHyperLink{background: #d9b590;}
.worship #subnav ul.subNavList li.selected a.SubSectionHyperLink{background: #cfbbc9;}
.learning #subnav ul.subNavList li.selected a.SubSectionHyperLink{background: #a3b597;}
.hospitality #subnav ul.subNavList li.selected a.SubSectionHyperLink{background: #EEDFD8;}
.music #subnav ul.subNavList li.selected a.SubSectionHyperLink{background: #bac0ce;}
.historyheritage #subnav ul.subNavList li.selected a.SubSectionHyperLink{background: #a6b1db;}
.help #subnav ul.subNavList li.selected a.SubSectionHyperLink{background: #cad1cb;}
.visitorinfo #subnav ul.subNavList li.selected a.SubSectionHyperLink, #rightnav ul li.selected a.SubSectionHyperLink{background: #a9a792;}
.shop #subnav ul.subNavList li.selected a.SubSectionHyperLink{background: #afaac4;}
ul#extralinkslist li.unselected  a.SubSectionHyperLink{background: #C6C6C4;}

.aboutus #subnav ul.subNavList li.selected   a.SubSectionHyperLink, .aboutus #subnav ul.subNavList li   a:hover.SubSectionHyperLink,
.aboutus ul.maplinks li a:hover {background: #d9b590;}
.worship #subnav ul.subNavList li .selected   a.SubSectionHyperLink, .worship #subnav ul.subNavList li    a:hover.SubSectionHyperLink{background: #cfbbc9;}
.learning #subnav ul.subNavList li.selected   a.SubSectionHyperLink, .learning #subnav ul.subNavList li   a:hover.SubSectionHyperLink{background: #a3b597;}
.hospitality #subnav ul.subNavList li.selected   a.SubSectionHyperLink, .hospitality #subnav ul.subNavList li   a:hover.SubSectionHyperLink{background: #debfb4;}
.music #subnav ul.subNavList li.selected   a.SubSectionHyperLink, .music #subnav ul.subNavList li   a:hover.SubSectionHyperLink{background: #bac0ce;}
.historyheritage #subnav ul.subNavList li.selected   a.SubSectionHyperLink, .historyheritage #subnav ul.subNavList li   a:hover.SubSectionHyperLink{background: #a6b1db;}
.help #subnav ul.subNavList li.selected   a.SubSectionHyperLink, .help #subnav ul.subNavList li   a:hover.SubSectionHyperLink{background: #cad1cb;}
.visitorinfo #subnav ul.subNavList li.selected   a.SubSectionHyperLink, .visitorinfo #subnav ul.subNavList li   a:hover.SubSectionHyperLink,
.visitorinfo ul.maplinks li a:hover {background: #a9a792;}
.shop #subnav ul.subNavList li.selected   a.SubSectionHyperLink, .shop #subnav ul.subNavList li   a:hover.SubSectionHyperLink{background: #afaac4;}
ul#auxilarylist li.unselected div:hover{background: #979795; cursor:pointer;}
ul#extralinkslist li a{background:#c6c6c4;}
ul#extralinkslist li a:hover, ul#extralinkslist li a.selected{background:#979795; cursor:pointer;}
div#extranavlinks{}

#subnav ul li a, ul.maplinks li a span{
    color: #4f514d;
    padding: 4px 0 4px 7px;
    font-size: 85%;
    display: block;
}
.visitorinfo ul.maplinks li.selected a{background:#A9A792; cursor:pointer;}

.aboutus ul.maplinks li.selected a{background:#D9B590; cursor:pointer;}

#subnav ul{margin-bottom: 25px;}
#subnav ul ul {margin-bottom: 0;}
#subnav ul li.selected a, #rightnav ul li.selected div {color: #fff;}

/* Second level */

#subnav ul li div ul {
    background: #fff;
    padding: 3px 0;
}

.aboutus #subnav ul li ul li,
.worship #subnav ul li ul li,
.learning #subnav ul li ul li,
.hospitality #subnav ul li ul li,
.music #subnav ul li ul li,
.historyheritage #subnav ul li ul li,
.help #subnav ul li ul li,
.visitorinfo #subnav ul li ul li, 
.shop #subnav ul li ul li {background: #fff;}

#subnav ul li ul li {
    border: none;
}

#subnav ul li ul li a {
    padding: 2px 0 2px 14px;
}

#subnav ul li ul li.subselected a {
    font-weight: bold;
    background: #fff url(img/selected.gif) no-repeat 4px 7px;
}

#subnav ul li.selected ul li a {
    color: #4f514d;
}

/*#subnav ul li b {float: left; width: 100%;}*/
#subnav ul li b {background: #aaa;}
#subnav ul li ul li b {display: none;}

/************ Main Content ************/

#content {
    width: 612px;
    float: left;
}


/************ Right Hand Navigation ************/

#rightnav{
    width: 165px;
    float: right;
}
#rightnav ul li{width: 165px;}

#rightnav .title{margin-bottom: 5px; display: block; width: 158px;}
#rightnav .linktitle{font-size: 1.1em;	font-weight: bold;}
#rightnav .event{margin-bottom:5px;}


#rightnav .title span {
    line-height: 2.05em;
    font-size: 1.1em;
	font-weight: bold;
	color: #fff;
}

#rightnav .title span a{color: #fff;}


/************ Auxilary Master Page ************/

#auxpage{margin-left:212px; float:left; padding-right:21px; width:615px;}
#auxpage h1{color:#4F504C;}

/************ Maps Right Links *****************/
#rightnav ul li div{ cursor:pointer;}
div.broderers-extra-text{float:left;padding-top:20px;padding-left:5px; font-size: 0.8em;}


/************ Page Buttons ************/
div.page-button{height:24px; width:200px; padding:5px 0px 5px 5px; margin-bottom:5px;}

.aboutus div.page-button{background: #b77439;}
.worship div.page-button {background: #762e66;}
.learning div.page-button {background: #4c7840;}
.hospitality div.page-button {background: #a94c47;}
.music div.page-button {background: #265e7d;}
.historyheritage div.page-button {background: #5c59a8;}
.help div.page-button{background: #286e57;}
.visitorinfo div.page-button {background: #707051;}


#content div.page-button a, #content .pagebodytext div.page-button a{color:#fff; overflow:hidden;}

.mapstyle{ width:795px; border:1px solid #B9B7A7;}


/*****Textresizing*****************/

#divTextSize
{
    font-size: 13px;
    margin-left: 50px;
}


.TextText
{
    float: left;
    margin: 6px 6px 0 0;
    font-size: 11px;
}

#divTextSize a
{
    color: #FFF;
    padding: 2px 4px;
    text-decoration:none;
    vertical-align: bottom;
    background-color: #c4c4c2;
}

#divTextSize a.SelectedA
{
    color: #FFF;
    padding: 2px 4px;
    text-decoration:none;
    vertical-align: bottom;
    background-color: #545f65;
}
    

#divTextSize a:hover
{
    background-color: #545f65;
}

.TSsmall
{
    font-size: 8px;
}

#divTextSize a.TSmedium
{
    font-size: 10px;    
}

#divTextSize a.TSlarge
{
    font-size: 14px;
}