@import url(new_colour.css);
@import url(new_type.css);

/* Clear browser-related settings */
/* ============================== */

/* Normalize margin, padding */
body, div, dl, dt, dd, ul, ol,
li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input,
p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

/* Normalize font-size for headers */
/* Don't let this replace sizes from type.css!
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}
*/

/* Remove list-style from lists */
ol, ul {
  list-style: none;
}

/* Normalize font-style and font-weight to normal */
address, caption, cite, code, dfn,
em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

/* Removes borders and spacing from tables */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Removes border from fieldset and img */
fieldset, img {
  border: 0;
}

/* Left-align text in caption and th */
caption, th {
  text-align: left;
}

/* Removes quotation marks from q */
q:before, q:after {
  content: '';
}

/* End of resetting */
/* ================ */


/* Generated by KompoZer */
body {
  text-transform: none;
  text-align: left;
}

#logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
  height: 150px;
/*  text-align: center; */
  padding: 0.5em 0;
}

#logo img {
  padding-left: 2em;
}

/*
#menu {
  position: absolute;
  top: 150px;
  left: 0;
  text-align: left;
  text-transform: none;
  padding-left: 5pt;
  width: 30%;
}
*/

#menu {
  text-align: center;
  text-transform: none;
  min-width: 770px;
  width: 100%;
  height: 2.0em;
/*  border: 2px solid #000099; */
  border-top: 2px solid #000099; 
  border-bottom: 2px solid #000099; 
}

#header {
/*
  padding: 10pt;
  margin-left: 30%;
*/
  position: relative;
  left: 30%;
  width: 70%;
  padding: 10pt 0; /* t r b l */
  text-align: left;
}

#header h1 {
  text-align: left;
  line-height: normal;
  text-transform: none;
  padding: 0.5em 0;
  border-bottom: 1px #aaaaaa solid;
}

#sidebar {
  position: absolute;
  left: 0;
  width: 30%;
  padding: 10pt 20pt 10pt 10pt;
}

#sidebar div[class="highlight"] {
  padding: 1em 0 0 0.5em; /* t r b l */
}

#sidebar p {
  display: block;
  max-width: 90%;
  padding: 0.5em 0; /* t r b l */
}

#sidebar ul {
  padding-top: 0.5em;
  padding-bottom: 1em;
}

#sidebar li {
  display: block;
  max-width: 90%;
  padding-bottom: 0.5em;
}

#content {
/*
  padding: 10pt;
  margin-left: 30%;
*/
  position: absolute;
  left: 30%;
  width: 70%;
  padding: 10pt 0; /* t r b l */
  min-width: 500px;
}

#content div, #content ul {
  padding-bottom: 0.5em;
}

#content img {
  float: right;
  padding: 0 0.5em; /* t r b l */
}

#content img[class="icon"] {
  float: none;
/*
  float: right; 
*/
}

/*
#content img[class="map"] {
  border: 2px solid #000099;
}
*/

#content h1 {
  text-align: center;
/*  line-height: normal; */
  text-transform: none;
}

/*
#content h2[class="anniversary"] {
  text-align: center;
}
*/

#content h3 {
  line-height: 2;
}

/*
#content h3[class="anniversary"] {
  text-align: center;
}
*/

#content p {
  display: block;
  padding: 0.5em 0; /* t r b l */
  max-width: 60em;
}

#content li {
  padding: 0.1em 0; /* t r b l */
}

#content p[class="aside"] {
  border-top: 1px solid black;
  margin-top: 1.5em;
}

#content span[class="sound"] img {
  float: none;
  height: 1.0em;
  width: 1.0em;
}

#content span:target {
  border: 1px solid red;
}

#content div:target {
  border: 1px solid red;
}

#content .sermon {
  padding: 0 2em 0 2em; /* t r b l */
}

#content .notice {
  width: 30em;
}

#content .table {
  border: 1px solid black;
}

#content .notice p[class="announce"] {
  text-align: center;
}

#content .notice p[class="highlight"] {
  text-align: center;
}

#content .notice p[class="detail"] {
  text-align: center;
}

#content .notice ul {
  padding: 1em 2em 1em 2em;
}

#content .notice li {
  text-align: left;
  text-indent: 1em;
}

/* Check this */
#content .notice img {
  float: left;
  padding: 0.5em 0.5em 0.25em 0.25em;
}

#menu img {
  display: none;
}

/* t r b l */
/*
div#menu p {
  padding-left: 2em; 
  padding-bottom: 0.5em;
}
*/

#menu .highlight {
  padding-right: 1em;
  border: 3px solid red;
}

#menu p {
  display: inline;
  position: relative;
  top: -2.0em;
  padding-left: 1em;

/*
  padding-left: 2em;
  padding-bottom: 0.5em; 
*/
}

#calendar #month {
  text-align: left;
}

#calendar ol, #calendar ul {
  list-style: none;
}

#calendar .calendar-date {
  text-align: center;
  width: 6em;
}

#calendar ul#browse {
  padding-top: 1em;
  padding-bottom: 1em;
}

#calendar #browse li {
  text-align: right;
}

#events > li {
  margin-bottom: 10px;
}

#calendar .event {
  padding-left: 1em;
}

#calendar .event-time {
  padding: 0.5em;
}

/*
div#calendar .sunday {
  border: 2px solid blue;
}
*/

#contacts li {
  padding: 0.5em 0 /* t r b l */ ;
}

/*
#contacts li .name {
  border: 1px solid red;
}
*/

#contacts li .role {
  display: block;
  margin-left: 2em;
}

#contacts li .phone {
/*
  display: block;
  margin-left: 2em;
*/
  display: none;
}

ul[class="qna"] li {
  padding-bottom: 0.5em;
}

ul[class="qna"] .answer {
  display: block;
}

div#content ul#activities {
  list-style: none;
}

#activities li {
  padding: 0.25em;
  position: relative;
  height: 4em;
  width: 40em;
}

#activities li .activity-name {
  position: absolute;
  top: 0;
  left: 0;
  width: 20em;
  border: 1px solid green;
}

#activities li .activity-schedule {
  position: absolute;
  top: 1.5em;
  left: 2em;
}

#activities li .activity-location {
  position: absolute;
  top: 2.5em;
  left: 2em;
}

#schedule li {
  position: relative;
//  height: 2.0em;
  padding: 0.2em; /* t r b l */
}

#schedule li li {
  position: relative;
//  height: 2.0em;
  padding: 0.1em 0 0 2em; /* t r b l */
}

#schedule .day {
  position: absolute;
  left: 0;
}

#schedule .date {
  position: absolute;
  left: 3em;
}

#schedule .time {
  position: absolute;
  left: 9em;
}

#schedule .location {
  position: absolute;
  left: 16em;
}