/*Winter Screen format External Style Sheet for Friends of San Pedro Library. 2-3-11. Y.Yamamoto*/


/*body, headings, paragraph, italics, anchors*/


/*body text*/

body {font-size:1em; font-family: Calibri, Verdana, sans-serif; color:#2c3036; 
background-image:url(../graphicsfolder/snowflakes2.gif); background-attachment:fixed;}

/*h1-h6 heading sizes*/

	h1 {font-size: 1.80em; line-height:100%;}

	h2 {font-size: 1.60em; line-height:100%;}

	h3 {font-size: 1.40em; line-height:100%;}

	h4 {font-size: 1.20em; line-height:100%;}


/*Paragraph font size and line height. Table 95% linespace*/

	p {font-size: 1em; line-height:95%;}

	table {line-height:95%;}


/*for italic text and book titles.*/

	.emph {font-style:italic;}


/*captions for photo.*/

	.captions {font-size:.75em; padding:0 0 6px 0; font-style:italic;}


/*to center text*/

	.centerit {text-align:center; padding:0px 8px;}


/*to suppress display of graphics.*/

	.nodisplay {display:none;}


/*links*/
	
	a:link {color:#237bf2; text-decoration:none;}

	a:visited {color:#237bf2;text-decoration:none;}

	a:hover {color:blue; text-decoration:blink;}

	a:active {color:#237bf2;text-decoration:none;}


/*Tr align top*/

tr {vertical-align:top;}


/*Divisions,classes, etc.*/

#window {margin: -.5em -.5em -.5em}

#pagelayout {background-color: #dfecfb; width:800px; margin:0px auto; height:3000px; padding: 0px 0px 0px 0px;}

#sparebox {background-color:green; margin:0px; height:190px;}

#linksbox {background-color:#000033; margin:0; height: 40px; z-index:1;}
div#linksbox a {display:block; padding:2px; text-decoration:none; margin:2px; color:white;}
div#linksbox a:link, a:visted {color:#237bf2; text-decoration:none;}
div#linksbox a:hover {color:#237bf2; text-decoration:blink;}
div#linksbox a:active {color:#237bf2;text-decoration:none;}
div#linksbox table {text-align:left; margin-right:auto; margin-left:auto;  font-size:90%; font-weight:bold; line-height:90%;}


#leftbox {margin:0px; float:left; position:relative;  z-index:1; 
width:25%; height:100px; padding:0px}

#pulldownbox {margin:0px; margin-left:20%; background-color:midnightblue; height:20px;}
div#pulldownbox a:hover {color:#237bf2; text-decoration:blink;}

#rightbox {margin:0px; margin-left:27%; padding: 0px 12px 0px 6px;}

#datebox {padding:0px 6px 0px 6px;}

#boardmembers {padding:0px 6px 0px 6px;}

#volunteers {padding:0px 6px 0px 6px;}

#bannerbox {padding:0px; }

#contactinfo {padding:0px; background:#ebf5fc; border:3px solid white;} 

#leftcolumn {background-color:#a5d8f6; line-height:100%; height:2500px; padding:6px 12px 6px 12px;}

#footer {clear:both; padding-left:20px}

#footlogo {margin:30px 0 6px 0;}

div#footlogo p {font-size:.70em;}



div#pulldownbox ul {
  padding: 0px;
  margin: 0;
  list-style: none;
  }

div#pulldownbox li {
  float: left;
  position: relative;
  width: 20em;
  font-size:1em; font-family: Calibri, Verdana, sans-serif; color:white;
   }

div#pulldownbox li ul {
  display: none;
  position: absolute; 
  top: 1em;
  left: 0;
  }

div#pulldownbox ul li a {
	display: block;
	color: white;
	background: midnightblue;
	padding: 5px;
	border: 1px solid #ccc;
	border-top: 0;
	}

div#pulldownbox li > ul {
	top: auto;
	left: auto;
	}

div#pulldownbox li:hover ul { display: block; }