/* STYLESHEET:
	SITE:		OUR LADY OF LOURDES ROMAN CATHOLIC CHURCH HARPENDEN
      CREATED:	MAY 2006
	AUTHOR:		ROBIN KING <www.redpandadesign.com>
*/

/* ELEMENT LEVEL STYLES */

body {
	margin: 0px ;
     /*   background-color: #CCCC99 ;	*/
	background: url('Images/flare-bg.jpg') repeat ;
}

img {
	border: 0px ;
}


/* MAIN CONTAINER ELEMENTS */

#main {
	position: absolute ;
	top: 0px ;
	left: 0px ;
	width: 72% ;
	background: #FFF ;
	border-top: 1px solid #FFF ;
	border-left: 1px solid #FFF ;
	border-right: 1px solid #FFF ;
	border-bottom: 1px solid #FFF ;
	margin-top: 10px ;
	margin-left: 10px ;
}

#rightside {
	position: absolute ;
	right: 0px ;
	top: 0px ;
	width: 23.5% ;
	text-align: left ;
}

/* LEFT SIDEBAR (menu etc.), lives inside 'main' */

#leftside {
	float: left ;
	width: 108px ;
	border: 0px solid #000;
	background: url('Images/mary.jpg') top left no-repeat #FFF ;
}

/* main menu container */
#menu {
	margin: 0px ;
        padding: 150px 0px 0px 0px ;
        width: 108px ;
}
/* menu entries */
a.menuEntry {
        display: block ;
	font: bold 9pt sans-serif ;
        text-align: left ;
	text-decoration: none ;
        color: #666 ;
        padding: 5px ;
        border-bottom: solid 1px #CCCC99 ;
}
a.menuEntry:visited {
        color: #666 ;
	text-decoration: none ;
}
a.menuEntry:hover {
        color: #000 ;
	text-decoration: none ;
}
.menuEntryOn {
	font: bold 9pt sans-serif ;
        text-align: left ;
        padding: 5px 5px 5px 5px ;
        border-bottom: solid 0px #FFF ;
        color: #FFF ;
        background-color: #CCCC99 ;
}
a.submenu {
        display: block ;
	font: 8pt sans-serif ;
        text-align: left ;
	text-decoration: none ;
        background-color: #CCCC99 ;
        color: #000 ;
        padding: 2px 5px 2px 20px ;
}
/*
a.submenu:visited {
       color: #000 ;
       text-decoration: none ;
}
*/
a.submenu:hover {
	color: #000 ;
	background-color: #E3E3AA ;
	text-decoration: none ;
	border-bottom: 0px dashed #666 ;
}
.submenuOn {
	font: 8pt sans-serif ;
	text-align: left ;
	color: #666633 ;
	background-color: #F9F2E4 ;
	background-color: #E3E3AA ;
	padding: 2px 5px 2px 20px ;
	border-bottom: 0px dashed #CCC ;
	border-bottom: 0px dashed #666 ;
}

/* MAIN (CENTRAL) CONTENT COLUMN */

#content {
	margin-left: 108px ;
	padding-bottom:20px;
	background: url('Images/olol5.jpg') top left no-repeat ;
}

.mainHeading {
	font: bold 9pt palatino linotype, palatino ;
 	color: #999999 ;
	margin: 10px 50px 0px 50px ;
        padding: 0px 0px 5px 0px ;
	border-width: 0px 0px 1px 0px ;
        border-style: dashed ;
        border-color: #CCCCCC ;
}

/* container for a standard entry in the content column */
.mainEntry {
	border-width: 0px 0px 1px 0px ;
        border-style: dashed ;
        border-color: #CCCCCC ;
        padding: 10px 2px ;
        text-align: left ;
        margin-left: 50px ;
        margin-right: 50px ;
}
.mainEntry h1 {
	font: bold 9pt palatino linotype, palatino, serif ;
 	color: #999999 ;
        margin: 3px 0px ;
        padding: 0px ;
}
.mainEntry h2 {
	font: bold 9pt palatino linotype, palatino, serif ;
 	color: #000066 ;
        margin: 3px 0px ;
        padding: 0px ;
}
/* used for block highlighting */
.mainEntry h3 {
	font: 8pt palatino linotype, palatino, serif ;
        padding: 1px 5px ;
        margin: 0px ;
	color: #666 ;
        background-color: #F1F1E1 ;
}
.mainEntry h4 {
	font: bold 9pt palatino linotype, palatino, serif ;
 	color: #FFF ;
        background-color: #CCCC99 ;
        margin: 0px 0px 5px 0px ;
        padding: 2px ;
}
.mainEntry p {
	font: 8pt sans-serif ;
   /*     font: small sans-serif ;	*/
 	line-height: 17px ;
	color: #333333 ;
        margin: 0px 0px 5px 0px ;
        padding: 0px ;
}
.mainEntry ul {
	font: 8pt sans-serif ;
 	line-height: 17px ;
	color: #333333 ;
        margin: 0px ;
        padding: 0px 15px ;
}
.mainEntry li {

}

