/* CSS Document */

body {
background: #000000;
margin-top: 0;
text-align: center;
}

a {
text-decoration: none;
}

#wrapper {
position: relative;
background: #deddba;
width: 778px;

margin: 0 auto 5px auto;
border: 0;
padding: 0;
}

#header {
position: relative;
width: 778px;
height: 135px;
margin: 0;
border: 0;
padding: 0;
}

#leftcol {
position: relative;
float: left;
background: #b7b44d;
width: 130px;
margin: 8px 0 0 5px;
border: 1px solid #000;
padding: 0;
}

#button {
position: relative;
float: left;
}
img.pbutton {
border: none;
margin: 10px;
}

/* ---------------------------------------------------------------------- Navigation Menu -------------------- */

#leftcol ul {
position: relative;
list-style: none;
float: left;
text-align: left;
margin: 3px 0 0 10px;
border: 0;
padding: 0;
}

#leftcol li {
font: 70% Veredana, Helvetica, Arial;
color: #000000;
font-weight: bold;
margin: 0;
border: 0;
padding: 0 0 5px 0;
letter-spacing: .1em;
}

#leftcol li a:link, #leftcol li a:visited {
background: none;
text-decoration: none;
color: #000000;
}

#leftcol li a:hover {
background: none;
text-decoration: none;
color: #ffff00;
}

/* -------------------------------------------------------------------------- End of Navigation Menu --------- */

#centercol {
position: relative;
width: 55%;
margin: 8px 0 0 140px;
border: 0;
padding: 0;
}

#rightcol {
position: relative;
float: right;
width: 170px;
margin: 8px 5px 0 0;
border: 0;
padding: 0 0 5px 0;
}

.rightheader {
position: relative;
background: #1a5150;
width: 100%;
height: 15px;
margin: 0;
border: 1px solid #000;
padding: 0;
font: 65% Verdana, Helvetica, Arial;
color: #ffffff;
font-weight: bold;
letter-spacing: 0;
text-align: center;
}

/* ------------------------------------ >>> Error Noticies <<< ------------------------------ */

span.bolderror {
font-weight: bold;
color: #f00;
}

span.rederror {
color: $f00;
}

/* ---------------------------------------------------------------------- Login Form ------------------------- */

form {
position: relative;
background: #b7b44d;
width: 100%;
margin: 0 0 5px 0;
border-top: 0;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
padding: 5px 0 5px 0;
font: 60% Verdana, Helvetica, Arial;
color: #000000;
font-weight: bold;
}

input {
background: #ffffff;
width: 95px;
margin: 0;
border: 1px solid #000000;
padding: 0;
}

input.button {
background: #ccc;
width: 60px;
margin: 4px 0 0 0;
border: 1px solid #000000;
padding: 0;
font: 100% Verdana, Arial, Helvetica;
}

/* ------------------------------------------------------------ Service Times --------------- */

.servicetimes {
position: relative;
background: transparent;
width: 100%;
margin: 0;
border: 0;
padding: 0;
text-align: left;
}

.servicetimes p {
background: transparent;
font: 65% Verdana, Helvetica, Arial;
color: #000000;
letter-spacing: 0;
margin: 0;
border: 0;
padding-top: 5px;
}

/* ---------------------------------------------------------------------- Footer ------------------------- */

#footer {
background-image: url(images/1stupcfooterimg_03.jpg);
position: relative;
width: 778px;
height: 160px;
clear: both;
margin: 0 auto 0 auto;
border: 0;
padding: 0;
}

#copyright {
position: relative;
clear: both;
width: 778px;
margin: 0 auto 0 auto;
border: 0;
padding: 0;
}

#copyright p {
font: 55% Verdana, Helvetica, Arial;
color: #cccccc;
margin: 0;
border: 0;
padding: 0;
}

#copyright a:link, #copyright a:visited {
background: none;
text-decoration: none;
color: #ffff00;
}

#copyright a:hover {
background: none;
text-decoration: none;
color: #ffffff;
}

/* ------------------------------------------------------------------------------------- Index Information ------------------------ */

