body {background-image: url('../images/banner1.jpg');
background-repeat: repeat-x;
margin:12px 20px;
padding:0 0 0 0;
font-size: 95%;
font-family: verdana, georgia, times, "times new roman", serif;
background-color:#ffffff;}

#container {min-width:720px;
margin: 120px auto 0px auto;
background-color: #ffffff;
border: 0px none;
padding-bottom: 1em;}

#hnavigation {padding: 5px 1px 1px 1px;
font: bold 12px Verdana, sans-serif;
margin-top: 5px;
text-align: center;}

#hnavigation li {list-style: none;
margin: 0;
border-top: 0;
display: inline;}

#hnavigation li a {padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #AAB;
background: #CCD;
text-decoration: none;}

#hnavigation li a:link {color: #448;}

#hnavigation li a:visited {color: #667;}

#hnavigation li a:hover {border-color: #6FF;
color: #FFF;
background: #332;}

#subnavlist {padding: 1px 1px 1px 1px;
margin:0;
text-align: center;}

#subnavlist li {list-style: none;
margin: 0;
border-top: 0;
display: inline;
font-size: 10px;
font-weight: bold;
font-style: italic;}

#subnavlist li a {padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #AAB;
background: #ececec;
text-decoration: none;}

#leftnav {float: left;
width: 150px;
margin: 0;
padding: 10px 20px 20px 20px;}

#leftnav p {margin: 0 0 1em 40px;}

#rightnav {float: right;
width: 150px;
margin: 0px 0 0 20px;
line-height: 150%;
font-size:.75em;}

#rightnav p {margin: 0 0 1em 40px;}

#rightnav ul {list-style-type:none;}

#rightnav ul li {margin-top: 4px;}

#maincontent {margin: 0em 160px 0em 165px;
  padding: 10px 10px 10px 10px;
  line-height: 150%;
  font-size:.8em;
  text-align: justify;
  background: #fcfefe url(../images/bg.png) repeat-x;}

/* This block of code is used to replace maincontent with different visual changes ------ 

#maincontent_gradient {margin: 0em 160px 0em 165px;
  padding: 10px 10px 10px 10px;
  line-height: 150%;
  font-size:.8em;
  text-align: justify;
  background: #fff url(../images/bg.png) repeat-x;}

#maincontent_grey {margin: 0em 160px 0em 165px;
padding: 10px 10px 10px 10px;
line-height: 150%;
font-size:.8em;
text-align: justify;
background-color: #ececec;}

end of holding code  -----   */

div.main_content {margin: 0em 160px 0em 160px;
padding: 10px 10px 10px 10px;
line-height: 150%;
font-size:.8em;
text-align: justify;
background-color: #ececec;}

#main_content_hidden {margin: 0em 130px 0em 150px;
padding: 10px 10px 10px 10px;
line-height: 150%;
font-size:.8em;
text-align: justify;
background-color: #ececec;}

#valid {margin: 0em 130px 0em 150px;
padding: 0px 10px 10px 10px;
line-height: 150%;
font-size: .8em;
background-color: #ffffff;}

p.valid {font-size: 120%;
text-align: center;
line-height: 150%;}

#maincontent h2 {font-size:1.2em;
color:#036;
font-weight:normal;
margin-top: 2em;
margin-left: 0em;
margin-bottom: 1em;
margin-right: 0em;
padding-top: 8px;
border-bottom: 2px #000000 solid;
padding-bottom: .5em;}

#maincontent h3 {font-size: 1.1em;
margin-left: 3em;
margin-bottom: .5em;
margin-right: 0em;
border-bottom: 2px #000000 none;
font-family: Verdana, Helvetica, Arial, sans-serif;}

.table {font-family: verdana;
font-size: 1em;
border: 1px none;
padding-right: 3em;}

.table td, .table th {font-family: verdana;
font-size: 1em;
border: 1px none;
padding-right: 0em;}

