body {
    margin:9px 9px 0 9px;
    padding:0;
    background:#FFF;}

  #level0 {
    background:#FC0;
    width:100%;}

  #level1 {
    margin-left:143px;
    padding-left:9px;
    background:#FFF;}

  #level2 {
    background:#FFF3AC;
    position:relative;
    width:inherit;}

  #main {
    margin-right:9em;
    border-right:1px solid #FC0;
    padding-right:9px;
    background-color: #FFF;;}

  #topBar {
    background: #FC0;
    width:100%}

  #advBar {
    background-image: url('../background/banner_background.gif');
    clear:right;
    text-align:center}

/*the background color must change with the season; the normal is #FFF3AC; green is #A8FFC7 */
  #tipDay {
    float:right;
    width:11em;
    background:#FFF3AC;
    position:relative;}

  #lftBar {
    position:absolute;
    width:143px;
    top:9px;
    left:9px;}

  #lftBar p.menu{
    text-align:center;
    font: bold 0.85em Verdana;
    BORDER-TOP: #FC0 1px solid;
    BORDER-LEFT:  #FC0 1px solid;
    BORDER-RIGHT:  #FC0 1px solid;
    color: #f60;
    DISPLAY: block;
    background-color:#FFF3AC;}

    /*menu or link subtitle*/
    #lftBar p.sublink{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px; 
    PADDING-TOP: 0px;
    text-align:center;
    font:bold .7em Arial,Geneva,sans-serif;
    color: brown;
    BORDER-TOP: #FC0 1px solid;
    BORDER-LEFT:  #FC0 1px solid;
    BORDER-RIGHT:  #FC0 1px solid;
    DISPLAY: block;
    background-color:#FFF3AC;}

    /*this is a normal paragraph*/
    #lftBar p.link{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px; 
    PADDING-TOP: 0px;
    text-align:center;
    font:bold .7em Arial,Geneva,sans-serif;
    BORDER-TOP: #FC0 1px solid;
    BORDER-LEFT:  #FC0 1px solid;
    BORDER-RIGHT:  #FC0 1px solid;
    DISPLAY: block}

  #lftBar p.menu2{
    text-align:center;
    font:bold 0.8em Verdana;
    BORDER-TOP: #FC0 1px solid;
    BORDER-LEFT:  #FC0 1px solid;
    BORDER-RIGHT:  #FC0 1px solid;
    color: #f60;
    DISPLAY: block;
    background-color:#FFF3AC;}

    /*this is a normal paragraph*/
    #lftBar p.link2{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px; 
    PADDING-TOP: 0px;
    text-align:center;
    font:bold .7em Arial,Geneva,sans-serif;
    BORDER-TOP: #FC0 1px solid;
    BORDER-LEFT:  #FC0 1px solid;
    BORDER-RIGHT:  #FC0 1px solid;
    DISPLAY: block}

  #lftBar p.menu3{
    text-align:center;
    font:bold 0.9em Verdana;
    BORDER-TOP: #FC0 1px solid;
    BORDER-LEFT:  #FC0 1px solid;
    BORDER-RIGHT:  #FC0 1px solid;
    color: #f60;
    DISPLAY: block;
    background-color:#FFF3AC;}

    /*this is a normal paragraph*/
    #lftBar p.link3{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px; 
    PADDING-TOP: 0px;
    text-align:center;
    font:bold .8em Arial,Geneva,sans-serif;
    BORDER-TOP: #FC0 1px solid;
    BORDER-LEFT:  #FC0 1px solid;
    BORDER-RIGHT:  #FC0 1px solid;
    DISPLAY: block}


    /*the anchor's look*/
    #lftBar A{
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0px;
    padding-top: 0;
    Display: block;
    margin: 0px;
    color: #609;
    background-color: #FFF3AC;
    text-decoration:none;}

    #lftBar A:hover{
    color: blue;
    background-color: #ff9;}

  #lftBar p.thanks{
    text-align:center;
    font: normal 0.7em Arial;
    color: blue;}
 
  #rgtBar {
    position:absolute;
    width:9em;
    top:0;
    right:0;}
 
 #main h1 {
    margin:0;
    padding-left:.3em;
    padding-right:5em;
    font-weight:bold;
    font:0.8em Verdana,Helvetica,Arial;
    color:#609;
    background:#FC0;}

