/* GENERIC SETTINGS */
/* ================ */

/* default text styles */

body  { font-size: 80%; font-family: Franklin Gothic, Gill Sans, Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; }
h1 { font-size: 150%; margin: 0px; padding 0px; margin-bottom: 10px; }
h2 { font-size: 120%; margin: 0px; padding 0px; margin-bottom: 10px; }
h3, h4, h5, h6 { font-size: 110%; margin: 0px; padding 0px; margin-bottom: 10px; }
p { white-space: normal }
li { margin-bottom: 5px; }
a.backlink { float: right; margin-left: 5px; margin-right: 5px; }

/* table settings */

td { vertical-align: top; padding-right: 10px }
td.right { vertical-align: top; padding-right: 10px; text-align: right;}
th { font-weight: bold; text-align: left; }

/* image settings */

img { border: 0; vertical-align: top;}
img.none { border: 0; float: none; margin: 0px; padding: 0px; }
img.left { border: 1px solid #999999; float: left; margin: 5px; padding: 5px; background-color: #FFFFFF;}
img.lefttight { border: 1px solid #000000; float: left; margin: 5px; padding: 0px; background-color: #FFFFFF;}
img.leftnone { border: 0; float: left; margin: 5px; }
img.right { border: 1px solid #999999; float: right; margin: 5px; vertical-align: bottom; padding: 5px; background-color: #FFFFFF;}
img.righttight { border: 1px solid #000000; float: right; margin: 5px; vertical-align: bottom; padding: 0px; background-color: #FFFFFF;}
img.rightnone { border: 0; float: right; margin: 5px; }
img.fixed { border: 1px solid #999999; float: none; margin: 5px; vertical-align: bottom; padding: 5px;}
img.fixednone { border: 0; float: none; margin: 5px; }
img.center { border: 1px solid #999999; padding: 5px; background-color: #FFFFFF;}
img.centervert { border: 1px solid #999999; vertical-align: center; padding: 5px; background-color: #FFFFFF;}
img.centernone { border: 0; margin: auto;}

/* object settings */
object.right { border: 1px solid #999999; float: right; margin: 5px; }

/* header / menu bar */

#main-header-container { width: 760px; margin: auto; text-align: right; height: 60px; padding: 0px; white-space: nowrap; background: #FFFFFF; color: #330066; }
#main-header-container a { font-size: 100%; text-decoration: none; margin: 0px; padding: 0px; color: #888888; font-weight: bold; }
#main-header-container a:hover { text-decoration: underline;}
#main-header-container img.left { border: 0; float: left; margin: 0px; padding: 0px; }
#main-header-container img.right { border: 0; float: right; margin: 5px; padding: 0px; }
#main-header-container h1 { font-size: 180%}

/* main content section - subdivides into main and sidebar */

#content-container { width: 760px; margin: auto; padding: 0px; background-color: #FFFFFF; color: #330066; border-bottom: 1px solid #999999; }

/* title bar */

#title-position { background: #D0D0D0 repeat-x; }
#title-container { margin: 0px; width: 760px; height: 45px; position: relative; top: 0px; padding: 0px; border-top: 1px solid #000; border-bottom: 1px solid #000}
#title { width: 600px; position: absolute; top: 0px; left: 150px; padding: 8px; padding-left: 10px; color: #FFFFFF; text-align: center;}
#title h1 { font-size: 180%; }
#title-image { position: absolute; top: 0px; left: 0px; z-index: 1; width: 150px; padding: 0px; margin: 0px; }

/* main content */

#content-main { width: 590px; margin: 0px 0px 0px 150px; padding: 5px;}
#content-main a { text-decoration: underline; font-weight: bold; }
#content-main a:hover { text-decoration: underline;}

/* breadcrumbs and footer */

#breadcrumbs { font-size: 80%; line-height: 130%; margin-top: 20px; margin-bottom: 10px; }
#footer { margin: auto; background-color: #FFFFFF; font-size: 90%;  line-height: 150%; color: #333; padding-top: 10px; text-align:center;}

/* content sidebar */

#content-sidebar { position: relative; top: -52px; left: 0px; z-index: 1; width: 150px; margin: 5px 0px 5px 0px; float: left;}
#content-sidebar img { padding-top: 0px; margin: 0px; border: 1px solid #000; }

/* sidebar navigator links */

#sidenav { margin: 0px; margin-top: 5px; }
#sidenav p { text-align: left; margin: 0px; display: block; width: 150px; border-top: 1px solid #000000;}
#sidenav h1 { font-size: 80%; margin: 0px; padding: 6px 5px; width: 140px; line-height: 130%; }
#sidenav a { font-size: 80%; text-decoration: none; margin: 0px; padding: 6px 5px; width: 140px; display: block; line-height: 130%; color: #FFFFFF; background-color: #909090; border-bottom: 1px solid #000000; }
#sidenav a:hover { color: #000000; background-color: #F0F0F0; }
#sidenav a.sub { padding-left: 15px; width: 130px; background-color: #CCCCCC;}

/* sidebar adverts */

#advert { border: 1px solid #505050; width: 148px; margin: auto; font-size: 80%; line-height: 120%; background: #FFFFFF; margin-top: 10px; margin-bottom: 5px }
#advert p  { margin: 5px; }

/* SECTION-SPECIFIC SETTINGS */
/* ========================= */

/* Welcome (ie home) pages */

#welcome #title-position { background-image: url('images/elements/grad-welcome.gif');background-repeat: repeat-x}
#welcome #content-container { color: #000099; background-color: #E8FFFF}
#welcome #content-main h1 { text-align: center; }
#welcome #content-main a { color: #000099; }
#welcome #sidenav p { border-top: 1px solid #220099}
#welcome #sidenav a { color: #000099; background-color: #D8E8F0; border-bottom: 1px solid #220099; }
#welcome #sidenav a.sub { background-color: #E0F8F8; }
#welcome #sidenav a:hover{ color: #FFFFFF; background-color: #3333CC; }

/* Welcome page - photobanner at top of page */

#welcome #photobanner table { border: 2px solid #000000; margin: 10px 0px 10px 0px; padding: 0px; background-color: #FFFFFF}
#welcome #photobanner td { margin: 0px; padding: 0px; text-align: center; }

/* Welcome page - notices */

#welcome #notices table { border: 2px solid #000000; width: 90%; margin: 10px 0px 10px 0px; padding: 5px; background-color: #FFFFFF}

#welcome #purple-text li {color: #800080;}
#welcome #purple-text p {color: #800080;}
#welcome #purple-text a {color: #800080}
#welcome #purple-text td {color: #800080}

/* Welcome page - noticeboard */

#welcome #noticeboard table { border: medium solid #FFCC66; background-color: #006666; margin: 10px 0px 10px 0px; }
#welcome #noticeboard td { margin: 20px; padding: 10px; text-align: center; background-color: #FFFFFF; }
#welcome #noticeboard td.image { margin: 10px; padding: 10px; text-align: center; background-color: #006666; }
#welcome #noticeboard img { border: none; vertical-align: top; margin: 10px;}
#welcome #noticeboard a { text-decoration: underline; font-weight: bold;}

/* Worship pages */

#worship #title-position { background-image: url('images/elements/grad-worship.gif');background-repeat: repeat-x}
#worship #content-container { color: #006600; background-color: #EEFFEE; }
#worship #content-main a { color: #006600; }
#worship #sidenav p { border-top: 1px solid #006600}
#worship #sidenav a { color: #006600; background-color: #CCEECC; border-bottom: 1px solid #006600; }
#worship #sidenav a.sub { background-color: #DDF8DD; }
#worship #sidenav a:hover { color: #FFFFFF; background-color: #006600; }

#worship #table-std table { border: 1px solid #006600; background-color: #FFFFFF}
#worship #prayer-cards p { border: 1px solid #505050; background: #FFFFFF; margin: 10px 20px 20px 0px; padding: 10px; }

/* Mission pages */

#mission #title-position { background-image: url('images/elements/grad-mission.gif');background-repeat: repeat-x}
#mission #content-container { color: #910000; background-color: #FFEEEE; }
#mission #content-main a { color: #910000; }
#mission #sidenav p { border-top: 1px solid #910000}
#mission #sidenav a { color: #910000; background-color: #F7CCCC; border-bottom: 1px solid #910000; }
#mission #sidenav a.sub { background-color: #F9DDDD; }
#mission #sidenav a:hover { color: #FFFFFF; background-color: #910000; }

/* CHDA pages */

#chda #title-position { background-image: url('images/elements/grad-chda.gif');background-repeat: repeat-x}
#chda #title { color: #000066;}
#chda #content-container { color: #000066; background-color: #FFFFCC; }
#chda #content-main a { color: #000066; }
#chda #sidenav p { border-top: 1px solid #000066}
#chda #sidenav a { color: #000066; background-color: #FFFF33; border-bottom: 1px solid #000066; }
#chda #sidenav a.sub { background-color: #FFFF99; }
#chda #sidenav a:hover { color: #FFFFCC; background-color: #000066; }
#chda #letter table { border: 1px solid #505050; background: #FFFFFF; margin: 10px 20px 20px 0px; padding: 10px; }
#chda table { border: 1px solid #505050; background-color: #FFFFFF}

/* Diary pages */

#diary #title-position { background-image: url('images/elements/grad-diary.gif');background-repeat: repeat-x}
#diary #content-container { color: #330050; background-color: #F4E4FF; }
#diary #content-main a { color: #330050; }
#diary #sidenav p { border-top: 1px solid #330050; }
#diary #sidenav a { color: #330050; background-color: #D8CCEE; border-bottom: 1px solid #660099; }
#diary #sidenav a.sub { background-color: #E8D0F0; }
#diary #sidenav a:hover { color: #FFFFFF; background-color: #330050; }

#diary table { border: 1px solid #330050; background-color: #FFFFFF}
#diary td.sunday { font-weight: bold; border-top: 1px solid #330050; }
#diary td.underline { border-bottom: 1px solid #330050; }
#diary td.special { color: #EE0000; font-weight: bold;}

/* Group pages */

#groups #title-position { background-image: url('images/elements/grad-groups.gif');background-repeat: repeat-x}
#groups #content-container { color: #660000; background-color: #FFEEDD}
#groups #content-main a { color: #660000; }
#groups #sidenav p { border-top: 1px solid #774400}
#groups #sidenav a { color: #660000; background-color: #FFDDCC; border-bottom: 1px solid #774400; }
#groups #sidenav a.sub { background-color: #FFE4D8; }
#groups #sidenav a:hover { color: #FFFFFF; background-color: #660000; }

#groups table { border: 1px solid #660000; background-color: #FFFFFF}

/* Gallery pages */

#gallery #title-position { background-image: url('images/elements/grad-gallery.gif');background-repeat: repeat-x}
#gallery #content-container { color: #006060; background-color: #D0F0F0; }
#gallery #content-main a { color: #006060; }
#gallery #content-main table { border: none; }
#gallery #content-main td { vertical-align: center; }
#gallery #sidenav p { border-top: 1px solid #006060}
#gallery #sidenav a { color: #006060; background-color: #B0D8D8; border-bottom: 1px solid #006060; }
#gallery #sidenav a.sub { background-color: #C0E4E4; }
#gallery #sidenav a:hover { color: #FFFFFF; background-color: #006060; }

/* Contact pages */

#about #title-position { background-image: url('images/elements/grad-about.gif');background-repeat: repeat-x}
#about #content-container { color: #000066; background-color: #EEEEFF}
#about #content-main a { color: #000066; }
#about #sidenav p { border-top: 1px solid #220099}
#about #sidenav a { color: #000066; background-color: #DDDDFF; border-bottom: 1px solid #220099; }
#about #sidenav a.sub { background-color: #E4E4FF; }
#about #sidenav a:hover{ color: #000066; background-color: #BBBBDD; }
#about #sidenav a:hover{ color: #FFFFFF; background-color: #000066; }

#about table { border: 1px solid #000066; background-color: #FFFFFF}
#about #business-cards table { border: none; background-color: #EEEEFF}
#about #business-cards td { border: 1px solid #000066; padding: 10px; background-color: #FFFFFF; margin-bottom: 10px; }

/* Schools pages */

#schools #title-position { background-image: url('images/elements/grad-schools.gif');background-repeat: repeat-x}
#schools #content-container { color: #663300; background-color: #FFF8DD; }
#schools #content-main a { color: #663300; }
#schools #sidenav p { border-top: 1px solid #663300}
#schools #sidenav a { color: #663300; background-color: #FFCC66; border-bottom: 1px solid #663300; }
#schools #sidenav a.sub { background-color: #FFF4CC; }
#schools #sidenav a:hover { color: #FFFFFF; background-color: #CC6600; }

/* End of file */