body {background-color: white}

a:link {color:#2222ff;	text-decoration:underline}
a:visited {color:#2222ff}
a:hover {color:#ff2222}
a:active {color:#0000ff}

.linkbuttonoff {background-color:#CCCCFF;
	border-width:1px;
	border-style:outset;
	border-color:#CCCCCC}

.linkbuttonon {background-color:#EEEEFF;
	border-width:1px;
	border-style:outset;
	border-color:#CCCCCC;
	cursor:pointer}

.youarehere {background-color:#FFFFCC;
	border-width:1px;
	border-style:outset;
	border-color:#CCCCCC}


H1 {color:#0000FF;
	font-size:22pt;
	font-family: helvetica, arial, sans-serif;
	text-align:center;
	padding: 10px;}
H2 {color:#000000;
	font-size:22pt;
	font-family: helvetica, arial, sans-serif}
H3 {color:#000000;
	font-size:18pt;
	font-family: helvetica, arial, sans-serif}
H4 {color:#000000;
	font-size:16pt;
	font-family: helvetica, arial, sans-serif}
H5 {color:#000000;
	font-size:14pt;
	font-family: helvetica, arial, sans-serif}
H6 {color:#000000;
	font-size:12pt;
	font-family: helvetica, arial, sans-serif}

H1 b {color:#000000;
	font-size:24pt;
	font-family: times, "times new roman", serif}
H2 b {color:#000000;
	font-size:22pt;
	font-family: times, "times new roman", serif}
H3 b {color:#000000;
	font-size:18pt;
	font-family: times, "times new roman", serif}
H4 b {color:#000000;
	font-size:16pt;
	font-family: times, "times new roman", serif}
H5 b {color:#000000;
	font-size:14pt;
	font-family: times, "times new roman", serif}
H6 b {color:#000000;
	font-size:12pt;
	font-family: times, "times new roman", serif}

H1 strong {color:#666699;
	font-size:24pt;
	font-family: helvetica, arial, sans-serif}
H2 strong {color:#666699;
	font-size:22pt;
	font-family: helvetica, arial, sans-serif}
H3 strong {color:#666699;
	font-size:18pt;
	font-family: helvetica, arial, sans-serif}
H4 strong {color:#666699;
	font-size:16pt;
	font-family: helvetica, arial, sans-serif}
H5 strong {color:#666699;
	font-size:14pt;
	font-family: helvetica, arial, sans-serif}
H6 strong {color:#666699;
	font-size:12pt;
	font-family: helvetica, arial, sans-serif}


li {font-size:11pt;
	font-family: helvetica, arial, sans-serif}
dl {font-size:11pt;
	font-family: helvetica, arial, sans-serif}
dd {font-size:11pt;
	font-family: helvetica, arial, sans-serif}

.i {font-style:italic}
i {font-style:italic}
em {font-style:italic}

p {color:#000000;
	font-size:12pt;
	font-family: times;}

p small {color:#000000;
	font-size:10pt;
	font-family: helvetica, arial, sans-serif}

.tiny {font-size:9pt;
	font-family: helvetica, arial, sans-serif}

.tinysans {font-size:9pt;
	font-family: helvetica, arial, sans-serif}

.nine {font-size:9pt;
	font-family: helvetica, arial, sans-serif}

.eight {font-size:8pt;
	font-family: helvetica, arial, sans-serif}

.byline {color:#000000;
	font-size:9pt;
	font-family: helvetica, arial, sans-serif}

.whitelarge {font-size:20pt;
	color:#FFFFFF;
	font-weight:bold;
	font-family: helvetica, arial, sans-serif}


small {font-size:10pt;
	font-family: helvetica, arial, sans-serif}


strong {font-size:11pt;
	color:#666699;
	font-weight:bold;
	font-family: helvetica, arial, sans-serif}


strong b {font-size:11pt;
	color:#000000;
	font-weight:bold;
	font-family: helvetica, arial, sans-serif}


center {text-align:center}


.sans {font-family: helvetica, arial, sans-serif}

.serif {font-family: times, "times new roman", serif}

.blue {color:#666699}
.blue2 {color:#000066}
.blue3 {color:#006699}
.medblue {color:#0033ff}
.red {color:#ff0000}
.red2 {color:#cc3333}
.darkred {color:#990000}
.orange {color:#FF9900}
.lightorange {color:#FFCC66}
.gray {color:#999999}
.darkgray {color:#666666}
.white {color:#FFFFFF}
.dombg {color:#CCCC99}

.center {color:#000000;
	font-size:10pt;
	text-align:center;
	font-family: helvetica, arial, sans-serif}


.lessleading {margin-top:-8}

H1.DOMcenteredtitle {color:#0000FF;font-size:18pt;	font-family: helvetica, arial, sans-serif;	text-align:center;padding: 1px 10px 1px 20px;}
H2.DOMlefthead {color:#000000; font-weight:200; font-size:13pt;	font-family: arial; }
.DOMbodytext {color:#000000;font-size:12pt;	font-family: times; }
p.DOMboldcentered {font-size:14pt;	font-family: helvetica, arial, sans-serif;	text-align:"center";padding: 1px 10px 1px 10px;}
p.DOMboldcenteredred {color:#FF0000;font-size:14pt;	font-family: helvetica, arial, sans-serif;	text-align:center;padding: 1px 10px 1px 10px;}
p.DOMboldcenteredblue {color:#0000FF;font-size:14pt;	font-family: helvetica, arial, sans-serif;	text-align:center;padding: 1px 10px 1px 10px;}
	
p.redbox {background-color:#FFdddd; font-size:12pt; font-family: times; bottom-margin: 5px; padding: 10px; border:1px solid;}
p.bluebox {background-color:#ddddFF; font-size:12pt; font-family: times; bottom-margin: 5px; padding: 10px; border:1px solid;}
     
p.longquote {font-family: helvetica, arial, sans-serif;; font-size:12pt; padding: 35px;}


/******************** our three panels ****************************/
div.titlepanel {position: absolute; top: 5px; left: 5px; width: 740px; height: 100px; background-color:#CCCC99}
div.navigationpanel { position: absolute; top:105px; left: 5px; width:160px; height:2000px; background-color:#CCCC99} 
div.contentpanel { position: absolute; top:105px; left: 180px; width:550px; background-color:white; margin-left : 20px;}

/******************** Title Panel ****************************/
.topmenu {background-color:white; color:#2222ff; font-size:8pt; font-family: arial; text-align:center }
table.topmenu { background-color:white }
td.topmenu { background-color:#DDDDAA; padding: 1px 8px 1px 8px; margin: 3px}
.diocesename {color:black; font-size:14pt; font-weight:200; font-family: helvetica, arial, sans-serif; vertical-align:middle; text-align:center }
.officename {color:black; font-size:18pt;  font-weight:500; font-family: helvetica, arial, sans-serif; vertical-align:middle; text-align:center; }

/******************** Navigation Panel ****************************/
.navigationmenu {background-color:#CCCC99; color:#2222ff; font-size:12pt; text-align:center;}
table.navigationmenu { table-layout: fixed; }
td.navigationmenu { border: 2px outset; }
navigationmenu:hover { border: 2px inset; background-color:#ff0000; }

/******************* bold tables *************************/
table.boldblue {background-color:#ddddff; }
td.boldblue { font-weight:300; color:#0000FF;   padding: 5px 20px 5px 20px;}

li.plainlist {font-size:12pt;  padding: 1px 1px 7px 1px; font-family: times}

/******************** for online registration forms ****************************/
.registration {background-color:#EEFFFF; }
input.registration {onkeypress="return noenter()" }
table.registration { empty-cells: show; }
td.registration, th.registration { font-size: x-small;  font-family: times;  padding-left: 0.1cm;  padding-right: 0.1cm }
th.registration {  font-weight: bold;   background-color: AAFFFF}
td.registration { background-color: FFFFFF }

/******************** Fly-out menus are implemented with CSS *********************/
#nav, #nav ul {		  padding: 0px; margin: 0px; list-style: none; float : left;	width : 160px;	}
#nav li {     position : relative;  float : left; line-height : 20px; width: 160px; 	font-size : 10pt; 	}
#nav li ul {  		position : absolute; 	left: -999em; 		margin-left : 200px; 		margin-top : -20px; 		width : 160px; 	}
#nav li ul ul { 		left: -999em; 	}
#nav li a { 	width: 160px; 	display : block; 	color : black; 	text-decoration : none; 	background-color : #DDDDAA; 	border : 2px outset; 	padding: 1px 8px 1px 8px; 	}
#nav li a:hover {  	color : black;		background-color : #AAAA77; 	}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { 		left: -999em; 	}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul  	{ 	left: auto; 	}
	

/******************** Drop-down menus implemented with JavaScript **************************/
.DOMtab{
           font-family: arial, verdana, san-serif; font-size: 12px; 
           text-align: center; 
           padding-left:10px;  padding-right:10px; padding-top:1px;  padding-bottom:1px; border:2px outset; 
           color: #4444ff; cursor:pointer; }
.DOMmenu{
           background-color: #CCCC99; color: #4444ff; 
           position: absolute; border:0; visibility:hidden; z-ndex: 1 }
.DOMmenuItem{
           font-family: arial, verdana, san-serif; font-size: 12px; 
           text-align: left;
           padding-left:8px;  padding-right:8px; padding-top:1px;  padding-bottom:1px; border:2px outset; 
           background-color: #CCCC99;
           color: #4444ff;  cursor:pointer;}
.DOMmenuLink{ font-family: arial, verdana, san-serif; font-size: 12px; color: #4444ff; text-decoration: none; }
.DOMmenuLink:hover {color:#000000; text-decoration: none;}