/* Body text and page background */
body, html {
    margin:0;
    padding:0;
    border: 0;
background:#ffffff;
    color:#000;
   font-family: Arial, Helvetica, San-serif;
   font-size: 1em;
}

body {
    min-width:900px;
    }

#wrap {
/*position: relative;*/
margin: 0 auto;
background: #428142; /*green*/
width: 900px;
}

#header, #footer {
background:#428142; /*green*/
padding:5px;
    margin:0;
}

#topright {
background: #428142;
margin-left: 220px;
margin-top:35px;
height: 125px;
background-image: url(images/holy-fam-head2.jpg);
background-repeat:no-repeat;
}

#topleft {
background: #428142;
height: 160px;
width: 110px; 
float: left;
}


#nav {
    background:#428142;/*green*/
    padding:5px;
    }

#content {
float:right;
width:83%;
background-color: #ffffff;
padding-left: 10px;
padding-right: 10px;
border: thick solid #b88e5e; /*gold*/
}

#sidebar {
background-color: #428142;
float: left;
width: 13%;
}

#menu {
background:#428142; /*green*/
/*width 110px;*/
}

ul.menu {
font-size:.75em;
list-style-type: none;
margin: 0px;
padding: 3px;
line-height: 2em;
}

#footer {
clear: both;
}

 #bb {
background: #ffffff;
margin-left: 40px;
margin-top:35px;
height:788px;
background-image: url(images/bb.jpg);
background-repeat:no-repeat;
}

 #fund {
background: #ffffff;
margin-top: 5px;
margin-left: 100px;
height:700px;
background-image: url(images/fund-logo3.jpg);
background-repeat:no-repeat;
}

ul.box {
font-size:.75em;
color: #000000;
text-align:center;
list-style-type: none;
margin-left: 2px;
padding: 3px;
background-color: #ffcccc;

}

h1 {
text-align:center;
font-size: 1em;
color: #000000; /*Black */
}

h2{
font-size: 2em;
color: #428142; /*green*/
text-align: center;
}

h3{
    font-size: .75em;
    color: #000000; /*black*/
    text-align: center;
}

h4{
    font-size: 1.5em;
    color: #993333; /*burgundy*/
    text-align: left;
}

h5{
    font-size: 1.5em;
font-family: Arial, Helvetica, San-serif;
    color: #993333; /*burgundy*/
    text-align: center;
}

table {
font-size: 1em;
color: #000000;
text-align:right;
border: 0;
}

td {    
padding: 5px;
text-align: center;
}

table.camp {
font-size: 1em;
text-align:right;
border-color: #b88e5e;
border-width: 1px;
}

tr.green {
background-color: #428142;
color: #ffffff;
}
tr.white {
background-color: #ffff99;
color: #000000;
}

p.head{
font-size: .75em;
color: #993333; /*burgundy*/
text-align: center;
}
p.burg{
font-size: .75em;
font-weight: bold;
color: #993333; /*burgundy*/
text-align: left;
}
p.burgr{
font-size: 1em;
color: #993333; /*burgundy*/
text-align: right;
}
p.burgl{
font-size: 1em;
color: #993333; /*burgundy*/
text-align:left;
}

p.burgc{
font-size: 1em;
font-weight: bold;
color: #993333; /*burgundy*/
text-align: center;
}

p.center{
font-size: 1em;
font-weight: bold;
color: #000000; /*black*/
text-align: center;
}

p.wl{
font-size: 1.5em;
color: #ffffff; /*white*/
text-align: left;
}

p.wc{
font-size: 1.5em;
color: #ffffff; /*white*/
text-align: center;
}

p.wr{
font-size: 1.5em;
color: #ffffff; /*white*/
text-align: right;
}

p.wls{
font-size: .75em;
color: #ffffff; /*white*/
text-align: left;
}
p.wcs{
font-size: .75em;
color: #ffffff; /*white*/
text-align: center;
}
p.wrs{
font-size: .75em;
color: #ffffff; /*white*/
text-align: right;
}

p.bl{
font-size: 1.5em;
color: #000000; /*black*/
text-align: left;
}
p.bc{
font-size: 1.5em;
color: #000000; /*black*/
text-align: center;
}
p.br{
font-size: 1.5em;
color: #000000; /*black*/
text-align: right;
}

p.bl2{
font-size: 1.25em;
color: #000000; /*black*/
text-align: left;
}

p.inv{
margin: 40px;
font-size: 1.25em;
font-weight: bold;
border-width: thick;
border-style: solid;
border-color: #b88e5e;
color: #428142; /*green*/
text-align: center;
padding: 30px;
}