/* the bottom menu style*/
 #main p.bottommenu {
    margin:0em;
    display:block;
    padding-left:..7em;
    padding-right:.7em;
    padding-top:0.7em;
    padding-bottom:0.7em;
    text-align:center;
    font:.6em Verdana, Helvetica, Arial;
    color:#609;
    background:#FC0;}

    /* Main Content's paragraph Headers */
    /* Normal */
    #main p.header {
    font-weight:bold;
    font: bold .75em Verdana, Helvetica, Arial;
    color:brown;}

	/* Centered */
	#main p.headercenter {
	font-weight:bold;
	text-align: center;
	font: bold .75em Verdana, Helvetica, Arial;
	color:brown;}

	/* Right Justified */
	#main p.headerright {
	font-weight:bold;
	text-align: right;
	font: bold .75em Verdana, Helvetica, Arial;
	color:brown;}

	/* Header Quote Emphasis or Italics-NORMAL-may follow original paragraph justifications*/
	.headerquote {
	color: #777;
	font: bold italic .75em Verdana, Helvetica, Arial;}

	/* Header Quote Emphasis or Italics-CENTER-may follow original paragraph justifications*/
	.headerquotecenter {
	color: #777;
	text-align: center;
	font: bold italic .75em Verdana, Helvetica, Arial;}

	/* Header Quote Emphasis or Italics-RIGHT-may follow original paragraph justifications*/
	.headerquoteright {
	color: #777;
	text-align: right;
	font: bold italic .7em Verdana, Helvetica, Arial;}

    .subheader {
    font-weight:bold;
    font: italic .7em Verdana, Helvetica, Arial;
    color:#211;}

    /* Main Content's author */
    .author {
    text-align: right;
    color: #771;
    font: .75em Verdana, sans-serif;}

    /* left-aligned image that may be placed in the Main content*/
   .leftimage{
    margin: 0.5em;
    text-align: left;
    float: left;
    position:relative;
    }

    /* right-aligned image that may be placed in the Main content*/
   .rightimage{
    margin: 0.5em;
    text-align: right;
    float: right;
    position:relative;
    }

    /* center-aligned image that may be placed in the Main content*/
   .centerimage{
    margin: 0em;
    text-align: center;
    float: center;
    position:relative;
    }

    /* Main Content's Date */
    .date {
    display:block;
    color: #fb7;
    font: .75em Verdana, sans-serif;}

    /* Main Content's paragraphs */
    #main p.content {
    margin-left:2em;
    font:.75em Verdana, Helvetica, Arial;
    color: black;}

	/* Centered */
	#main p.contentcenter {
	margin-left:2em;
	text-align: center;
	font:.75em Verdana, Helvetica, Arial;
	color: black;}

	/* right justified */
	#main p.contentright {
	margin-left:2em;
	text-align: right;
	font:.75em Verdana, Helvetica, Arial;
	color: black;}

	/* more right justified */
	#main p.contentmoreright {
	margin-right:4em;
	text-align: right;
	font:.75em Verdana, Helvetica, Arial;
	color: black;}

	/* more left margin */
	.contentmoreleft {
	margin-left:4em;
	font: .75em Verdana, Helvetica, Arial;
	color: black;}


	/* Main Content's text emphasis or italicizing or quotations*/
	/* Normal */
	.quote {
	font: italic .75em Verdana, Helvetica, Arial;
	color: #550;}

	/* Normal-more left */
	.quotemoreleft {
	margin-left:4em;
	font: italic .75em Verdana, Helvetica, Arial;
	color: #550;}

	/* center */
	.quotecenter {
	text-align: center;
	font: italic .75em Verdana, Helvetica, Arial;
	color: #550;}

	/* right */
	.quoteright {
	text-align: right;
	font: italic .75em Verdana, Helvetica, Arial;
	color: #550;}

	/* Normal-more right */
	.quotemoreright {
	margin-right:4em;
	font: italic .75em Verdana, Helvetica, Arial;
	color: #550;}

    /* Main Content's definition list */
    #main dl {
    font-weight:bold;
    font: bold .95em Verdana, Helvetica, Arial;
    color:brown;}

    /* Main Content's definition list's term */
    #main dt {
    margin-left:0;
    font:.85em Verdana, Helvetica, Arial;
    color: brown;}

    /* Main Content's definition list's definition */
    #main dd {
    margin-left:2em;
    font:.85em Verdana, Helvetica, Arial;
    color: black;}


    /* Main Content's more link.. */
    .subcontent {
    display: block;
    text-align: left;
    font: .85em Verdana, sans-serif;}


    /* Main Content's more link.. */
    .more {
    display: block;
    text-align: right;
    font: .7em Verdana, sans-serif;}

    /* Main Content's link color.. */
    #main a{
    text-decoration:none;
    color:#609;}

    /* Main Content's link hovering color.. */
    #main a:hover{
    color:blue;
    background:#ff9;}

    #main img{
    margin-bottom:1em;
    text-align: center;
    }

    /*Rightbar Header with background color*/
    #rgtBar h3 {
    margin:0;
    padding:3px;
    background:#FC0;
    font-family: Arial,Verdana,sans-serif;
    font-weight:bold;
    font-size:.8em;
    text-align:center;
    color:#609;}

    /* rightbar anchor formatting*/
    #rgtBar a{
    text-decoration:none;
    color:#609;}

    #rgtBar a:hover{
    color:blue;
    background:#FFa;}

    /* the contents of right bar*/
    #rgtBar p.rgtcontent {
    font: normal .7em Verdana, Arial, sans-serif;
    color:#600;
    margin-left: .7em;}

    /* center-formatting of e-group form in right bar*/
    #rgtBar p.formcenter {
    text-align:center;}

    /* right-formatting of the search form found at the top bar*/
    #topBar form {
    float:right;
    width:10.5em;
    text-align:right;
    margin:0;
    line-height:.7em;}

    #topBar input {
    font-size:0.8em;}

    /* formatting for the display of the top bar navigational links*/
    #topBar b {
    display:block;
    text-align:left;
    font:bold .7em/1.5em Arial,Geneva,sans-serif;
    padding-left:.5em;}

    /*topBar's link decoration*/
    #topBar A{
    text-decoration: none;
    color:#609;}

    /*topBar's hovering color*/
    #topBar A:hover{
    color: blue;
    background-color: #ff9;
    }

    /* formatting for the title of the Liturgical Calendar*/
    #tipTit {
    width:14em;
    position:absolute;
    text-align:center;
    top:-1.7em;
    right:0;
    font:.8em/1.8em Arial,Geneva,sans-serif;
    color: blue;}


    /* alignment of the texts found at the advertisement in the top bar*/
    #advBar p{
    text-align:right;
    margin:0 0.5em;
    font-weight:bold;}

    /* formatting of the image found at the advertisement in the top bar*/
    #advBar img{
    margin-bottom:1em;
    }

    .note {
    color:red}

    /* formatting of everything in the footers*/
    #footer {
    background: #FFF;}

    #footer p.foot{
    text-align:center;
    margin:0 0.2em;
    font:0.6em Arial,Geneva,sans-serif;
    font-weight:normal;
    color:red}

    #footer a{
    text-decoration:none;
    color:blue;}

    #footer a:hover{
    color:red;
    font:1.2em Arial,Geneva,sans-serif;
    font-variant: small-caps;
    font-weight: bold;}