img {
   behavior: url("pngbehavior.htc");
}

body {
	background: #FFFFFF;
	background: #A6587A;
	background: #996699;
	color: black;
	text-align: center;
	margin: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	color: #333333;	
	font-size: 100%;
	padding: 0;
	/*background-image: url(../images/BG.jpg);*/
	margin-top: 10px;
}



/*--------------------------- links */
a:link { 
	color: #0000CC; 
}

a:visited { 
	color: #0000CC; 
}

a:active { 
	color: #0000CC; 
}

a:hover { 
	text-decoration: none; 
	background-color: #FFFF99; 
	background-color: #BDCCC5; 
	background-color: #F2E2E9; 
	background-color: #CCCCCC; 
	background-color: #F4CBDD; 
} 

/* no links on images */
a:link img {
	border-style: none;
	background-color: transparent;
}



/*--------------------------- general */
.clearboth {
	clear: both;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.justify {
	text-align: justify;
}

br {
	clear: left;
}
/*-------------------------------*/


#mainbox {
	padding: 0;
	background-color: #ffffff;
	width: 756px; /* 760 - 4px border */
	color: black;
	text-align: left;
	/*background-image: url(../images/BGborders.jpg);*/
	background-image: url(../images/BGlogo3.jpg);
	background-repeat: no-repeat;
	margin: auto;
	border-left:   2px solid #993366;
	border-right:  2px solid #993366;
	border-bottom: 2px solid #993366;
	position: relative;
}


#logo #header {
	position: relative;
	color: #5c012c;
	left: 25px;
	top: 5px;
    font-family: "Monotype Corsiva", Arial, Helvetica, Verdana, sans-serif;
	font-size: 30px;
	/*font-weight: bold;*/
	/*letter-spacing: -0.05em;*/
	margin: 0;
	padding: 0;
	height: 80px;
}

#logo #header .address {
	font-size: 20px;
    margin-top: 100px;
}

/*--------------------------- menu */
#menu {
	clear:both;
	border-bottom:1px solid #666;
	background:#fff url(../images/menu.gif);
	height:28px;
	font-size: 16px;
	width: 760px;
	}

#menu ul, ul.nobullets, .jsMenu ul {
	margin:0;
	padding:0;
	list-style:none;
	}

#menu li {
	/*width:13%;*/
	width: 86px;
	width: 82px; /* this is the width of buttons */
	height:28px;
	margin:0;
	padding:0;
	float: left;
	}

#menu a {
	display:block;
	width:100%;
	line-height:28px;
	border-left:1px solid #7e7e7e;
	height:28px;
	background:#eee url(../images/menu.gif);
	text-align:center;
	color:#000;
	text-decoration:none;
	}

#menu a span {
	display:block;
	width:100%;
	height:28px;
	border-left:1px solid #fff;
	}

#menu a:hover  {
	cursor:pointer;
	background-color:#ddd;
	background-position:100% -36px;
	}	

#menu li.current a span {
	background: #eee url(../images/menu_sel.gif);
	background-position:100% -36px;
}


.jsMenu {
	position:absolute;
	display:none;
	padding:1px;
	background-color:#fff;
	border:1px solid #555;
	width: 90px;  /*jeanne moved this from menu.js */
	}

.jsMenu li {
	border-bottom:1px solid #fff;
	font-family:verdana,sans-serif;
	font-size:10px;
	margin:0px;
	padding: 0;
	}

.jsMenu li.separator {
	line-height:1px;
	height:1px;
	background-color:#fff;
	padding:0px;
	margin:0px;
	}

.jsMenu li a {
	display:block;
	text-decoration:none;
	border:1px solid #ccc;
	padding:1px 2px 2px 6px;
	line-height: 1.4em; /* Jeanne added for IE */
	color: black;
	}

.jsMenu a:hover {
	background:#efefef;
	background:#CCCCFF;
	background:#F4CBDD;
	}


	
/*----------------------------------------------------*/


#content  {
	/* bug in IE that caused pictures to shift in index.htm */
	/*position: relative;*/
	padding: 0;
	font-size: medium;	
	margin-top: 40px;
	margin-top: 8px;
	width: 760px; 
}

