/*  style.css : Main Cascading Style Sheet for St John's website */

html {
  background-color: #00ffff;
}

body{ 	
  width:800px;
  font-family:"Trebuchet MS",arial,helvetica,sans-serif;
  font-size:10pt;
  background-color: #ccffff;
  margin:auto;
  margin-top:0px;
  border: 1px solid black;
  border-top:188px solid #ccffff;
  padding:0px;
  padding-top:0px;
}

.banner {
  margin:0px;
  padding:0px;
  border:0px;
  position:absolute;
  top:0px;
}

.navbar {
  margin:0px;
  padding:0px;
  border:0px;
  position:absolute;
  top:142px;
}

img {
  border:0px;
  margin:0px;
  padding:0px;
}

.link {
  float: left;
  border:1px solid black;
  margin:0px;
  padding:10px 0px;
  background-color: #ff9999;
  font: bold 10pt arial,sans-serif;
  text-align: center;
  width:158px;
}

.thislink {
  float: left;
  border: 1px solid black;
  border-bottom:0px;
  padding: 10px 0px;
  background-color: #ccffff;
  font: bold 10pt arial,sans-serif;
  text-align: center;
  width:158px;
}

div {
  margin:0px;
  padding:0px;
  border:0px
}

div.links {
  text-align:center;
}

div.container {
  width:800px;
  margin:0 auto;
}

div.sidebarleft {
  float:left;
  width:210px;
  padding:0px 5px;
}

div.sidebarleft1 {
  float:left;
  width:200px;
  padding:0px 5px;
  background-color:#ccffff;
}

div.sidebarleft2 {
  position:fixed;
  width:210px;
  height:auto;
  float:left;
  padding:0px 5px;
  background-color:#ccffff;
}

div.sidebarleft3 {
  float:left;
  width:160px;
  padding:0px 0px;
  background-color:#00ffff;
}

div.sidebarleft4 {
  float:left;
  width:10px;
  padding:0px 5px;
  background-color:#ccffff;
}

div.main {
  width:400px;
  padding:0px 10px;
  float:left;
  margin-bottom:0px;
}

div.main1 {
  width:574px;
  padding:0px 8px;
  float:left;
  margin-bottom:0px;
}

div.main2 {
  width:560px;
  padding:0px 8px;
  float:left;
  margin-bottom:0px;
  background-color:#ccffff;
}

div.main1split {
  width:280px;
  padding:0px;
  float:left;
}

div.sidebarright {
  float:right;
  width:160px;
}

div.footer  {
  clear:both;
  font-size:8pt;
  font-style:italic;
}

div.fullwidth {
  width:98%;
  padding-left:10px;
  padding-top:10px;
  background-color:#ccffff;
  clear:both;
}

div.narrowcenter {
  width:600px;
  padding-left:100px;
  padding-bottom:0px;
}

div.newrow {
  clear:both;
  padding:0px 2px;
}

div.latest {
  font-size:10pt;
}

.box-empty {
  border: 2px solid black;
  padding:5px;
}

.box-orange {
  border: 2px solid black;
  padding:5px;
  background-color:#ffcc99;
}

.box-orange-christmas {
  border: 2px solid black;
  padding:5px;
  background-color:#ffcc99;
  background-image:url(newsimages/img7.gif);
}

.box-yellow {
  border: 2px solid black;
  padding:5px;
  background-color:#ffff33;
}

.box-pink {
  border: 2px solid black;
  padding:5px;
  background-color:#ff00ff;
}

.box-blue {
  border: 2px solid black;
  padding:5px;
  background-color:#99ccff;
}

.box-green {
  border: 2px solid black;
  padding:5px;
  background-color:#ccffaa;
}

.box-white {
  border: 2px solid black;
  padding:5px;
  background-color:#ffffff;
}

tr {
  vertical-align: top;
}

tr.sidemenu {
  background-color:#cccccc;
  font-weight:bold;
}

tr.sidemenu2 {
  background-color:#ffffff;
  font-size:80%;
  font-weight:normal;
  text-align:left;
}

td.sidemenu2 {
  padding-left:20px;
  background-color:#ffccff;
}

