/* the "directions" (competitors & venues) file */

.directions { background-color:#FC9; padding:2px; 
 }

.index { /* for indicating place in the alphabet of list of links */
	font-size:1.25em; font-weight:bold; 
	background-color: #CCF;
	line-height: 1.0em;
}

.maplinks { /* border: thin red solid;*/ background-color:#9c3 ;padding:1px; margin-left:2em; margin-right:2em; }

/* for definition lists...*/
dt {  /* upper half of dl list items */
	border-style: solid none none none; 
	border-color: #999; /* #CCC; */
	font-weight:bold; font-size:1.2em;
	margin-top: 1.3em; 
line-height:1.2em;
	background-color:#ccf; /* #EEF & #9CF softblue; #FF9 is nice yellow but nasty against softer yellow */
}

dd { 
margin-left: 1em;
	background-color:#ccf;  
	border-style: none none solid none; /* T R B L */
	border-color: #999;
}

/*  Regular stuff from recart_styles.css... */
 /* styles for Saint Ann's Recreational Arts Department */

body { 
	margin:0.5em; background-color:#FFC /* softyellow */; color:#003 /* hint of blue */;
}

h1 { font-weight:bold; font-size:2em; text-align:center; }
h2 { text-align:center; }
h3 { text-align:center; }

.home { margin-top:1em; margin-left:1em; background-color:#CCF; /* border: thin solid black;*/ padding:0.4em; }

.prefix { font-size:0.8em; /* for "(The)" part of "(The) Spence School" */ }
.first_official_letter { font-weight:bold; } /* for the S of Spence */
	
/* following are for navigation lists which appear on one line.
To use them, say      ul class="navlist"      and then     li    or    li class="here"
(These used to be #navlist   and chosen by    li id="navlist"     but the drawback
with using id is that id's have to be unique on the page, so you're allowed only one
id=navlist on a page but as many class="navlist" as you want.)
*/
.navlist { padding: 0 2px 2px; margin: 0; font-family: Verdana, sans-serif; line-height:1.4em;  }

.navlist li { list-style: none; margin: 0.2em; display: inline; 
	padding: 0.1em 0.2em 0.1em 0.3em; border-left: 0.5em solid #CCC;
	/* background-color: #FF9; */
	/* was border-top: 1px solid gray; #AAB; */  
}

/* li.navlist:first-letter { font-size:2em; } /* why isn't this working? because first letter is inside an a?*/
/*.navlist li a:first-letter { font-size:2em; } /* not working */

.navlist li a { /*background-color: #CDC; is nice */ }

.navlist li a:link { /* color: #333; */ }
.navlist li a:visited { color: #669; }
.navlist li a:active  { color: #69C; }
.navlist li a:hover { border-color: #FE3; color: #FFF; background: #332; }

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




.navigation { text-align:center; font-family:Georgia, 'Times New Roman', Times, serif;}
.navigation2 { text-align:center; font-family:Georgia, 'Times New Roman', Times, serif;}

.nav_with_history { 
	font-family:Arial,Helvetica,Verdana,sans-serif; 
	text-align:left; font-size:0.75em; 
}
.stanns_nav { font-family:Arial,Helvetica,Verdana,sans-serif; text-align:center; }
.toc_here  { font-weight:bold; }


.navbartop { /* thin "you are here" navigation bar for top of screen */
	font-family:Arial,Helvetica,Verdana,sans-serif; 
	/* position:fixed;top:0; */ width:80%; background-color:#FFFFCC; 
	border-bottom: thin solid black; font-size:0.75em; }
	
.navbarbot { /* centered link to the 4 basics, hovers at bottom */
	font-family:Arial,Helvetica,Verdana,sans-serif; 
	text-align:center; font-size:0.85em;
	position:fixed; bottom:0; left:30%; background-color:#FFFFCC;}

/* padding is top, right, bottom and left */
td {  padding: 0.1em 0.5em 0.1em 0.5em;  border-style: solid dotted none none }
 a:link { color: #000066; }       /* unvisited link */
 a:visited { color: #666666; }   /* visited links */
	
.docdate { text-align:right; font-size:0.8em; }