/* How to change Season colors:
 * go to yearMain: background-color (this is for the text - i.e. "2010 Year of the Priest")
 * go to .liturgy: background-color (this is for the top and bottom strips)
*/


/* CSS Document */

/**************************************************/
/*                                                */
/*              General Layout                    */
/*                                                */
/**************************************************/


body {
	margin-left: 10%;
	margin-right: 10%;
	font-family: "Times New Roman", Times, serif;
	margin-top: 10px;
	font-size: medium;
	background-color: #CC9966;
	}

#yearMain {
	background-color: #339933;
	border-color: #FF9900;
	border-style:solid;
	border-width:thin;
	padding: 0.3em;
	font-size: large;
	color: #e0ca8b;  /* was ff9900 */
	width: 40%;
	}	

#contentContainer {
	width: 800px;
	background-color: #dccbbb;
	}	
	
#menuContainer {
	width: 100%;
	background-color: #47698a;
	height: 3ex;	
	}
	
#footer {
	width: 800px;
	font-size: 0.7em;
	font-style: italic;
	text-align: center;
	}
	
#callout {
	background-color: #d1b7a0;
	text-align: left;
	padding: .5em;
	margin: .5em;
	}	
	
.smallHalf {
	float: left;
	width: 48%;
	padding: .5em;
	font-family: "Times New Roman", Times, serif;
	text-align: left;
	font-size: 1.0em;
	}	


.smallThird {
	float: left;
	width: 32%;
	padding: .2em;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	font-size: 1.2em;
	}	
	
.smallThird img {
	border: #000000;
	border-top-color: #0000FF;
	border-right-color: #0000FF;
	border-bottom-color: #0000FF;
	border-left-color: #0000FF;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	}
		
.small2 {
	float: left;
	width: 26%;
	font-family: "Times New Roman", Times, serif;
	padding: .2em;	
	}	
	
.small3 {
	float: left;
	width: 30%;
	font-family: "Times New Roman", Times, serif;
	padding: .2em;	
	}	

.clear {
	clear:both;
    }

/************** .feature styles ***************/

.feature{
	padding: 10px 10px 10px 10px;
	text-align: left;
	}


.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
	}


/************** .feature styles ***************/

.foto{
	padding: 10px 10px 10px 10px;
	text-align: center;
	}

.foto caption{
	text-align: center;
	}

/**************************************************/
/*                                                */
/*              Text Deffinitions                 */
/*                                                */
/**************************************************/

h1 {
	font-size: xx-large;
	color: #000000;
	margin-left: 12px;
	}
	
h2 {
	font-size: x-large;
	margin-left: 12px;

	}
	
h3 {
	font-size: 2.5em;
	text-align:center;
	}
	
h4 {
	font-size: medium;
	margin-left: 12px;
	text-align: center;
	}
	
	

h6 {
	font-size: medium;
	margin-left: 12px;
	text-align: center;
	}


p {
	font-size: small;
	}

.subtle {
	color:#775f43;
	}	
	
p.red {
	color: #cc3333;
	}
	
p.green {
	color: #009933;
	}
	
p.bold {
	font-weight: bold;
	}
	
.heavy {
	font-weight: bolder;
	}
	

/***********************************************************/
/*                                                         */	
/* this colour changes the global time colour for the site */
/*                                                         */	
/***********************************************************/

.liturgy {
	background-color:#339933;
	width: 100%;
	height: .6em;
	}
	
/***********************************************************/
/*                                                         */			
/*    Advent and Lent colour violet (or there abouts)      */
/*    Use these for pages that will not change with        */
/*    the time.                                            */
/*     	                                                   */
/***********************************************************/


/* Lent colour is purple  */
.time1 {
	background-color:#663399;
	width: 100%;
	height: .6em;
	}	
/* Christmas and Easter colour is white  */
.time2 {
	background-color:#FFFFFF;
	width: 725px;
	height: .6em;
	}	
/* Ordinart time colour is green */
.time3 {
	background-color:#339933;
	width: 725px;
	height: .6em;
	}	
/* Triduun colour is rea (I am not sure if this is used) */
.time4 {
	background-color:#FF0033;
	width: 725px;
	height: .6em;
	}
	
	


/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
	text-align:left;
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 780px; /*For KHTML*/
  list-style: none;
}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 9em;
  list-style: none;
  display: none;
  position: absolute;
  left: 0;
}

ul#navmenu ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
  border: 1px solid #6188AE; /*#FFF*/
  border-right-color: #3E5C79; /*#CCC*/
  border-bottom-color: #3E5C79; /*#CCC*/
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #47698a; /*#EEE*/
  color: #e0ca8b; /*#666*/
  font: bold .6em Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #6188AE; /*#CCC rollover color #3E5C79 #6188AE*/
  color: #e0ca8b; /*FFF*/
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: #47698a; /*#EEE*/
  color: #e0ca8b; /*#666*/
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #6188AE;
  color: #e0ca8b;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}