/* used to create padding at top of 'content' column */
.margintop {
	border-width: 0px ;
        border-style: dashed ;
        border-color: #CCCCCC ;
        text-align: left ;
        margin-left: 50px ;
        margin-right: 50px ;
	font: bold 9pt palatino linotype, palatino, serif ;
	color: #FFF ;
        padding: 140px 0px 0px 0px ;
}


/* CONTENT FOR THE SIDEBAR (RIGHT HAND COLUMN) */
#toolbox {
        margin: 10px 20px 0px 0px ;
        border: 1px solid #FFF ;
	background: url('Images/tools-bg.jpg') top right no-repeat #64B4E2 ;
        height: 135px ;
}
#toolboxcontent {
        margin: 10px 70px 30px 7px ;
  /*      border-bottom: 1px dashed #FFF ;	*/
}
#toolboxcontent p {
	font: 8pt palatino linotype, palatino, serif ;
        text-align: left ;
        color: #FFF ;
        padding: 0px 0px 2px 0px ;
        margin: 0px ;
}
#toolboxcontent p.last { margin-bottom: 2em ; }
#address {
        margin: 10px 20px 0px 0px ;
        border: 1px solid #E4E4BF ;
	background: url('Images/address-bg.jpg') bottom right no-repeat #FFF ;
        padding: 10px 7px ;
}
#address p {
	font: 8pt palatino linotype, palatino, serif ;
        text-align: left ;
        color: #666633 ;
        padding: 0px ;
        margin: 0px ;
}

/* used for contact info */
.boxInset {
        margin: 10px 20px 0px 0px ;
        border: 1px solid #E4E4BF ;
/*	background: url('Images/address-bg.jpg') bottom right no-repeat #FFF ;	*/
        padding: 10px 7px ;
}
.boxInset p {
	font: 9pt palatino linotype, palatino, serif ;
        text-align: left ;
        color: #666633 ;
        padding: 1px 0px ;
        margin: 0px ;
}

.box {
	font: 9pt sans-serif ;
        text-align: left ;
      /*  padding-top: 135px ;	*/
        background-color: #E4E4BF ;
        margin: 20px 20px 0px 0px ;
        border: 1px solid #FFF ;
}
.box h1 {
	font: bold 10pt palatino linotype, palatino, serif ;
        margin: 0px ;
        color: #663300 ;
        background-color: #CCCC99 ;
        padding: 8px 5px ;
        background: url('Images/sidebarhead-bg.jpg') bottom repeat-x ;
}
.box h2 {
	background-color: #F1F1E1 ;
        color: #666 ;
        font: bold 8pt sans-serif ;
        padding: 0px 5px ;
        margin : 0px ;
        border-top: 1px solid #FFF ;
        border-bottom: 1px solid #FFF ;
}
.box h3 {
	background-color: #F1F1E1 ;
        color: #666 ;
        font: bold 8pt sans-serif ;
        padding-left: 5px ;
        margin : 0px ;
        border-top: 1px solid #FFF ;
        border-bottom: 1px solid #FFF ;
}
.box p {
	background-color: #F1F1E1 ;
        color: #666 ;
        font: bold 8pt sans-serif ;
        padding-left: 25px ;
        margin : 0px ;
        border-top: 1px solid #FFF ;
        border-bottom: 1px solid #FFF ;
 	background-image: url('Images/bullet2.gif') ;
	background-repeat: no-repeat ;
}

a.hyper2 {
	display: block ;
 	background-image: url('Images/bullet.gif') ;
	background-repeat: no-repeat ;
	margin: 2px 5px ;
        padding-left: 20px ;
        color: #666633 ;
	font: bold 8pt sans-serif ;
	text-decoration: none ;
        border-top: 0px dashed #E4E4BF ;
        border-bottom: 0px dashed #E4E4BF ;
    /*    background-color: #E4E4BF ;	*/
}

a.hyper2:visited {
        color: #666633 ;
	text-decoration: none ;
}
a.hyper2:hover {
        color: #000 ;
	text-decoration: none ;
        border-top: 0px dashed #FFF;
        border-bottom: 0px dashed #FFF ;
    /*    background-color: #E4E4BF ;	*/
}
table.google {
	background-color: #FFF ;
	font: 8pt sans-serif ;
}
/* Table for MASS TIMES */