#content #stainedglass {
	float: left;
	width: 160px;
}

#content #home,
#content #about,
#content #services,
#content #childcare,
#content #contact,
#content #links,
#content #news {
	position: relative;
	text-align: justify;
	float: left;
	/*margin-left: 50px;*/
	width: 540px;
	padding-left:  30px;
	padding-right: 30px;
}

#content #childcare {
	text-align: left;
}

#content #news {
	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
	width: 560px;
}

#content #news .newsitem {
	margin-top: 10px;
}

#content #news .newsitem .title {
	font-size: large;
	font-weight: bold;
}

#content #news .newsitem .note {
	font-size: small;
	font-style: italic;
	color: red;
}

#content #news  h2 {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: large;
	text-align: left;
}
		

#content #childcare #cal {
	margin-left: -30px;
	position: relative;
	text-align: left;
	padding-left:  50px;
	padding-right: 30px;
	width: 520px;
	background-image: url(../images/BGday.gif);
	background-repeat: repeat-y;	
}	

#content #childcare #cal ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

#content #childcare #cal ul li {
	margin-left: 0;
	padding: 3px 5px;
	border-left: 1px solid #000;
	list-style: none;
	display: inline;
	}
	
		
#content #childcare #cal ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}
	
	

#content #cal {
	position: relative;
	text-align: left;
	padding-left:  50px;
	padding-right: 30px;
	width: 600px;
	background-image: url(../images/BGday.gif);
	background-repeat: repeat-y;	
}	


#content #photos {
	position: relative;
	text-align: justify;
	padding-left:  50px;
	padding-right: 50px;
	width: 660px;
}	

#content #photos #picframe {
	background-color: white;
	text-align: center;
	height: 550px;
	position: relative;
	margin-top: 0px;
}

#content #photos #picframe #picholder { /* image placeholder */
	border: 1px solid black;
}

#content #photos #picframe #caption  { /* caption placeholder */
	color: black;
	font-size: large;
	text-align: center;
	margin-bottom: 1px;
	margin-top: 3px;
}

#content #photos #counter {
	font-size: small;
	float: right;
	margin-right: 5px;
}

#content #photos #controls {
	float: left;
	margin-left: 30px;
}

#content #photos #controls img {
	border: 0;
}

#content #photos #form1 {
	float: left;
}


#content #about h1,
#content #contact h1,
#content #services h1 {
	position: relative;
	font-weight:bold;
	font-size: large;
	background-color: #A6587A;
	text-align: center;
	padding: 0px;
	color: #5c012c;
	color: white;
}

#content #about em {
	color: #0000CC;
	font-weight:bold;
	font-style: normal;
}

#content #about ul {
	list-style: disc inside url(images/CelticBullet.gif);
	margin: 0;
	padding: 0;
}

#content #about #staff .person  {
	/* border-bottom: 2px dashed black; */
}

#content #about #staff img  {
	float: left;
	width: 120px;
}

#content #about  #staff .description {
	padding: 0px 20px 10px 20px;
	float: left;
	text-align: justify;
	width: 301px;
}

#content #about #staff h1 {
	font-size: large;
	text-align: center;
	margin-bottom: 10px;
	padding: 0;
}

#content #about  #staff h2 {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: small;
	text-align: left;
}
	

/* note IE requires space before { or it won't work */
p.special:first-letter {
	color:#993366;
	color: #5c012c;
	font-size: 200%;
        font-family: "Monotype Corsiva", Arial, Helvetica, Verdana, sans-serif;
}

#content #services h2 {
	font-weight: bold;
	font-size: large;
	text-align: left;
	padding: 2px;
}



#content #services ul li,
#content #links ul li,
#content #news ul li {
	list-style-image: url(../images/CelticBullet.gif);

}

#content #services ul li ul li {
	list-style-image: url(../images/JesusFish.gif);
}

#content #childcare h1 {
	font-weight: bold;
	font-size: large;
	text-align: left;
	padding: 2px;
	color: #5c012c;
	color: black;
    font-family: "Monotype Corsiva", Arial, Helvetica, Verdana, sans-serif;
	font-size: xx-large;
}