.table1 {font-family: verdana;
font-size: 1em;
border: 1px solid;
padding-right: 3em;}

.table1 td, .table1 th {font-family: verdana;
font-size: 1em;
border: 1px #24272a none;
padding-right: 0em;
border-top: #000000 none;
border-bottom: 1px #000000 solid;
border-right: none;
border-left: none;}

.news {font-family: verdana;
font-size: 1em;
border: 2px solid #00B035;}

#centredtext {font-family: Verdana, "Trebuchet MS", "Times New Roman", serif;
text-align: justify;
margin-top: 0px;
margin-left: 20px;
margin-bottom: 0px;
margin-right: 20px;}

#directory {margin: 0 10px 0 150px;
padding: 1em 0px 1em 0px;
font-size:.75em;}

#directory li {list-style: none;
margin: 0;
display: inline;}

td.contactDept {background-color: #99CCCC;
border: 1px #000000 solid;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: #404040;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px;}

table.contacts {width: 580px;
background-color: #fafafa;
border: 1px #000000 solid;
border-collapse: collapse;
border-spacing: 0px;}

td.contact {border-bottom: 1px #6699CC dotted;
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: .7em;
color: #404040;
background-color: #ececec;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px;}

td.valid {border-bottom: 1px #6699CC dotted;
text-align: center;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: .7em;
color: #404040;
background-color: #ffffff;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px;}

#valid li {display: inline;
list-style-type: none;
padding-right: 20px;}

#footer {clear:both;
text-align:right;
margin: 0;
color: #333;
background-color: #b4ffa1;
border-top: 1px solid gray;
font-size:.75em;
padding: .5em;}

#footer ul {padding:0;
margin:0;}

#footer li {display:inline;
margin-right: 1em;}

p.bold {font-weight: bold;
font-size: 1em;
color: #87a9c4;}

/* LOWER NAVIGATION BUTTONS */

/* NAVIGATION BUTTONS */

.menu {height: 120px;
width: 460px;
margin-left: 250px;
margin-bottom: 30px;}

.cssnav {position:relative;
float: left;
margin: 2px;
padding: 0;
font-family: arial, helvetica, sans-serif;
background: url('overbtn.jpg') no-repeat;
width: 211px;
height: 44px;
overflow:hidden;
/* for ie to hide extra height*/}

.cssnav a {display: block;
color: #000000;
font-size: 12px;
width: 211px;
height: 44px;
display: block;
float: left;
color: white;
text-decoration: none;
overflow:hidden;
/* for ie to hide extra height*/}

.cssnav a:hover {color: #ffffff;}

.cssnav img {width: 211px;
height: 44px;
border: 0;}

* html a:hover {visibility:visible}

.cssnav a:hover img {visibility:hidden}

.cssnav span {position: absolute;
left: 30px;
top: 15px;
text-align: center;
width: 150px;
cursor: pointer;}

/* END OF NAVIGATION */

/* END OF LOWER NAVIGATION */

/* PLANNING NAVIGATION BAR ADDED 20080113 */

#navColumn {float : left;
width : 230px;
padding : 0;
margin : 10px 0 10px 0;
font-family : Georgia, serif;
font-size : 12px;
text-align : left;}

#mainColumn {float : right;
width : 580px;
padding-left : 10px;
margin : 0;
border-left : 1px solid #ccc;
font-family : Georgia, serif;
font-size : 12px;
text-align : left;}

.mainCopy {width : 580px;
padding : 0;
margin : 0;}

.clear {height : 0;
width : 0;
line-height : 0;
clear : both;
font-size : 0;}

#navbar {width : 230px;
margin-bottom : 10px;
padding : 0;
border-bottom : 1px solid #eee;}

#navbar ul {margin : 0;
padding : 0;}

#navbar li {margin : 0;
padding : 3px 10px 3px 10px;
list-style-type : none;}

#navbar a {font-family : Georgia, serif;
font-size : 13px;
margin : 0;
padding : 0;}

