/* CSS stylesheet for the "about Saint Ann's School" part of our website.
This stylesheet is mostly for screen, but should work okay for print and handheld also. 
Link to it by putting the following in the webpage:
*/
body { 
	background: white url(http://www.saintannsny.org/GIF/WaterNew.gif); 
	background-repeat: no-repeat ; 
	color:#000000; 
	margin-left: 19%; /* 9em; */
	margin-right: 20%; /* 9em; */
	text-align:justify;
	font-family: Arial , Helvetica , sans-serif; 
	/* font-family: "Times New Roman",serif; */
	font-weight: normal;
	font-size:0.85em;
}
		
/* These "about" pages have a special navigation zone at top.
I'll put that zone inside its own named div which has the following styles... */

.about { background-color: transparent;  }

.about a:link { color: #333333; text-decoration: none; background-color: transparent; }
.about a:visited { color: #333333; text-decoration: none; background-color: transparent;}
.about a:active { color: #cc0000; text-decoration: none; background-color: transparent;}
.about a:hover { color: #990000;  text-decoration: none; background-color: transparent;} 
		/* when mouse is over link */

.about h1 {   /* special H1 for the "About Saint Ann's..." */
	letter-spacing: 0.25em;
	text-align:left; 
	color:#333333; background-color: transparent;
	margin-top: 2em; margin-bottom: 0em;
	font-weight:bold ;
	font-size: 1.4em ; 
}

.about h2 {   /* special H2 for the "Foreword : etc" navigation links */
	text-align:left;
	border-top: 0.1em solid black ;
	padding-top: 0.2em;
	/* margin-top: 1.5em; margin-bottom: 1em; */
	color:#335533; background-color: transparent;
	font-weight: normal;
	font-size: 1em;
}

h1 {   /* special H3 for the red "Foreword" Section headings */
	text-align:left; 
	color:#cc0000; background-color: transparent;
	font-weight: bold;
	font-size: 1.05em;
}

p { 
	text-align:justify; text-indent:2em;
	margin-bottom:0.5em; margin-top:0em; 
	max-width:35em; min-width:8em;
}

.no_indent { text-indent:0em; 
		/* 2nd,3rd and all "regular" paragraphs will have first line indented */
}

/* styles for our standard navigation bar at the bottom of the page. This
version will float along the browser's bottom edge. */

.stanns_nav { 
	font-family:Arial,Helvetica,Verdana,sans-serif; 
	text-align:center;
	position:fixed; bottom:0;
	background-color: white;
	color: black;
}

.stanns_nav a { text-decoration: none;  }
.stanns_nav a:link { color: #336633; }
.stanns_nav a:visited { color: #339933; }
.stanns_nav a:active { color: #990000; }
.stanns_nav a:hover { color: #660000; } 	/* when mouse is over link */




/* following are for navigation lists which appear on one line.
To use them, use  <ul class="navlist">  and then <li> or <li class="active"> */
.navlist { padding: 0 1px 1px; margin-left: 0; font-weight: bold; 
	font-family: Arial,Helvetica,Verdana, sans-serif; }

.navlist li { list-style: none; margin: 0; display: inline; padding: 0.1em 0.2em 0.1em 0.3em;   }

.navlist li a { text-decoration: none; }
.navlist li a:link { color: #333; }
.navlist li a:visited { color: #669; }
.navlist li a:active { color: #333; }
.navlist li a:hover { color: #FFF; background: #332; }

.active a:link, .active a:visited, .active a:hover
      { color: #333;  background-color: #F6F; 
      /* border: 1px solid #333;  border-left: 0.5em solid #996; 
      background-image: url(images/l1_over.gif); */   }