#content #childcare #address {
	float: left;
	font-family: "Monotype Corsiva", Arial, Helvetica, Verdana, sans-serif;
	font-size: x-large;
	/*border: 1px solid #993366;*/
	color: black;
	width: 50%;
	margin-left: 5px;
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
}

#content #childcare ul li {
	margin-bottom: 2px;
}


#content #childcare h2 {
	text-align: left;
}

#content #childcare #cal h1 {
	position: relative;
	font-weight:bold;
	font-size: x-large;
	text-align: left;
	padding: 0px;
	color: black;
	margin-bottom: 0;
	margin-top: 0;
}

#content #childcare #cal h2 {
	position: relative;
	font-weight:normal;
	font-size: large;
	text-align: left;
	padding: 0px;
	color: blue;
	margin-bottom: 3px;
	margin-top: 3px;
}

#content #childcare #cal h3 {
	position: relative;
	font-weight:normal;
	font-size: medium;
	text-align: left;
	padding: 0px;
	color: blue;
	margin-bottom: 3px;
	margin-top: 3px;
	padding-left: 25px;
}

#content #childcare #cal p {
	color: red;
	color: blue;
	color: #000099;
	color: red;
	font-size: large;
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;

}

#content #childcare #cal .up { /* up arrow */
	position: relative;
	z-index: 20;
	float: right;
}

#content #cal h1 {
	position: relative;
	font-weight:bold;
	font-size: x-large;
	text-align: left;
	padding: 0px;
	color: black;
	margin-bottom: 0;
	margin-top: 0;
}

#content #cal h2 {
	position: relative;
	font-weight:normal;
	font-size: large;
	text-align: left;
	padding: 0px;
	color: blue;
	margin-bottom: 3px;
	margin-top: 3px;
}

#content #cal h3 {
	position: relative;
	font-weight:normal;
	font-size: medium;
	text-align: left;
	padding: 0px;
	color: blue;
	margin-bottom: 3px;
	margin-top: 3px;
	padding-left: 25px;
}

#content #cal p {
	color: red;
	color: blue;
	color: #000099;
	color: red;
	font-size: large;
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;

}

#content #cal .up { /* up arrow */
	position: relative;
	z-index: 20;
	float: right;
}

#content #monthtitle {
    position: relative;
	font-size: xx-large;
    font-family: "Monotype Corsiva", Arial, Helvetica, Verdana, sans-serif;	
	margin-top: 25px;
	float: left;
	margin-left: 50px;
}
	
#content h1 {
        font-family: Arial, Helvetica, Verdana, sans-serif;
        font-size: xx-large;
	    text-align: center;
	     margin-bottom: 0;
}

#content h2 {
        font-size: large;
	    text-align: center;
	     margin-bottom: 0;
}

#content h3 {
        font-size: medium;
	    text-align: center;
	     margin-bottom: 0;
}

#content h4 {
        font-size: small;
	    text-align: left;
	     margin-bottom: 0;
}

#content #members {
	padding-left: 10px;
}

#content #members  h2 {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: medium;
	text-align: left;
}


#footer {
    font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
	font-size: small;
	color: #33333;
	text-align: center;
	margin-top: 5px;
	padding-bottom: 5px;
}


ul  {
	margin-top: 0px; /* needed by FF so that it will look like IE */
}

/* IE ignores min-height,  FF and the rest will use this rule and place a 
scrollbar on all pages */
html { min-height:100%; margin-bottom:1px; }


#navpreschool {
    border-right:1px solid black;
	}
	
#navpreschool ul {
	list-style:none;
	margin-left: 10px;
	}

#navpreschool li {
	margin-top: 10px;
}

#navpreschool ul a:link {
	color: black;
	text-decoration:none;	
}

#navpreschool ul a:hover {
	color: black;
	text-decoration:underline;	
}

#navpreschool ul a:visited { 
	color: black;
	text-decoration: none;
}

#content #jobs {
	position: relative;
	text-align: justify;
	width: 700px;
	padding-left:  30px;
	padding-right: 30px;
}
#content #jobs h1 {
        font-size: large;
	    text-align: left;
	     margin-bottom: 5px;
}