#navbar a:link {color : #3a3836;
text-decoration : none;}

#navbar a:visited {color : #3a3836;
text-decoration : none;}

#navbar a:active {color : #3a3836;
text-decoration : none;}

#navbar ul {margin : 0;
padding : 0;}

#navbar li {margin : 0;
padding : 5px 10px 5px 20px;
list-style-type : none;}

/* END OF PLANNING NAVIGATION BAR ADDED 20080113 */

/* No Bullet and no indent unordered list for History page added 20080616  */

ul.nobulletnoindent {list-style-type: none;
margin-left: 0px;
padding-left: 0px}

.floatright {float: right;
margin: 0 0 10px 10px;
border: 1px #666 none;
padding: 2px;}

.floatleft {float: left;
margin: 5px 10px 5px 5px;
border: 1px #666 none;
padding-top: 10px;
padding-left: 20px;
padding-bottom: 5px;
padding-right: 10px;}

/* End of No Bullet and no indent unordered list for History page added 20080616  */

p.textborder {border: 2px #00b035 solid;
margin: 1em;
padding: 1em;}

/* Change added for Publication-Scheme pages 20090324 */

td.contactclear {text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: .8em;
color: #404040;
background-color: #fafafa;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px;}

td.contactclearline {text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: .8em;
color: #404040;
background-color: #fafafa;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px;
text-decoration: line-through;}

A.Singlelink {font-size: 100%;
font-weight:normal;
text-decoration:none;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #0000FF;}

A.Singlelink:hover {font-size: 100%;
font-weight:normal;
text-decoration: underline;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #FF0000;}

A.singlelink {font-size: 100%;
font-weight:normal;
text-decoration:none;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #0000FF;}

A.singlelink:hover {font-size: 100%;
font-weight:normal;
text-decoration: underline;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #FF0000;}

A.Singlelink-Smaller {font-weight:normal;
font-size: 1em;
text-decoration:none;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #0000FF;}

A.Singlelink-Smaller:hover {font-weight:normal;
text-decoration: underline;
font-size: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #FF0000;}

A.singlelink-smaller {font-weight:normal;
font-size: 1em;
text-decoration:none;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #0000FF;}

A.singlelink-smaller:hover {font-weight:normal;
text-decoration: underline;
font-size: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #FF0000;}

/* end of changes added for Publication-Scheme pages 20090324 */

/* Changes added for static-text popups on horizontal nnvigation bar initially just on Home page Publication-Scheme pages 20090514 updated 20091004 */

.linknote a span {display: none;}

.linknote a:hover span {display: block;
position: fixed;
top: 210px;
left: 435px;
width: 350px;
padding: 5px;
margin: 10px;
background:transparent;
z-index:1;
font: xx-small verdana, georgia, times, "times new roman", serif;
text-align: left;
color: black;
border-left: 5px #aaaabb outset;}

/* End of changes added for static-text popups on horizontal nnvigation bar initially just on Home page Publication-Scheme pages 20090514 updated 20091004 */

/* Changes added for static-image popups on newsletter page 20090516 */

.linkimgnl a img {height: 0;
width: 0;
border-width: 0;
position: absolute;
top: 600px;
left: 400px;}

.linkimgnl a:hover img {position: absolute;
top: 565px;
left: 330px;
width: 100px;
height: 142px;
border: 1px #000000 solid;
margin: 5px;}

/* end of changes added for static-image popups on newsletter page 20090516 */

/* coding added for powers and duties table added as new page on 20090722 */

table.c18 {border-collapse: collapse}

span.c17 {font-family: Arial, Helvetica, sans-serif}

p.c16 {font-family: Arial, Helvetica, sans-serif;
font-size: 80%}

td.c15 {background-color: #DDEEFF}

span.c14 {font-family: Arial, Helvetica, sans-serif;
font-size: 80%}

td.c13 {background-color: #DFDFDF}

span.c12 {color: #333366;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight: bold}

span.c11 {font-size: 4pt}

table.c10 {background-color: #FFFFFF;
border-collapse: collapse}

p.c9 {text-align: center}p.centerbold {font-weight: bold;text-align: center;}a.c8 {text-decoration: none}

span.c7 {color: #663300;
font-family: Verdana;
font-size: 8pt}

span.c6 {color: #663300}

span.c5 {font-family: Verdana;
font-size: 8pt}

span.c4 {font-family: Verdana;
font-size: 4pt}

span.c3 {font-family: Verdana;
font-size: 70%}

span.c2 {color: #333366;
font-family: Verdana}

div.c1 {text-align: center}

/* end of coding added for powers and duties table added as new page on 20090722 */

/* coding added to accomodate google search option on index page added on 20090724 this is based on #maincontent h2 */

#maincontent h1 {font-size:1.2em;
color:#036;
font-weight:normal;
margin-top: 5px;
margin-left: 0em;
margin-bottom: 5px;
margin-right: 0em;
padding-top: 8px;
border-bottom: 2px #000000 solid;
padding-bottom: .5em;}

/* end of coding added for google search option on index page added on 20090724 */

/* duplicated maincontent division coding added for churches page to match ribbon background added on 20090725 */

#maincontentchurches {margin: 0em 130px 0em 150px;
padding: 10px 10px 10px 10px;
line-height: 150%;
font-size:.8em;
text-align: justify;
background-color: #e3e3e3;}

/* end of coding added for churches page to match ribbon background added on 20090725 */

/* code added for breadcrumb trail 20090813*/

p.breadcrumbs {font-size: .7em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;
margin-left: 0px;
margin-top: 0px;
padding-top: 10px;
padding-left: 180px;}

p.breadcrumbs a:link {color: #0000ff;
text-decoration: none;}

p.breadcrumbs a:visited {color: #0000ff;
text-decoration: none;}

p.breadcrumbs a:hover {color: #ff0000;}

.currentpage {font-weight: normal;
color: #ff0000;}

span.separator {font-size: .9em;}

/*end of code added for breadcrumb trail 20090813*/

/* code added for new left navigation added 20090913 to replace coffee cup right hand side flash menu 

================================================================ 
    This copyright notice must be untouched at all times.

    The original version of this stylesheet and the associated (x)html
    is available at http://www.cssplay.co.uk/menus/latest-flyout.html
    Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
    This stylesheet and the associated (x)html may be modified in any 
    way to fit your requirements.
    ===================================================================*/


    #menu {height:132px; width:132px; position:relative;}

    #menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; padding:1px 1px 0 1px; background:#fff;}

    #menu li {margin:0; padding:0; list-style:none;}
    #menu li {display:inline-block; display:inline;}
    #menu ul ul {position:absolute; left:-9999px;}
    #menu ul#toplevel {position:absolute; left:0; top:0;}

    #menu a {display:block; font:normal 11px verdana,arial,sans-serif; color:#000; line-height:22px; text-decoration:none;padding:0 20px 0 10px;} 

    #menu ul li:hover > ul {left:100%; margin-top:-23px; margin-left:-1px;}

    #menu a:hover ul,
    #menu a:hover a:hover ul, 
    #menu a:hover a:hover a:hover ul {left:100%;}
    #menu a:hover ul ul, 
    #menu a:hover a:hover ul ul {left:-9999px;}

    #menu li a:hover {background:#09c; color:#fff;} 
    #menu li:hover > a {background:#09c; color:#fff;}
    #menu li a.fly {background: url(../images/arrow.gif) no-repeat right top;}
    #menu li a.fly:hover {background:#09c url(../images/arrow.gif) no-repeat right top;} 
    #menu li:hover > a.fly {background:#09c url(../images/arrow.gif) no-repeat right top;}

    #menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}

    #menu li a.border {border: 3px #0099cc solid}

/* end of code added for new left navigation added 20090913 to replace coffee cup right hand side flash menu */
    /*]]>*/