@charset "utf-8";
/* CSS Document */
/*
	  ©2007-10 Circle of Friends Preschool ### All rights reserved.  
	  Design by John Ignoffo, Pug Multimedia,  Vancouver, WA      
*/
/*  Main Stylesheet for Circle of Friends website  07-23-2010 */


body { background-color:#FFFFDF; 
	margin-top: 0px; 	margin-bottom: 0px;
	margin-left: 0px;	margin-right: 0px;
	border-top:solid; 	border-top-color:#FF0000; 	border-top:4px;
	border-bottom:solid; border-bottom-color:#FF0000; border-bottom:4px;
	border-left:solid; 	border-left-color:#FF0000; 	border-left:4px;
	border-right:solid; border-right-color:#FF0000; border-right:4px;	}

td { font:11px "Comic Sans MS", Arial, Helvetica, sans-serif;	color:#555555; }

p,h1,h2,h3,h4,h5 { padding-left:15px; }
	
ul { font:16px "Comic Sans MS", Arial, Helvetica, sans-serif;
	color:#222222;
	line-height:20px;	}
	
li { font:15px "Comic Sans MS", Arial, Helvetica, sans-serif;
	color:#222222;
	line-height:18px;
	margin-left:30px;	}

a:link 		{color:#0033FF; text-decoration: none; font-weight:normal; }
a:visited 	{color:#0033FF; text-decoration: none; font-weight:normal; }
a:hover 	{color:#FF0000; text-decoration: none; font-weight:bold; }
	
/* Class Styles */
.floatLft  {float:left; padding-right:10px; }
.floatRt   {float:right; vertical-align:middle; padding-left:10px;	}
.floatCntr {float:inherit; }

.red   {color:#FF0000; }
.blue  {color:#0033CC; }
.green {color:#009900; }

.bodyText {
	margin-top:0px;
	padding-top:5px; padding-bottom:5px;
	padding-left:20px; padding-right:20px;
	font:16px "Comic Sans MS", Arial, Helvetica, sans-serif;
	color:#222222;
	line-height:20px;	}
	
.pageName{ background:#F4F4FF;
	padding-left:25px;	
	font: 24px Verdana, Arial, Helvetica, sans-serif;
	color: #0033CC  ;
	line-height:26px;
	letter-spacing:.21em;	}
	
.subHeader {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #993300;
	line-height:22px;
	letter-spacing:.2em;	}

.quote {
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	color: #759DA1;
	line-height:30px;
	padding-left:20px; padding-right:20px;	}
	
.smallText {
	font: 10px Arial, Helvetica, sans-serif;
	color: #444444;
	line-height: 18px;	}
	
.navText {
	font: 12px "Comic Sans MS", Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;	} 
	
/* ID Styles */
#footer { background-color: #0033DD;
	margin-top: 2px; margin-bottom: 0px;
	border-top:thin;	border-bottom:thin;
	border-color:#0033FF;  
	font:11px Arial, Helvetica, sans-serif;
	color:#DDDD00;
	text-align:center;
	vertical-align: bottom;	}
	
#footer td {
	font:11px Arial, Helvetica, sans-serif;
	color:#FFFF00;
	text-align:center;
	vertical-align: bottom;	}

#footer a:link 		{color:#EEEE00; text-decoration: none; font-weight:normal; }
#footer a:visited 	{color:#EEEE00; text-decoration: none; font-weight:normal; }
#footer a:hover 	{color:#FF0000; text-decoration: none; font-weight:normal; }

#navigation td { background-color:#33CCFF;
	border-right:  3px  #888888   solid; 
	border-bottom: 4px  #DDDDDD   solid ;	}
	
#navigation a { 
	font: bold 13px "Comic Sans MS", Arial, Helvetica, sans-serif;  
	color: #FFFFFF;	
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 20px;	}
	
#navigation a:hover { background: #DD3333;
	color:#0000CC;
	border-right:  3px  #888888   solid; 
	border-bottom:  4px #FFFF00 solid;	}
	
#emergency {
	background-color:#FFFF99;
	padding-left:10px;
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	color: #DD0000;
	text-align: center;
	height: 40px;	}
	
#pword {	background-color:#FFFF99;	
			color:#666666;	}
#message1 {	border-color:#CC6600;
			background-color:#DDDDFF;
			color:#333333;	}
#button	{	color:#FF0000;	}
#button2 {	color:#0000FF;	}
#clear {	color:#000000;	}

#cofName {
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size:30px; font-weight:bold; letter-spacing:.2em;
	color: #339900 ;
	line-height:30px;
	text-align:center;	} 
	
#tagline 	{	
	font:12px  Verdana, Arial, Helvetica, sans-serif  bold;
	color: #992222 ;
	line-height:18px;
	letter-spacing:.4em;	}

#dateformat {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFE;
	letter-spacing:.15em;	}

#snacks	td { color:#FF0000	}

#print_banner {	display:none;	}

/*	End - of - Stylesheet 	*/