td.sermontable {
  width:300px;
}

dt {
  font-weight:bold;
  padding-top:10px;
}

dd {
  font-style:italic;
}

.picture {
  width:156px;
  padding: 0px 0px;
  text-align: center;
}

.imageleft {
  float: left;
  padding-right:5px;
}

.imageleftframed {
  float:left;
  clear:left;
  padding:3px;
  border: solid 1px #000000;
  margin-left:10px;
  margin-bottom:10px;
  background-color:#ffffff;
  text-align:center;
}

.imagerightframed {
  float:right;
  clear:right;
  padding:3px;
  border: solid 1px #000000;
  margin-left:10px;
  margin-bottom:10px;
  background-color:#ffffff;
  text-align:center;
  font-weight:bold;
  font-size:8pt;}

.imageright {
  float:right;
  clear:right;
  padding-left:10px;
}

.imagemid {
  padding: 0px;
  text-align: center;
}

p {
  margin:0pt;
  padding:0pt;
  padding-top:3pt;
  padding-bottom:3pt;
}

p.address {
  padding:0px;
  font-size:10pt;
  font-weight:bold;
}

p.clear {
  clear:both;
  padding:0pt;
}

p.imagecaption {
  padding:0pt;
  text-align:center;
  font-size:8pt;
  font-weight:bold;
}

p.dateline {
  padding-top:5pt;
  padding-bottom:5pt;
  font-size:8pt;
  font-weight:bold;
  font-style:italic;
}

p.history {
  margin-left:3em;
  text-indent:-3em;
  padding:5pt 0pt;
}

p.history2 {
  margin-left:3em;
  padding-top:0pt;
}

p.history3 {
  font-weight:bold;
  padding:2pt 0pt;
}

p.history4 {
  margin-left:1em;
  padding-top:0pt;
}

p.newsindex {
  font-size:10pt;
  font-weight:bold;
}

div.dateline {
  font-size:8pt;
  padding:0;
  color:#444444;
}

p.latest {
  padding:0;
}

span.red {color:#ff0000}

span.email {
  color:#00ff00;
  font-weight:bold;
}  

.caption {
  font-weight:bold;
  font-size:8pt;
  text-align:center;
  padding: 0px;
}

.anchors {
  font-size:10pt;
  text-align:center;
  padding:0px;
  margin:0px;
}

h1,h2,h3,h4,h5 {
  margin:0px;
  color:#990000;
  font-family:"Trebuchet MS",sans-serif;
  font-weight:bold;
}

h1 {
  font-size: 16pt;
  margin-bottom:2pt;
}

h2 {
  font-size:12pt;
  margin-bottom:1pt;
}

h3 {
  font: bold 10pt arial,sans-serif;
  color:#000000;
  padding-top:5pt;
}

h4 {
  font-weight:bold;
  font-size:12pt;
  padding-top:0pt;
  padding-bottom:5pt;
  text-align:right;
}

hr.belowall {
  clear:both;
}

div.belowall {
 clear:both;
}

ul {
  margin:0px;
  padding:15px;
  padding-bottom:5px;
  list-style-type:square;
}
ul.nobullet {
  margin:0px;
  padding:0px;
  padding-left:0px;
  padding-top:2px;
  padding-bottom:2px;
  list-style-type:none;
}

ul.indexlist {
  margin:0px;
  padding:0px;
  padding-bottom:5px;
  list-style-type:none;
  font-weight:bold;
}

ul.finally {
  font-size:14pt;
  padding-top:4pt;
  padding-bottom:2pt;
}

li.newsindex {
  margin-left:30pt;
  text-indent:-30pt;
}

hr {
  margin:0px;
}

hr.hrMain {
  width:94%;
 }

hr.hrFoot {
  margin-bottom:2px;
}

a:link, a:visited {
  text-decoration:none;
  color:#0000ff;
}

a:hover {
  text-decoration:underline;
  color:#ff0000;
}

.quote {
  padding-left:5%;
  padding-right:5%;
  padding-bottom:6px;
  padding-top:0px;
  font-style:italic;
}

.diary {
  font-size:8pt;
  margin-left:3em;
  text-indent:-3em;

}