html
{
  font-size: .8em;
}

body, table.normal, table.normal td
{
  font-family: verdana,arial,sans-serif;
  font-size: 1em;
  text-decoration: none;
  text-align: left;
}

a
{
  font-family: verdana,arial,sans-serif;
  font-size: 1em;
}

p.indent
{
  text-indent:  0.5in;
}

div.title
{
  color: rgb(0,130,195);
  font-family: veranda;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
}

div.subtitle
{
  color: rgb(0,110,165);
  font-family: veranda;
  font-size: 1em;
  text-align: center;
}

p
{
  margin: 4px;
  text-align: left;
}

p.paragraph
{
  text-indent:  0.25in;
  font-size: 1em;
  margin: 4px;
  text-align: left;
}

p.firstLetter
{
  text-indent:  0.25in;
  font-size: 1em;
  margin: 4px;
  text-align: left;
}

p.firstLetter:first-letter
{
  font-size: 1.5em;
  font-family: "Mistral", "Brush Script MT", "Blackadder ITC";
  text-align: left;
}

p.hanging
{
  margin: 0px 0px 0px   10px;
  text-indent: -10px;
}


/* Search Styles */
#search div h3
{
  font-size: 1em;
  margin: 0px 0px 5px 0px;
  padding: 0px;
  width: 50%;
}

#search div h3.float
{
  float: left;
}

#search div.result_info
{
  font-size: .7em;
  font-weight: normal;
  text-align: right;
}

ol.results
{
  font-family: "arial";
  list-style-type: decimal;
  text-align: left;
}

ol.results li
{
  font-size: .8em;
}

ul.tips
{
  margin: 0px 0px 0px 20px;
  padding: 0px;
}

div.result
{
  margin-bottom: 10px;
  font-size: 1.25em;
}

div.result div.title
{
  font-family: "arial";
  font-size: 1em;
  font-weight: normal;
  text-align: left;
}

div.result div.info
{
  font-size: .8em;
}

div.result a
{
  color: #0000ff;
}

div.result div.link
{
  color: #008000;
  font-size: .8em;
}


/* Photo Table */
table.photo
{
  border-collapse: collapse;
  width: 100%;
}

table.photo tr, table.photo th, table.photo td
{
  border-collapse: collapse;
}

table.photo th, table.photo td
{
  padding: 20px 0px;
  width: 25%;
}

.photo img
{
  border: 1px solid #000000;
}

table.photo img.delete
{
  border: 0;
  vertical-align: middle;
}

table.photo a
{
  color: #000000;
  text-decoration: none;
}

div.photo
{
  padding: 10px;
}

div.photo div.img_title
{
  font-weight: bold;
}

div.prev
{
  float: left;
  margin: 0px 0px 10px 100px;
}

div.next
{
  float: right;
  margin: 0px 100px 10px 0px;
}

div.all
{
  clear: both;
  margin-bottom: 10px;
  text-align: center;
}

div.all a, div.prev a, div.next a
{
  color: #000000;
}

div.center
{
  text-align: center;
}

div.login
{
  margin: 0px auto;
  text-align: center;
  width: 200px;
}

div.login label
{
  display: block;
  text-align: left;
  width: 100%;
}

div.login input
{
  text-align: left;
  width: 100%;
}

div.login input.submit
{
  margin: 10px 0px;
  text-align: center;
  width: auto;
}

div.logout
{
  margin: 5px 10px;
  text-align: left;
}

div.logout a
{
  color: #000000;
}

div.ppg_gallery
{
  margin: 10px;
  text-align: center;
}

div.ppg_gallery a
{
  color: #000000;
}


/* Add News Form */
div.addNews, div.removeNews
{
  text-align: center;
}

div.addNews label, div.removeNews label
{
  display: block;
  margin: 0px auto;
  text-align: left;
  width: 90%;
}

div.addNews input
{
  width: 90%;
}

div.addNews textarea
{
  display: block;
  height: 125px;
  margin: 0px auto;
  width: 90%;
}

div.addNews input.submit, div.removeNews input.submit
{
  margin: 10px 0px;
  text-align: center;
  width: auto;
}

div.removeNews div.removeItem
{
  margin-left: 20px;
  text-align: left;
}

div.removeNews div.removeItem div.bold
{
  font-weight: bold;
  text-indent: -20px;
}

div.removeNews div.removeItem div.bold span.time
{
  font-size: .7em;
  font-weight: normal;
}


/* Administrator Menu */
div.adminmenu
{
  padding: 10px;
}

div.adminmenu h3
{
  font-size: 1.1em;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}

div.adminmenu ul
{
  list-style: none;
  margin: 0px 0px 0px 10px;
  padding: 0px;
}

div.adminmenu li
{
  display: block;
}

div.adminmenu a
{
  border-bottom: 1px dashed #4b4b4b;
  color: #4b4b4b;
  text-decoration: none;
}

div.adminmenu a:hover
{
  color: #202020;
}


/* Youth Group Events */
table.pyg_events
{
  border: 1px solid #4b4b4b;
  border-collapse: collapse;
  margin: 0px auto;
  width: 90%;
}

table.pyg_events tr, table.pyg_events th, table.pyg_events td
{
  border: 1px solid #4b4b4b;
  border-collapse: collapse;
}

table.pyg_events td.date
{
  text-align: center;
  width: 25%;
}

table.pyg_events td.desc
{
  padding: 2px 5px;
  text-align: left;
}

table.pyg_events th
{
  background-color: #7b7b7b;
  color: #000000;
  padding: 0px;
  text-align: center;
}
