/*.................................................. GENERAL ...............................................*/
body {margin:0;  padding:20px 0 0 0; text-align:center; font-size:100%; font-family: Arial, Verdana, Helvetica, Geneva, _Sans, sans-serif; background: #ccc; color: #231f20}

* { margin: 0; padding:0;}

/***** GENERAL STYLES *****/
.l{float:left;}
.r{float:right;}
.clear { clear:both; width:100%; height:1px; font-size:1px; }
img { border: none;}

a {	color: #00689C; text-decoration: none;}
a:hover{	text-decoration:underline;}

ul {margin:0}
ul li {margin:0; padding:0; background: none; list-style:none}

/*.................................................. WRAP ALL ................................................*/
#wrapall {padding: 25px 25px 10px 25px; margin:0 auto; width:680px;  font-size: 0.7em; text-align: left; background:#fff; } 
/*.................................................. HEADER ................................................*/
#header { margin: 0 0 12px 0; width:100%; height: 61px; }
#header div.l img {display: block;}
#header img.topImage {margin: 0 0 8px 0; }

/*.................................................. MAIN NAVIGATION ................................................*/
#mainmenu {font-size:1.1em; float: left;  }
#mainmenu ul li {display: inline; float: left; text-align: center; width: 136px;}
#mainmenu ul li a { padding: 3px 0 3px 0; display: block;  }
#mainmenu ul li a:hover {text-decoration:  none; }

/*Me a Priest*/
#mainmenu ul li#m01 a { background: url(../img/bg/m01.gif) no-repeat 0 0 #990000; color: #fff; }
#mainmenu ul li#m01 a:hover, #mainmenu ul li.on#m01 a {background: url(../img/bg/m01.gif) no-repeat 0 -21px #990000 }
/*Becoming a Priest*/
#mainmenu ul li#m02 a { background: #ccc; color: #000 }
#mainmenu ul li#m02 a:hover , #mainmenu ul li.on#m02 a{ background: url(../img/bg/m02.gif) no-repeat 0 -21px #ccc; }
/*Life as a Priest*/
#mainmenu ul li#m03 a { background: #009900; color: #fff }
#mainmenu ul li#m03 a:hover, #mainmenu ul li.on#m03 a { background: url(../img/bg/m03.gif) no-repeat 0 -21px #009900 }
/*Contact Us*/
#mainmenu ul li#m04 a { background: #ccc; color: #000 }
#mainmenu ul li#m04 a:hover, #mainmenu ul li.on#m04 a { background: url(../img/bg/m02.gif) no-repeat 0 -21px #ccc;   }
/*Contact Us*/
#mainmenu ul li#m05 a { background: url(../img/bg/m01.gif) no-repeat 0 0 #990000; color: #fff;}
#mainmenu ul li#m05 a:hover, #mainmenu ul li.on#m05 a { background: url(../img/bg/m01.gif) no-repeat 0 -21px #990000  }

/*........................ MAIN this wraps the left and right columns........................*/
#main {margin: 12px 0 10px 0; float: left;  }

/*.................................................. LEFTCOL ...............................................*/
#leftCol {width: 169px; float: left;    }
#leftCol h1 {margin: 0 0 15px 0; color: #999; font-size: 1.3em; }

/*Secondary Navigation*/
#leftCol ul#sideNav {margin: 0 10px 10px 0;  }
#leftCol ul#sideNav li {margin: 0 0 5px 0;  }
#leftCol ul#sideNav li a {padding: 0 0 0 0px; color: #990000; background: none;  display:block;   }
#leftCol ul#sideNav li a:hover, #leftCol ul#sideNav li.on a {color: #000; text-decoration:none; }

/*.................................................. RIGHTCOL ...............................................*/
#rightCol {float: left; width: 511px; }
#rightCol.fullWidth {width: 680px; }

/*............................................. COLUMN THREE ...............................................*/
#thirdCol {float: right; width: 170px;  }
#thirdCol.twoCol {padding: 0 0 0 15px; width: 325px;  }

/*................................................... SPLASH PAGE - HOME ...................................*/
#wrapall.homePage {padding: 25px 0px 0px 0px; margin:0 auto; width:730px; }
#wrapall.homePage #content {padding: 0 0 0 50px; height: 380px;background: #fff;  float: left;  width: 680px; }
#wrapall.homePage div.left {width: 273px; height: 325px; float: left; }
#wrapall.homePage div.right {width: 356px; height: 325px; float: left; }
#wrapall.homePage p {color: #999}
#wrapall.homePage p.tagLine {margin: 17px 0 25px 0; }
#wrapall.homePage p.findOutMore a {color: #990000}
img.you {margin: 79px 0 0 0; float: right; }
#box01 {background: url(../img/home-splash/u.gif) no-repeat bottom left #ccc; float:left;  width: 148px; height: 148px;}
#box01 img {float: right; margin: 26px 10px 0 0;}
#box02 {background: #990000; float:left;width: 208px; height: 148px;}
#box02 img {margin: 26px 0 0 8px;}
#box03 {background: url(../img/home-splash/u-green.gif) no-repeat top left #009900; float:left; width: 148px; height: 101px; color: #fff; }
#wrapall.homePage #box03 p {padding: 0px 10px 0 51px; color: #fff; text-align:right; }
#box04 {background: #ccc;  float:left; width: 208px; height: 101px;}
#box04 img {margin: 6px 0 0 8px;}

/*.................................................. CONTENT ...............................................*/
#content {margin:0px 0px 10px 0px;  width: 330px; float:left; }
#content.threeCol {width: 490px; }
#content.fullWidth {width: 670px;}/*4 columns wide*/
#content h1 {margin:0px 5px 10px 0; color:#231f20; font-size:1.3em;}
#content h2 {margin:15px 5px 10px 0; color:#990000; font-size:1.2em;}
#content h2.telephone {padding: 0 0 0 20px; background: url(../img/icons/telephone.gif) no-repeat top left}
#content h2.email {padding: 0 0 0 20px; background: url(../img/icons/email.gif) no-repeat top left}
#content h2.address {padding: 0 0 0 20px; background: url(../img/icons/address.gif) no-repeat top left}
#thirdCol h2 {margin:15px 5px 10px 0;  font-size: 1.0em; color:#990000; text-align: center; }
#content h3 {margin:10px 5px 0px 0;color:#666; font-size:1.0em; }
#content p {margin:5px 0 10px 0; line-height: 1.5em; font-size: 1.0em;}
#content p.indent {text-indent: 12px; }
#content p.indent2 {margin-left: 21px; }
#content p.note {font-size: 0.9em;}
#content p.address {margin-left: 12px;}
#content p.top {text-align: right; }
#content p.top a {padding: 0 0 0 10px; background: url(../img/icons/backtotop.gif) no-repeat 0 5px;  }
#content p.back {text-align: right; }
#content p.back a {padding: 0 0 0 10px; background: url(../img/icons/back.gif) no-repeat 0 5px;  }
#content p.video a {padding: 3px 0 2px 19px; background: url(../img/icons/video.gif) no-repeat 0 0px;  }
#content img.marginRight {margin: 4px 10px 5px 0; }
#content a.readmore {margin-top: 3px;}
#content a.readmore2 {margin: 3px 0 0 60px;}
#content img.l {padding: 3px; margin: 0 10px 0 0; background: #ccc; }
#content img.r {padding: 3px; margin: 0 0 0 10px; background: #ccc; }
/*Image Holders for right hand side*/
div.imageHolder {padding: 15px 15px 10px 15px; background: url(../img/bg/image.gif) repeat-x top left #666; float: right; width: 140px;}
div.imageHolder p {padding: 5px 0 0px 0; color: #fff; font-size: 0.8em; text-align:center ; }
div.imageHolder a {color: #fff; }
div.imageHolder a:hover {color: #ccc; text-decoration:none;  }
div.imageHolder.red {background: url(../img/bg/image-red.gif) repeat-x top left #990000; }
div.imageHolder.ministry1 {margin: 60px 0; padding: 15px 15px 30px 15px; background: url(../img/bg/image-red.gif) repeat-x top left #990000; }
div.imageHolder.green {background: url(../img/bg/image-green.gif) repeat-x top left #009900; }
div.imageHolder.noText {padding: 15px 15px 30px 15px; }

/*************************** LISTS ***************************************/
#content ul {margin: 10px 0 10px 10px; }
#content ul li {margin: 0 0 5px 0px; padding: 0 0 0 17px; background: url(../img/icons/bullet-ul.gif) no-repeat 0 2px; line-height: 1.5em; }

#content ul.faq li ul {margin: 0px; }
#content ul.faq li ul li {margin: 0px; background: none; padding: 0px; }
#content ul.faq li ul li p {margin:5px 0 10px 0; }
#content ul.faq ul.list {margin: 10px 0 10px 10px; }
#content ul.faq ul.list li {margin: 0 0 5px 0px; padding: 0 0 0 10px; background: url(../img/icons/bullet-list.gif) no-repeat 0 4px; line-height: 1.5em; }

#content ol {margin: 10px 0 10px 28px; }
#content ol li {margin: 0 0 5px 0px; line-height: 1.5em; }

/*Download Lists*/
#content ul.downloads li {margin: 0 ; padding:0; background:none; }
#content ul.downloads li.doc {padding: 1px 0 2px 22px; background: url(../img/icons/doc.gif) no-repeat top left; }
#content ul.downloads li.desc {margin: 0 0 10px 22px; color: #aaa; }
#content ul.downloads li.web {padding: 1px 0 2px 22px; background: url(../img/icons/webpage.gif) no-repeat 4px 5px; }

/*block quotes*/
div.blockquote { width: 140px; padding: 0 0 48px 0;  background: url(../img/icons/quotes-close.gif) no-repeat bottom right; float:left; }
blockquote { padding: 47px 0 0 0; background: url(../img/icons/quotes-open.gif) no-repeat top left ; }
blockquote p { font-size: 1.1em; color: #999; line-height: 1.6em; }
#thirdCol blockquote p { font-size: 1.0em; }
blockquote cite {margin: 20px 0 0 0; color: #999; font-style:normal;  display: block; }
div.blockquote.wide {margin: 10px 0 20px 0; padding: 0 0 42px 0;  display: block ; width: 100%;}
div.blockquote.wide blockquote {width: 100%;}
div.blockquote.wide cite {font-style: italic}

#thirdCol div.blockquote { width: 99%; padding: 0 0 18px 0;  background: url(../img/icons/quote-close-small.gif) no-repeat bottom right}
#thirdCol blockquote { padding: 22px 0 0 0; background: url(../img/icons/quote-open-small.gif) no-repeat top left ; }
#thirdCol cite {font-style:italic;  }
/*.................................................. FOOTER ...............................................*/
#footer {padding: 5px 10px 0 10px; margin: 0 0 10px 0; height:50px; clear:both;  background: #ccc; height: 21px; }
#footer ul li {padding: 0 0 0 8px; margin: 0px; display: inline; background: url(../img/icons/bullet-footer.gif) no-repeat 0 5px; }
#footer ul li.noBullet {padding: 0; background: none;}
#footer ul li a {color: #000}
#footer ul li.on a, #footer ul li a:hover {text-decoration: none; color: #666}

p.credits {text-align: right; color: #aaa; font-size: 0.9em; }
p.credits  a {color: #666 }