table.mass {
	font: 8pt sans-serif ;
    	border-collapse: collapse ;
        border: solid 1px #CCCC99 ;
        margin: 10px 0px ;
        vertical-align: top ;
        background-color: #FFF ;
}
table.mass td {
	padding: 2px 5px ;
}
table.mass td.head {
	font: bold 8pt sans-serif ;
        color: #666633 ;
}
table.mass tr.mt-weekends {
	background-color: #E4E4CD ;
}
table.mass tr.mt-weekdays {
	background-color: #EBEBD8 ;
}
table.mass tr.mt-holydays {
	background-color: #F1F1E1 ;
}
table.mass tr.mt-novena {
	background-color: #F7F7EB ;
}
table.mass tr.mt-confession {
	background-color: #FEFEF8 ;
}

#olol {
	width: 553px ;
        height: 149px ;
        background: url('Images/olol.gif') top left no-repeat ;
}
#olol2 {
	padding-top: 160px ;
        background: #ccccff ;
}
.hidden p {
	font: 9pt sans-serif ;
        background-color: #CCCC99 ;
        color: #CCCC99 ;
        padding: 10px ;
        margin: 0px ;
}
.imgInset {
	float: right ;
        margin-left: 10px ;
        border: 2px solid #CCCC99 ;
}

a.expand {
	display: block ;
	font: 8pt palatino linotype, palatino, serif ;
        text-decoration: none ;
        color: #FF9900 ;
}
a.expand:hover {
        text-decoration: underline ;
        color: #666633 ;
}
a.expand:visited {
        text-decoration: none ;
        color: #FF9900 ;
}

#footer {
        text-align: center ;
        margin-left: 50px ;
        margin-right: 50px ;
        margin-top: 20px ;
        border-top: 0px solid #CCC ;
        height: 50px ;
}
#footer p {
	font: 8pt palatino linotype, palatino, serif ;
        color: #666633 ;
        padding: 0px ;
        margin: 0px ;
}

/* main text links */
a.hyper {
	font: bold 8pt sans-serif ;
        text-decoration: underline ;
        color: #666633 ;
}
a.hyper:hover {
        text-decoration: none ;
        color: #CCCC99 ;
}
a.hyper:visited {
        text-decoration: underline ;
        color: #999 ;
}

a.hyperlite {
	font: 8pt palatino linotype, palatino, sans-serif ;
        text-decoration: none ;
        color: #666633 ;
        padding: 5px 2px ;
}
a.hyperlite:hover {
        text-decoration: underline ;
        color: #000 ;
}
a.hyperlite:visited {
        text-decoration: none ;
        color: #999 ;
}
a.hyperlite2 {
	font: 8pt palatino linotype, palatino, sans-serif ;
        text-decoration: underline ;
        color: #666633 ;
        padding: 5px 2px ;
}
a.hyperlite2:hover {
        text-decoration: none ;
        color: #000 ;
}
a.hyperlite2:visited {
        text-decoration: underline ;
        color: #999 ;
}
/* heading links */
a.hyperHead {
	display: block ;
	font: bold 9pt palatino linotype, palatino, sans-serif ;
        text-decoration: underline ;
        color: #666633 ;
        margin: 3px 0px ;
        padding: 0px ;
}
a.hyperHead:hover {
        text-decoration: none ;
        color: #CCCC99 ;
}
a.hyperHead:visited {
        text-decoration: underline ;
        color: #999 ;
}

/* boxed-in style links */
a.hyperBox {
	font: bold 9pt sans-serif ;
        text-decoration: none ;
        border: 1px solid #3399CC ;
        color: #FFF ;
        background-color: #87CEF7 ;
       	margin: 0px 10px 0px 7px ;
        padding: 0px 5px ;
        text-align: center ;
}
a.hyperBox:hover {
        text-decoration: none ;
        color: #3399CC ;
}
a.hyperBox:visited {
        text-decoration: none ;
        color: #FFF ;
}

a#search {
	font: .65em arial, sans-serif ;
	letter-spacing: .05em ;	
	margin-top: 1em ;
	color: #663 ;
	background-color: #FFF ;
	border: 1px solid #CC9 ;
	padding: 3px ;
	text-decoration: none ;
}
a:hover#search {
	color: #FFF ;
	background-color: #CC9 ;
	border: 1px solid #FFF ;
}

ul.plainList {
	margin-left: 0px ;
	padding-left: 0 ;
	margin-top: 5px ;
}

ul.plainList li {
	padding: 3px 0 ;
	list-style: none ;
}