p.inv2{
margin-top: 5px;
background-color: #ffff99;
text-align: center;
padding: 20px;
}



blockquote {
font-size: 1.25em;
color: #993333; /*burgundy*/
border : 2px solid #428142;
width: 400px; 
/*float: right; */
margin-left: 150px; 
padding: 10px; 
text-align: center;
background-color: #ffffcc; 
}

blockquote.left {
font-size: 1em;
color: #000000; /*black*/
border: none;
width: 60%;
margin-left: 25px; 
text-align: left;
}

/* container for the JavaScript counter*/
#counter {
text-align: center;
color: #ffffff;
font-size: .75em;
}

/* Center image between margins */
div.center{   width: 100%;   text-align: center;
}

/* Style for tables of thumbnail images */
table.thumbs{  
	vertical-align: bottom;   
	text-align: center;   
	border-collapse: collapse;
	margin: auto
}
/* Style for table cells that contain thumbnails */
td.thumbs{    
	border: solid 1px #428142;   
	padding: 10px;
}
/* Style for thumbnail images */
img.thumbs{  
	 width:100px;
border-width: 0px;
}

img.link {
border-width: 0;
}

/* FOOTER LINKS STYLING*/
a:link.simple {  
color: #000000; /* black */   
font-weight:bold;
text-decoration: underline;
}

a:visited.simple {   
color: #ffffff; /* white */   
font-weight:bold;
text-decoration: underline;
}

a:hover.simple {
background: #b88e5e; 
font-weight:bold; 
color:#993333;
}

a:active.simple {   
color: #993333; /* burgundy */
text-decoration: underline;
}


/* SIDE MENU LINKS Button Type Styling */
a:link.button { 
display: block;
width: 105px;
color: #428142;
background: #ffffff;
border-style: solid;
border-width: 1px 3px 3px 1px;
text-decoration: none;
padding: 3px;
border-color: #b88e5e #b88e5e #b88e5e #b88e5e;
}

a:visited.button { 
display: block;
width: 105px;
color: #428142;
background: #ffffff;
border-style: solid;
border-width: 1px 3px 3px 1px;
text-decoration: none;
padding: 3px;
border-color: #b88e5e #b88e5e #b88e5e #b88e5e;
}

a:hover.button { 
border-color: #ffff00; 
}

a:active.button { 
color: #000000; /* black */  
text-decoration: none;
}

hr {
width: 90%;
color: #993333;
}

/* MENU link styling*/

a:link.left {   color: #428142; /*green*/ background: #ffffff;  text-decoration: none; 
}
/* Visited links (no underline) */
 a:visited.left {   color: #428142; /* white */   text-decoration: none;
}
/* Hover links ( bold) */ 
a:hover.left {font-weight: bold; color: #428142; /*black*/
text-decoration: none;
}



/* Floating Boxes*/
p.boxg {
font-family: Arial, Helvetica, San-serif;
font-size: 1em;
color: #ffffff;
text-align: center;
float: left;
border: thin #999999;
background-color: #428142; /*green*/
width: 360px;
height: 150px;
padding: 10px;
}

p.boxgold {
font-family: Arial, Helvetica, San-serif;
font-size: 1em;
color: #ffffff;
text-align: center;
border: solid  #993333;
float: left;
background-color: #b88e5e; /*gold*/
width: 360px;
height: 220px;
padding: 10px;
}

p.boxgoldbig {
font-family: Arial, Helvetica, San-serif;
font-size: 1em;
color: #ffffff;
text-align: center;
float: left;
background-color: #b88e5e; /*gold*/
width: 99%;
 
}
p.box110 {
margin: 10px;
font-family: Arial, Helvetica, San-serif;
font-size: .95em;
color: #993333;
text-align: center;
float: left;
background: url("images/bluecross.gif");
border: #428142 solid;
width: 110px;
 
}
p.boxw {
font-family: Arial, Helvetica, San-serif;
font-size: 1em;
font-weight: bold;
color: #993333;
border: solid  #b88e5e;
text-align: center;
float: left;
background-color: #ffffff; /*white*/
margin-left: 10px;
width: 320px;
height: 220px;
padding: 10px;
}

p.boxpray {
font-family: Arial, Helvetica, San-serif;
font-size: .8em;

color: #ffffff;
text-align: left;
float: left;
background-color: #993333; /*burg*/
border: solid  #b88e5e;
margin: 15px;
width: 40%;
padding: 15px;
clear: both;
}