.mainpageheader {
position: relative;
float: left;
background-image: url(./images/elements_03.jpg);
background-repeat: no-repeat;
width: 90%;
height: 60px;
margin: 0 0 15px 5px;
border: 0;
padding: 0;
text-align: left;
}

.mainpage {
position: relative;
float: left;
width: 98%;
margin: 0 5px 5px 5px;
border: 0;

padding: 0;
text-align: left;
}

.mainpage p {
font: 70% Verdana, Arial, Helvetica;
color: #000000;
margin: 10px;
border: 0;
padding: 0;
}

.mainpage img {
margin: 0 3px 3px 3px;
border: 1px solid #000000;
padding: 0;
}

/* ------------------------------------------------------------------------------ Ministries Informattion --------------------- */

.ministries {
position: relative;
float: left;
width: 98%;
margin: 0 5px 5px 5px;
border: 0;
padding: 0;
text-align: left;
}

.ministries p {
font: 68% Verdana, Arial, Helvetica;
color: #000000;
margin: 10px;
border: 0;
padding-bottom: 5px;
}

.ministries p.line {
border-bottom: 1px dashed #000000;
}

.ministries p.spacer {
border-bottom: 1px dashed #000000;
padding-bottom: 10px;
}

.ministries p.spacerb {
border-bottom: 1px dashed #000000;
padding-bottom: 20px;
}

.ministries img.pic {
margin: 0 8px 0 4px;
border: o;
padding: 0;
}

.ministries img.picb {
margin: 0 8px 10px 4px;
border: o;
padding: 0;
}

/* ---------------------------------------------------------------------- Contact Page Information ------------------------- */

.contactus {
position: relative;
float: left;
width: 98%;
margin: 0 5px 5px 5px;
border: 0;
padding: 0;
text-align: center;
}

.contactus p {
font: 72% Verdana, Arial, Helvetica;
color: #000000;
margin: 10px;
border: 0;
padding: 0;
text-align: left;
}

.contactus img {
margin: 0 3px 3px 3px;
border: 1px solid #000000;
padding: 0;
}

form.contact {
position: relative;
background: #ffffff;
width: 90%;
margin: 0 auto 0 auto;
border: 1px solid #1a5150;
padding: 0;
font-size: 95%;
}

input.info {
background: #ffffff;
width: 130px;
margin: 0;
border: 1px solid #000000;
padding: 0;
}

input.infoname {
background: #ffffff;
width: 80%;
margin: 0;
border: 1px solid #000000;
padding: 0;
}

textarea.comments {
width: 95%;
height: 100px;
margin:0;
border: 1px solid #000000;
padding: 0;
}

input.submitcontact {
background: #ccc;
width: 60px;
margin: 4px 0 10px 0;
border: 1px solid #000000;
padding: 0;
font: 70% Verdana, Arial, Helvetica;
}

input.submitreset {
background: #ccc;
width: 80px;
margin: 4px auto 10px auto;
border: 1px solid #000000;
padding: 0;
font: 70% Verdana, Arial, Helvetica;
}

/* -------------------------------------------- Membership Form ---- */



input.fname {
background: #ffffff;
width: 70px;
margin: 0;
border: 1px solid #000000;
padding: 0;
}

input.mname {
background: #ffffff;
width: 20px;
margin: 0;
border: 1px solid #000000;
padding: 0;
}

input.lname {
background: #ffffff;
width: 85px;
margin: 0;
border: 1px solid #000000;
padding: 0;
}
input.mail {
background: #ffffff;
width: 150px;
margin: 0;
border: 1px solid #000000;
padding: 0;
}

input.register {
background: #ccc;
width: 60px;
margin: 4px auto 0 auto;
border: 1px solid #000000;
padding: 0;
font: 100% Verdana, Arial, Helvetica;
}

/* -------------------------------------------- >>>> Member Directory <<<< ---------------------- */

table.directory {
background: #fff;
position: relative;
width: 100%;
border: 1px solid #000;
font: .72em Verdana, Helvetica, Arial;
text-align: center;
}

td.header {
background: #1a5150;
color: #fff;
font-weight: bold;
border-bottom: 0;
}

table.directory td {
border-bottom: 1px solid #000;
}