p.boxlogo{
font-family: Arial, Helvetica, San-serif;
font-size: 1em;
font-weight: bold;
color: #993333;
border: solid  #ffffff;
text-align: center;
float: left;
background-color: #ffffff; /*white*/
margin-left: 10px;
width: 405px;
height: 665px;
padding: 1px;
}
p.boxgoal2{
font-family: Arial, Helvetica, San-serif;
font-size: .8em;
font-weight: bold;
color: #ffffff;
border: solid  #993333;
text-align: left;
float: right;
background: url("images/smallthermometer2.gif") left top no-repeat;
margin-left: 40px;
width: 90px;
height: 140px;*/
padding: 15px;
}
p.boxgoal{
font-family: Arial, Helvetica, San-serif;
font-size: .8em;
font-weight: bold;
color: #ffffff;
border: solid  #993333;
text-align: left;
float: left;
background-color: #428142; /*green*/
margin-left: 40px;
width: 220px;
/*height: 665px;*/
padding: 15px;
}

/* Bulletin Board Boxes*/
p.boxbb1{
font-family: Arial, Helvetica, San-serif;
font-size: 1em;
font-weight: bold;
color: #993333;
border-top: #000000 solid;
text-align: left;
float: left;
background-color: #99ccff; /*skyblue*/
margin-top:15px;
margin-left: 5px;
margin-right: 10px;
width: 220px;
padding: 5px;
}

p.boxbb2 {
font-family: Arial, Helvetica, San-serif;
font-size: .8em;
font-weight: bold;
color: #000000;
text-align: center;
float: left;
border-top: #428142 solid;
background: url("images/hospital.gif") left top no-repeat;
margin: 5px;
width: 150px;
padding-top: 150px;
clear: left;
}

p.boxbb3 {
font-family: "Comic Sans MS",Arial, Helvetica, San-serif;
font-size: .8em;
font-weight: bold;
color: #428142; /*green*/
border-top: #428142 solid;
text-align: left;
float: right;
background-color: #ffff33; /*yellow*/
margin-top:5px;
margin-left: 5px;
width: 205px;
padding: 5px;
}

p.boxbb4 {
font-family: Arial, Helvetica, San-serif;
font-size: .8em;
color: #ffffff;
text-align: left;
float: left;
background: url("images/crossbg.gif");
background-repeat: repeat-y;
border-top: #000000 solid;
margin-top: 10px;
margin-left: 5px;
width: 280px;
padding:10px;
padding-left: 200px;
}

p.boxbb5 {
font-family: "Comic Sans MS",Arial, Helvetica, San-serif;
font-size: .8em;
font-weight: bold;
color: #000000;
border-top: #000000 solid;
text-align: center;
float: left;
background: url("images/sheet.gif") left top; 
background-repeat: repeat-y;
margin-top:15px;
margin-left: 10px;
width: 180px;
padding: 12px;
}

p.boxbb6 {
font-family: "Comic Sans MS",Arial, Helvetica, San-serif;
font-size: .8em;
font-weight: bold;
background: url("images/cwl-note.gif") left top no-repeat;
text-align: right;
float: left;
margin:10px;
width: 479px;
height: 250px;
padding: 1px;
}

p.boxbbfit {
font-family: Times, serif;
font-size: 2em;
color: #000000;
/*background: url("images/tombstone.gif") left top;*/
background-color: #ff9900; /*orange*/
border: #000000 solid;
text-align: center;
float: left;
margin-left: 5px;
width: 680px;
padding-top:125px;
padding-left: 20px;
padding-right: 20px;
}

p.boxreg {
padding: 10px;
border: #000000 solid;
margin-left: 75px;
width: 600px;
font-size: 10pt;
font-weight: bold;
color: #000000; /*black*/
text-align: left;
}


#navigation a
{
color: #ffffff;
background: #b88e55 url("images/gold-tab-left.gif") left top no-repeat;
text-decoration: none;
padding-left: 10px
}

#navigation a span
{
background: url("images/gold-tab-right.gif") right top no-repeat;
padding-right: 10px
}

#navigation a, #navigation a span
{
display: block;
float: left
}

/* Commented backslash hack hides rule from IE5-Mac \*/
#navigation a, #navigation a span
{
float: none
}
/* End IE5-Mac hack */

#navigation a:hover
{
color: #fff;
background: #993333 url("images/burg-tab-left.gif") left top no-repeat;
text-decoration: none;
padding-left: 10px
}

#navigation a:hover span
{
background: url("images/burg-tab-right.gif") right top no-repeat;
padding-right: 10px
}

#navigation
{
font-size: .75em;
list-style: none;
padding: 0;
margin: 0
}

#navigation li
{
float: right;
display: block;
margin: 0;
padding: 0
}