/* -- !CBC_Styles.css -- */
/* <!-- #bbinclude "Leopard 1:Users:jimchaffin:Documents:Sites: CBC Site:DateTimeUpdate.html" -->
		Updated: Friday, January 29, 2010 at 7:35 PM
<!-- end bbinclude --> */

/* -- !Reset all basic styles, based on "rest.css" by Eric Meyers -- */
@import "CBC_Styles_EM_reset.css";

/* -- !Block Level Rules  -- */

html	{
	background: #00f;	/*	#fc0, ff3, efefef	*/
	font-size: 100%;
}	/* FFE */

body	{
	font-family: Arial, "Comic Sans MS", sans-serif;
/*	background: #fff;	*/	/*	#fff	*/
/*	margin: 110px 2em 1em;	*/	/*	3.5em 2em	*/
/*	padding: 3%;	*/
/*	border-top: solid 2px #fc0;	*/	/*	#f00	*/
/*	border-right: solid 2px #f00;	*/	/*	#00e	*/
/*	border-bottom: solid 2px #f00;	*/	/*	#00e	*/
/*	border-left: solid 2px #fc0;	*/	/*	#f00	*/
	/*	background: url(graphics/RightSide.gif) right top repeat-y fixed;	*/
}	/*	#DEF	*/
	/*	url(graphics/05_Blooms.jpg) no-repeat fixed 50% 60px	*/

p	{
	font-size: 14px;	/* 1em */
	color: #006;	/*	#03C	*/
	margin: 0 1em;
}

/*	p	{
	font-size: 12px;
	color: #03C;
	margin: 0 1em;
}	*/

/* Paragraph indenting */
p+p, p+p+p, p+p+p+p, p+p+p+p+p	{
	text-indent: 2.5em;
}

.noindent	{
	text-indent: 0 !important;
}

.indent	{
	text-indent: 2em;
}

h3+p:first-line, h4+p:first-line	{
	color:#90f;
}

.dropcap	{
	color:#0C88FF;
	background: #EEE;
	margin:0 0 0 -.85em;
	padding:0 .5em 0 -.5em;
/*	margin:1px -1px -10px -19px;	-left*/
	font-family: Georgia,Times,serif;
	font-size: 3em;
	line-height: .8em;
}

/* -- !Text rules -- */
@font-face {
	font-family: 'DejaWebBold';
	src: url('font/bold_dejaweb.eot');
	src: local('DejaWeb'), local('bold_dejaweb'), url('font/bold_dejaweb.woff') format('woff'), url('font/bold_dejaweb.ttf') format('truetype');
}

h1	{
	margin: 0 0 5px;
	padding: 0;
	font-size: 2.5em;	/* 2em before Fonts.com */
	line-height: 1.25em;
	font-weight: 900;
	color: #666;
	background: transparent;
	font-family: 'boldi_dejaweb', sans-serif;
}

h2	{
	font-size: 2em;	/* 1.5em before Fonts.com */
	line-height: 1.15em;
	padding-bottom: 0;
}

h3	{
	font-size: 1.5em;	/* 1.25em before Fonts.com */
	line-height: 1.25em;
	padding-bottom: 0;
	padding-top: 0;
	margin-bottom: 0;
	margin-top: 0;
}

h4	{
	font-size: 1.15em;
	font-weight: bold;
	padding-bottom: 0;
	padding-top: 0;
	margin-bottom: 0;
	margin-top: 0;
}

.ps	{
	font-size: 1.1em;
	padding: 0 auto 0;
	margin: 0 auto 0;
}


.iem	{
	font-style: italic;
}

.bem	{
	font-weight: bold;
}

/* Generic Alignment Rules */
.left	{
	text-align: left;
}

.center	{
	text-align: center !important;
	margin: 0 10px;
	padding: 0 10px;
}

.right	{
	text-align: right;
}

.righttext	{
	text-align: right;
	font-size: 10px;
/*	line-height: .75em;	*/
	margin-top: 2px;
	margin-bottom: 0;
}

.fullContent	{
	margin: 0 10px 50px 50px;
	padding: 10px;
}

.clearleft	{
	clear: left;
}

.clearboth	{
	clear: both;
}

.title	{
	font-size: 16px;
	color: #666;
	background: transparent;
}

.sig	{
	text-align: right;
	line-height: 1.5em;	/* 1em before Fonts.com */
	padding-right: 2em;
	margin: 0;
}

.underline	{
	position: relative;
	top: -1px;
	text-align: center;
	width: 65%;
	height: 20px;
	margin: 10px auto;
/*	margin-right: auto;	*/
	border: none;
	border-bottom: 1px solid #f00;
}

/* -- !HR Rules */
.hrule	{
	border-top: 1px solid #03C;
	margin-top: 1px;
	margin: -20px 10px -5px;
}

.spacerule, .leftrule, .monthrule	{
	border-top: 1px solid #c03;
	border-bottom: 2px solid #fff;
	margin: 1px 15% 2px;
	text-align: center;
/*	margin-left: 15%;	*/ /* for IE/Mac */
/*	margin-right: 15%;	*/ /* for IE/Mac */
	color: #036;	/* #def */
	height: 1px;
	width: 70%;
	background: #999;	/* #def */
}

.leftrule	{
	text-align: left;
	border-bottom: 1px solid #fff;
	width: 65%;
	margin-left: 0;
	margin-right: 35%;
}

.monthrule	{
	border-top: 1px solid #333;
	border-bottom: 1px solid #c03;
	margin-bottom: 1px;
}

.menurule	{
	border-top: 1px solid #333;
	border-bottom: 1px solid #c03;
}

.simplerule	{
	border-top: 1px solid #fff;
	border-bottom: 2px solid #888;
	margin:.5em 2em;
}

.spaceCloser	{
	line-height: 1px;
}

/* -- !Menu Links  -- */

/* -- !LoVe HAte  -- */

a.menubutton	{
	cursor: default;
	font:600 1em/1.5em Verdana, Arial, Helvetica, sans-serif;	/* before Fonts.com	*/
	color: #000;
	margin-left: -2px;
	padding: 0 3px 0 1px;	/* 0 0 0 -2px, 0 4px */
	text-decoration: none;
	z-index:20;
}

a.menubutton:link	{
	position: relative;
	left: 0;
	top: 0;
/*	border: 1px solid #66F;	*/
}

a.menubutton:visited	{
	position: relative;
	left: 0;
	top: 0;
	color: #006;
	font-size: 1.1em;
/*	border: 1px solid #66F;	*/
}

a.menubutton:hover	{
	position: relative;
	left: -1px;
	top: -1px;
	border-color: #9CF #333 #333 #9CF;
	border-style: solid;
	border-width: 1px;
	color: #F30;
	background: #69f;	/* #def */
}

a.menubutton:active	{
	position: relative;
	left: 1px;
	top: 1px;
/*	border-color: #333 #9CF #9CF #333;
	border-style: solid;	*/
	color: #F00;
}

/* Text Links */
a.text	{
	text-decoration: none;
	color: #000;	/* #fff */
	background: #fff;	/* #66f */
	padding: -1px 2px 2px;	/* 0 5px 2px */
	font: 600 14px/16px "Comic Sans MS", Arial, sans-serif;	/* 14px/10px */
}

a.text:link	{
	color: #fff;
	background: #00c;	/* #66F */
}

a.text:visited	{
	color: #f00;
	background: transparent;	/* #fff */
	text-decoration: underline;
}

a.text:hover	{
	color: #00c;
	background: transparent;
	text-decoration: underline;
}

a.text:active	{
	color: #0c0;
	background: #EBEBEB;	/* #fff */
}

/* -- !Text Links  -- */
a.smalltext	{
	text-decoration: none;
	color: #000;	/* #fff */
	background: #fff;	/* #66f */
	padding: 0 2px 2px;	/* 0 5px 2px */
	font: 600 10px/12px Arial, sans-serif;	/* 14px/10px */
}

a.smalltext:link	{
	color: #fff;
	background: #00c;	/* #66F */
}

a.smalltext:visited	{
	color: #f00;
	background: transparent;	/* #fff */
}

a.smalltext:hover	{
	color: #00c;
	background: transparent;
}

a.text:active	{
	color: #0c0;
	background: #EBEBEB;	/* #fff */
}

/* Text links on white backgrounds */
a.textonwhite	{
	text-decoration: none;
	color: #009;
	padding: 0 5px 2px;	/* 0 5px 2px */
	font: 600 14px/20px "Comic Sans MS", Arial, sans-serif;	/* 14px/16px */
}

a.textonwhite:link	{
	color: #009;
	background: #fff;
}

a.textonwhite:visited	{
	color: #F30;
	background: #fff;
}

a.textonwhite:hover	{
	color: #fff;
	background: #009;
}

a.textonwhite:active	{
	color: #F00;
	background: #66F;
}

/* Bottom of page links for NON-CSS browsers */
a.hidden	{	/*	Used in Meal Forms _1 & _2	*/
	color: #EBEBEB;	/* #def */
	margin: 0;
	padding: 0;
	width: auto;
	font-size: 9px;
	text-align: left;
	border: 1px solid #EBEBEB;	/* gray */
	border-bottom: 1px solid #f00;
}

a.hidden:link	{
	background: transparent;
}

a.hidden:visited	{
	background: #EBEBEB;	/* #def */
}

a.hidden:hover	{
	background: #EBEBEB;	/* #def */
}

a.hidden:active	{
	background: #EBEBEB;	/* #def */
}

/* PAGE Menu links for NON-CSS browsers */

a.hiddenMenu	{
	display: none;
}

a.noborder	{
	border-bottom: none;
}

/* Top Link */
a.topofpage	{
	position: absolute;
	top: -100px;
	z-index: -1;
}

a.intext	{
/*	text-decoration: none;	*/
	background: transparent;
	cursor: default;
	font-style: inherit;
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
}

/* Button link for CSS3 browsers */
a.cssbutton	{
	display:block;	/* inline */
/*	padding:.25em;
	margin:2em auto;
	height:1em;	all these values should be set in the html with style=""	*/
	font-size:1.2em;
	background-color:#6CF;
	text-align:center;
/*	width:15em;	determined by width of text or specified by style at use*/
	-webkit-border-radius:1em;
	-moz-border-radius:1em;
	border-radius:1em;
	color:#000;
	text-shadow:1px 1px 0 #fff;
	text-decoration:none;
	border:1px solid #00f;
	-webkit-background-clip: padding-box;
	-webkit-box-shadow:1px 1px 5px #0000c8;
	-moz-box-shadow:1px 1px 5px #0000c8;
	box-shadow:1px 1px 5px #0000c8;
/*	-webkit-transition:color, text-shadow 1s;	*/
}

a.cssbutton:hover	{
	-webkit-box-shadow:-2px -2px 7px #339;
	-moz-box-shadow:-2px -2px 7px #339;
	box-shadow:-2px -2px 7px #339;
	color:#111;
/*	border-color:#00f;	*/
	text-shadow:1px 1px 0 #ccc;
}

#Header	{	/*	Horizontal background for mainnav menu	*/
	position: relative;	/*	relative to body	*/
/*	top: -50px;	*/	/* -3.5em, -100px */
/*	left: -0em;	*/	/* -1.8em, -6.75% */
	width: 80em;	/* 113% */
	margin: 1px 0 1em;   /* [1px]0 0 [15]5px */
	padding: 4px 0 1.25em 5px;	/* 10px 0 [33]14px 5px */
	height: 1px;		/* Almost anything to just establish something! [1.5em]13px */
/*	border-top: solid 4px #f00;	*/
/*	border-right: solid 1px #00e;	*/
/*	border-bottom: solid 1px #00e;	*/
/*	border-left: solid 1px #f00;	*/
	color: #000;
/*	background: #aaf;	*/	/* #aaf, 113% */
/* next line is before Fonts.com */
/*	font: .9em/1em Verdana, Arial, Helvetica, sans-serif;	*/
	font-size: 1em;
	line-height: .9em;
/* above two lines are after Fonts.com */
	z-index: 1;
	voice-family:  "\"}\""; /* See http: //glish.com/css/hacks.asp for details. */
	voice-family: inherit;
/*	height: 1em; the correct height = 14px*/
}

#Header h4 {
	padding: 3px 0 0 20px;
	border-top: 1px solid #C00;
}

body>#Header	{
	height: 12px;
}

.mainnav	{	/*	Main horizontal site menu	*/
	line-height: 1.5em;
	color: #FFF;
	background: transparent;
	text-decoration: none;
	white-space: nowrap;
	position: relative;	/*	relative to #Header	*/
	top: -87px;   /* -77px, -1px, 48px */
	left: 35px;   /* 1px, 5px */
	z-index: 100;
}

.logotext	{
	font-family: Verdana, Arial, sans-serif;
	font-style: italic;
	font-size: 1.2em;
	line-height:1em;
	color: #fff;
	background: transparent;
	white-space: nowrap;
	position: relative;
	top: -15px;
	left: 5%;
}

.mainnavbackground	{
/*	background-image: url(graphics/Header_Blue.jpg);	*/
	position: relative;	/*	relative to body	*/
	top: 10px;	/* -80px */
/*	left: -20px;	*/	/* -0em */
}

#leftcontent	{
	margin: -140px 30% 5px 1em;   /* -100px 30% 5px 10px */
	padding: 10px;   /* 10px */
	line-height: 18px;   /* 18px */
}

#Menu	{	/*	Right side page menu	*/
	position: absolute;
	top:4em;	/* 10px 45px;	*/
	left: 75%;   /* 76% */
/*	right: 80%;	*/
	padding: 10px;
	color: #FFF;
	background: #aaf;		/*	#66F */
	font: .9em/1em Helvetica, Verdana, Arial, sans-serif;	/*	12px/18px - .9em/1.5em	*/
/*	border-top: solid 1px #fc3;
	border-right: solid 1px #f00;
	border-bottom: solid 1px #f00;
	border-left: solid 1px #fc3;	edited out: 8/30/2010 	*/
	-webkit-border-radius:.5em;
	-webkit-background-clip:3px;
	-moz-border-radius:1em;
	-o-border-radius:1em;
	border-radius:.5em;
	-webkit-box-shadow:2px 2px 3px #999;
	-mos-box-shadow:2px 2px 3px #999;
	box-shadow:2px 2px 3px #999;	*/
	z-index: 10;	edited out: 8/30/2010	*/
/*	font-weight: 600; */
/*	font-size: 12px; */
/*	line-height: 18px;	*/
/*	voice-family:  "\"}\"";	edited out: 8/30/2010 */
/*	voice-family: inherit;	edited out: 8/30/2010 */
}

#Menu p	{
	font-size:1.2em;
	padding-bottom:.2em;
	color:#eee;
}

/* "be nice to Opera 5" */
body>#Menu	{
	width: 220px; /* 210 */
}

.update	{	/*	Chnaged to class 4/7/2010	*/
	font-size: 1em;	/*  Courier, serif after Fonts.com */
	color: #333;
	background: transparent;
}

/* ----------- CSS3 Rounded corner no border box -------------- */

.rounded_box	{
	-webkit-top-left-border-radius:6em 3em;
	-webkit-top-right-border-radius:6em 3em;
	-webkit-bottom-left-border-radius:6em 3em;
	-webkit-bottom-right-border-radius:6em 3em;
	-moz-border-topleft-radius-:6em 3em;
	-moz-border-top-right-radius-:6em 3em;
	-moz-border-bottom-left-radius-:6em 3em;
	-moz-border-bottom-right-radius-:6em 3em;
	-o-border-top-left-radius:6em 3em;
	-o-border-top-right-radius:6em 3em;
	-o-border-bottom-left-radius:6em 3em;
	-o-border-bottom-right-radius:6em 3em;
	border-top-left-radius:6em 3em;
	border-top-right-radius:6em 3em;
	border-bottom-left-radius:6em 3em;
	border-bottom-right-radius:6em 3em;
	-webkit-background-clip:5px;
	-webkit-box-shadow:2px 2px 3px #F00;
	-mos-shadow:2px 2px 3px #F00;
	-o-shadow:2px 2px 3px #F00;
	-webkit-background-clip:padding-box;
	box-shadow:2px 2px 3px #F00;
	overflow: hidden;
	margin:1em 1em;
	padding: -1em 2em 0;
	width:50%;
	border:2px solid #00f;
}

.bigwrapper	{
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-webkit-background-clip:padding-box;
	background: #eee;
	overflow: hidden;
	margin:1em;
	width:95%;
	border:1px solid #00f;
}

/* ------------------------------------------------------------------------------------------- */
/* -- !My Thin Blue bordered white interior to put on a WHITE backgroundRound Corners w/CSS -- */

.liquidroundthinbluewhite {	/*	used for wrapping DIV	*/
	width: 70%;
	margin: 0px 1em;	/*0px 1em 0 15em*/
	padding:2em;
	-webkit-border-radius:1em;
	-webkit-background-clip:padding-box;
	-moz-border-radius-:1em;
	-o-border-radius:1em;
	border-radius:1em;
	border:1px solid #00f;
	-webkit-box-shadow:2px 2px 3px #999;
	-mos-shadow:2px 2px 3px #999;
	-o-shadow:2px 2px 3px #999;
	box-shadow:2px 2px 3px #999;
	background: #fff;
}

/* ------------------------------------------------------------------------------------------ */
/* -- !My Thin Red bordered white interior to put on a WHITE backgroundRound Corners w/CSS -- */

.liquidroundthinredwhite {	/*	used for wrapping DIV	*/
	width: 70%;
	margin: 0px 1em 0 10em;
	-webkit-border-radius:1em;
	-webkit-background-clip:padding-box;
	-moz-border-radius:1em;
	-o-border-radius:1em;
	border-radius:1em;
	border:1px solid #f00;
	-webkit-box-shadow:2px 2px 3px #999;
	-mos-shadow:2px 2px 3px #999;
	box-shadow:2px 2px 3px #999;
	background: #fff;
}

/* ----------------------------------------------------------------------------------------------- */
/* -- !My Thin Red bordered white interior to put on a dark BLUE background Round Corners w/CSS -- */

#liquidroundthinredwhiteblue {	/*	used for wrapping DIV	*/
	width: 80%;
	margin: 0px 2em 0 5em;
	-webkit-border-radius:1em;
	-webkit-background-clip:padding-box;
	-moz-border-radius-:1em;
	-o-border-radius:1em;
	border-radius:1em;
	border:2px solid #f00;
	-webkit-box-shadow:5px 5px 7px #bbb;
	-mos-shadow:5px 5px 7px #bbb;
	box-shadow:5px 5px 7px #bbb;
	background: #fff;
}

/* ----------------------------------------------------------------------------------------------- */
/* -- Generic button with Round Corners via CSS3 -- */


/* --------------------Buttons on Front Page----------------------- */
#FrontButtonBox	{
	background: #7DBFFF;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-background-clip:padding-box;
	border:1px solid #f00;
	overflow: hidden;
	margin: 0;
/*	height:250px;	*/
}
									  
#FrontButtonBox li	{
	display: inline;
}

/*#FrontButtonBox li a	{
	display: block;
	width: 302px;
	height: 115px;
	text-indent: -9999px;
	background: url("graphics/Front_Buttons.png") no-repeat;
	border: none;
	padding: 0;
	margin-bottom:-25px;
}	*/
	 								  
#FrontButtonBox li a#button_one	{
	display: block;	/* -- block -- */
	width: 302px;	/* -- 302px -- */
	height: 115px;
	text-indent: -9999px;
	background: url("graphics/Front_Buttons.png") no-repeat;
	border: none;
	padding: 0;
	background-position: 0 -22px;	/* Top Explore Button */
	margin-bottom:2em;
	margin-left: 20%;	/* -- 15px -- */
	margin-top: 2em;	/* -- 25px -- */
	margin-right: auto;	/* -- 25px -- */
}

#liquidroundthinredwhiteblue #FrontButtonBox li#activeExploreButton a:hover#button_one	{
	background-position: 0 -140px;
	margin-left: 20%;	/* -- 15px -- */
	margin-top: 25px;	/* -- 25px -- */
	margin-right: auto;	/* -- 25px -- */
}
	 								  
#FrontButtonBox li a#button_two	{
	display: block;	/* -- block -- */
	width: 256px;	/* -- 256px -- */
	height: 113px;
	text-indent: -9999px;
	background: url("graphics/Front_Big_Button.gif") no-repeat;
	border: none;
	padding:0;	/*   padding-bottom: 25px; */
	background-position: 0px 0px;	/* Top Big Button Button */
	margin-bottom:2em;	/* -75px -25px */
	margin-left: 24%;	/* -- 15px 24%-- */
	margin-top: 2em;	/* -- 25px 5px-- */
	margin-right: auto;	/* -- 25px auto-- */
}

#liquidroundthinredwhiteblue #FrontButtonBox li#activeBIGButton a:hover#button_two	{
	background-position: 0px -113px;
	margin-bottom: 2em;
	margin-left: 24%;	/* -- 15px -- */
	margin-right: auto;	/* -- 25px -- */
}

/* -- !Taped up note -- */
#handynote {
/*	position: absolute;
	top: -30px;	*/
	top:15em;
	left:25px;
	z-index: 7;
	margin-right: 5em;
}

#handynotetopA {
	position: relative;
	z-index: 7;
	width: 175px;
	background: url(graphics/Note_Blue_lines-topA.png) no-repeat;
	height: 90px;
}

#handynotetopB {
	position: relative;
	z-index: 7;
	width: 175px;
	background: url(graphics/Note_Blue_lines-topB.png) no-repeat;
	height: 90px;
}

#handynotetopC {
	position: relative;
	z-index: 7;
	width: 175px;
	background: url(graphics/Note_Blue_lines-topC.png) no-repeat;
	height: 90px;
}

#handynotemiddle {
	position: relative;
	z-index: 7;
	width: 175px;
	background: url(graphics/Note_Blue_lines-mid.png) repeat-y;
}

#handynotebottom {
	position: relative;
	z-index: 7;
	width: 175px;
	background: url(graphics/Note_Blue_lines-bot.png) no-repeat;
	height: 19px;
}

#handynoteText {
	position: relative;
	z-index: 7;
	color: #333;
	font: 1em "Comic Sans MS";
	text-shadow: white 1px 1px 1px;
	text-align: left;
	padding: 0 10px 0 10px;
}

#handynoteText h3, h4	{
	color:#00f;
}

#handynoteText p	{
	color:#000;
	font-weight:700;
}

.studentText	{
	font-family:"Comic Sans MS", Trebuchet, Verdana;
}

/* -- !Two Column CSS3 Rules -- */

.twocol	{
	-webkit-column-count:2;
	-moz-column-count:2;
	column-count:2;
	-webkit-column-width:10em;
	-moz-column-width:10em;
	column-width:10em;
	-webkit-column-gap:2em;
	-moz-column-gap:2em;
	column-gap:2em;
	-webkit-column-rule: solid 2px #00f;
	-mox-column-rule: solid 2px #00f;
	column-rule: solid 2px #00f;
}

/* -- !General text Rules -- */

.album	{
	color: #F00;
	background: transparent;
	font-weight: bold;
}

.indent	{
	text-indent: 3em;
}

.bannertext	{
	color: #fc0;
	}

.redalert	{
	font-size: 14px;
	margin: 0;
	padding: 3px 0;
	text-indent: 0;
	color: #F00;
	background: transparent;
}

.redOnWhiteText	{
	color:	red;
	background: white;
	font-weight: bold;
	padding: 2px 5px 5px;
}

.scripture	{
	/*	font-family: Georgia, serif; before Fonts.com */
	font-size: 1.5em;	/* 1.15	*/
	/*font-style: italic; before Fonts.com */
	color: black;
	background: transparent;
	margin: 0;
	padding: 3px 0;
	text-indent: 0;
}

.congrats	{
	font: normal 1em Georgia, sans-serif;	/* changed from cursive 9/12/06 */
	font-style: italic;						/* added 9/12/06 */
	margin: 0;
	padding: 3px 0;
	text-indent: 0;
	color: #00F;
	background: transparent;
}

.bold	{
	font-weight: bold;
}

.blueOnWhiteText	{
	color:	blue;
	background: white;
	font-size: 18px;
	font-weight: bold;
	padding: 2px 5px 5px;
}

.newitem, .increase, .markitem, .praise	{
	background: transparent;
	font-weight: bold;
}

.newitem	{
	color: white;
}

.increase	{
	color: green;
}

.markitem	{
	color:	red;
}

.markdateitem	{
	font-style: italic;
	font-size: 1em;
	color: #F00;
	background: transparent;
/*	line-height: 1.5em;	*/
/*	padding-top: .5em;	*/
}

.independence	{
	background-image: url(graphics/Independence_Statue-of-Liberty-small.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
/*	margin-left: 1em;
	margin-right: 1em;	*/
}

.praise	{
	color:	blue;
}

.edged_image	{
	border: 2px solid black;
	border-right: 2px solid yellow;
	border-bottom: 2px solid yellow;
}

.changes	{
	color:	white;
	background: red;
	padding: 2px 12px 3px;
	font-weight: 600;
	font-size: 14px;
}

.wider	{
	padding-left: 72px;
	padding-right: 72px;
	font-weight: bold;
}

.widest	{
	padding-left: 150px;
	font-weight: bold;
}

.update	p{
	color: #ADADAD;
	background: transparent;
	font: .9em Arial, sans-serif;
}

.sympathies	{
	font: 1.2em/2em Georgia;	/* changed from cursive 9/12/06 */
	font-style: italic;			/* added 9/12/06 */
}

.eventitem	{
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
	background: transparent;
	text-indent: 0;
/*	line-height: 1.5em;	*/
/*	margin-top: -1em;	*/
}

.eventdate	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 1.25em;
	color: #F00;
	background: transparent;
	margin-top: .5em;
	line-height: 1.75em;	/*	Added 12/6/2009 to move text down from doubleleader	*/
}

.event	{
	text-align: left;
	margin: .25em auto 0 3em;
}

.event_p	{
	margin-left: 3em!important;
}

.doubleleader	{
/*	float: left;	*/
	width: 30em;
	height: .1em;
	border: solid 1px #00c;
	border-width: .2em 0;
	margin: .1em auto;	/*	.1em auto .2em 1em/.1em auto/-15em .1em 5	*/
/*	padding-bottom: .5em;	*/
}

.officeinfo {
	font-size: .8em;
	line-height: 1em;
}

.scheduleinfo {
	font-size:.9em;
	line-height:.9em;
}

.couiertext {
	font-family: Couier, serif;
	margin-left: 3%;
}

.whitetext	{
	color: #ffffff;
}

.redshadow	{
	text-shadow: 2px 2px 5px #f11;
	}

.blueshadow	{
	text-shadow: 2px 2px 5px #11f;
	}

.lightedges 	{
	text-shadow: 1px 1px 0 #fff;
	}

.darkedges 	{
	text-shadow: -1px -1px 0 #000;
	}

.noedges	{
	text-shadow: none;
}

.children	{
	color:#bbb;
}

.largecaps	{
	font-family: Arial;
	font-size: 1.5em;
	line-height: 1.5em;
	font-style: italic;
	font-weight: bold;
	text-indent: 0;
}

.smallcaps	{
	font-family: Arial;
	font-size: 1.25em;
	line-height: 1.5em;
	font-style: italic;
	font-variant: small-caps;
	font-weight: 700;
	text-indent: 0;
}

.strikethru	{
	text-decoration: line-through;
}

/* DIV rules */

.leftBase	{
	margin: 0 20% 5px 10%;
	padding: 10px;
	line-height: 18px;
}

.centertab	{
	margin-left: 40%;
	margin-right: 5%;
}

.ContentLeftpad	{
	margin-left: 210px;
}

.mediumLeftPad	{
	margin-left: 150px;
	text-align: left;
}

.wideLeftPad	{
	margin-left: 270px;
	margin-right: 25px;
	font-weight: normal;
	text-align: left;
}

.sitename	{
	color: #00F;
	background: transparent;
	text-align: center;
	font: 10px Arial, Helvetica, sans-serif;
	position: relative;
	top: -104px;
}

/* ------------------------------------------------- */
.smallgalleryfloat {
	float: left;
	width: 220px;	/* 110 - set to just larger than widest image	*/
	height: 215px;
	padding: 4px 4px 8px 4px;
	border-bottom: 1px black solid;	/* 1px black solid, temp lines for trouble-shooting */
	vertical-align: bottom;
}

.smallgalleryfloat>p {
	text-align: center;
	text-indent: 0;
	font-weight: bold;
	font-size: 1em;
}

.smallgallery {
	position: relative;
	margin-left: 5%;
	width: 90%;
	border: 2px #f00 solid;
	padding-left: 10px;
	background-color: transparent;
	text-align: center;
}

.smallgallery>p {
	padding: 0 5% 0 5%;
}

.spaceCloser {
	clear: both;
	line-height: .1em;
}

.galleryspacer {
	line-height: .1em;
	background-color: black; /* creates a thin "HR" */
}

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

.gallery	{
	/*	position: relative;	*/
	border: 2px #F00 solid;
	padding: 0;
	margin: 0;
	width: 550px;
	background: #fff;
}

.center > .gallery	{
	margin-left: 15%;
}

.spacer	{
	position: relative;
	border: 0;
	padding: 0;
	margin: 0;
	width: 10px;
	line-height: 120px;
}

.smallbox	{
	/*	color: #00F;	*/
	margin: 0 25% 0 25%;
	text-align: left;
	background: transparent;
	/*	font: 12px/24px  Arial, Helvetica, sans-serif;	*/
}

.specialWidth	{
	margin: 0 0 5px;
	padding: 10px 0 14px 5px;
	height: 14px;
	border-style: solid;
	border-color: #C00;	
	border-width: 1px 0;
	background: #66F;
	font: 600 14px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
/* See http: //glish.com/css/hacks.asp for details. */
	voice-family:  "\"}\"";
	voice-family: inherit;
}
/* text-align: center;	*/
/*	height: 14px;	the correct height for above definition	*/

.shadowbox, .yellowshadowbox	{
	margin: 10px auto 20px;
	width: 503px;
	font: normal 14px/18px Arial, Verdana, sans-serif;
	background: #999;
	padding: .5em;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}

.yellowshadowbox	{
	width: 609px;
	background: #ff0;
	padding: 0;
	border-right: 2px solid #f00;
	border-left: 2px solid #f00;
}

.thanksbox, .specialbox, .bluebox, .pinkbox, .redbox, .narrowbox, .memorybox	{
	position: relative;
	padding: 5%;
	color: #00F;
	background: #EEE;
}

.specialbox, .bluebox, .pinkbox, .redbox, .memorybox, .plainbox	{
	background: #FFF;
	top: -4px;
	left: -4px;
	line-height: 23px;
	text-align: center !important;
}

.bluebox, .pinkbox, .plainbox	{
	border: 1px dashed #33F;
	width: 450px;
	padding-top: 2px;
	padding-bottom: 10px;
	text-align: center !important;
}

.redbox	{
	border: 4px dashed #F00;
	width: 450px;
	padding-top: 2px;
	padding-bottom: 0;
}

#summary	{
	position: relative;
	padding: 10px 10px;
	margin: 0 15px;
	background: transparent;
	}

.bloodbox	{
/*	float: left;	*/
	width: 21%;
	padding: 5px 1%;
	margin: 0 1%;
/*	border: 1px dashed #000;	*/
	background: #f00;
}

.bloodbox ul	{
	color: #fff !important;
	list-style: disc;
	}

.black	{
	color: #000;
	}
	
.plainbox	{
	text-align: left !important;
	}

.thanksbox	{
	border: 2px solid #33F;
	margin-left: auto;	/* changed back to auto 12/08/06 from 220px */
	margin-right: auto;
	margin-top: 6px;
	width: 55%;			/* changed back to 55% 12/08/06 from 65%*/
	padding: 6px 36px 10px;
	text-align: left;
}

.memoryboxleft, .memoryboxright	{
	border: 1px solid #039;
	background: url(graphics/CloudBackgroundLeft.jpg);
	padding: .5em;		/* changed from 3px 9/12/06 */
/*	padding-bottom: .25em;	*//* changed from 6px 9/12/06 */
	width: 503px;
	font: 1em Georgia;		/* changed from cursive 9/12/06 */
	font-style: italic;		/* added 9/12/06 */
}

.memoryboxright	{
	background: url(graphics/CloudBackgroundRight.jpg);
}

.rightmargin {
	margin-right: 4.5em;
	text-align: left;
	}

.narrowbox	{
	border: 3px solid #039;
	text-align: left;
	width: 30%;
	padding: 5px 10px;
	margin-left: 30%;
	margin-top:10px;
	background: transparent;
}

.invitation	{
	margin-left: auto;
	margin-right: auto;
	width: 540px;
	height: 306px;
	background: url(graphics/Invitation.gif);
}

.invitation p	{
	font: 18px  Georgia;	/* changed from cursive 9/12/06 */
	font-style: italic;		/* added 9/12/06 */
	text-align: center;
	color: navy;
}

.invitation .note	{
	font: 12px  Georgia;	/* changed from cursive 9/12/06 */
	font-style: italic;		/* added 9/12/06 */
}

.left_halfbox	{
	float: left;
	width: 40%;
	margin-right: 1.5em;
	padding: 15px 10px 10px 0;
	text-align: center;
/*	border-right: 1px dotted #aaa;	*/
}

.right_halfbox	{
	float: left;
	width: 40%;
	margin: 1.5em;
	padding-top: 15px;
	text-align: center;
	border-left: 1px dotted #aaa;
}

/* -- !LIST Rules -- */

/* -- !Unordered -- */
ul	{
	text-align: left;
	list-style-type: none;
	margin-bottom: 0;
	margin-top: 0;
}

ul ul	{
	text-align: left;
	list-style-type: none;
}

ul.bold	{
	font-weight: bold;
}

/*	li.old { padding-left: 16px; }	*/

ol.agenda_list	{
	text-align: left !important;
	list-style-type: none;
	margin-bottom: 0;
	margin-top: 0;
	padding-left: 3em;
	list-style-type: decimal;
}

/* li.new	{
	color: white;
	background: red;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 2px 2px;
}	*/

ul.squares	{
	list-style: square;
	color: black;
	padding-left: 5em;
}

li h2	{
	padding: 0;
	line-height: 6px;
	color: #666;
}

li h3	{
	padding: 0;
	line-height: 3px;
	color: #666;
}

li h4	{
	color: #009;
	font-size: 14px;
	display: inline;
}

ul+p	{
	margin-bottom: 0;
	padding-bottom: 0;
}

.dotlist	{
	list-style-type: disc;
	list-style-position: inside;
}

/* Image Rules */
img.leftfloat	{
	float: left;
	vertical-align: middle;
	margin-left: 5%;
	clear: both;
}

img.rightfloat	{
	float: right;
	vertical-align: middle;
	margin-right: 5%;
	clear: both;
}

img.top	{
	vertical-align: middle;
	height: 18px;
	width: 88px;
	margin: 0;
	padding: 0;
	border: none;
}

img.new	{
	border-color: red;
	border-style: solid;
	border-width: 2px;
	vertical-align: middle;
}

img.old	{
	border-style: none;
	vertical-align: middle;
	text-align: center;
}

img.center {
	padding: 0;
	margin: auto;
}

/* Table Rules */

td.specialinput	{
	font-size: .8em;
	font-family: Arial, Courier, sans-serif;
}

td.labelname	{
	font-size: .6em;
	font-family: Arial, Courier, sans-serif;
}

left_column td	{
	font-weight: 800;
	text-align: left;
}

right_column td	{
	font-weight: 800;
	text-align: right;
}

#leftcontent table	{
	margin-bottom: -10px;
	border: none;
	font-size: 12px;
}

table.gallery	{
	width: 540px;
	padding: 2px;
}

.center table	{
	margin: 0;
	padding: 0;
	width: auto;
	/*	border-style: groove;
	border-width: 5px;
	border-color: #009;	*/
}

tr.center	{
	text-align: center;
}

tr.right	{
	text-align: right;
	padding-right: 6px;
}

td.right	{
	text-align: right;
	padding-right: 6px;
}

td.left	{
	text-align: left;
	padding-left: 6px;
}

/* -- !Calendar Table Rules */
table#calendar	{
	border: 3px double red;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	padding: 2px;
	font-size: 1em;	/*16px*/
}

tr#days th {
	width: 30px;	/* 18px */
}

table#calendar tr#days th	{
	color: #CCE;
	background: #224;
	font-weight: bold;
	font-size: .9em;	/* 12px */
	text-align: center;
	padding: 1px 2px;
}

table#calendar tr#title th	{
	background: transparent;
	border: 1px solid #224;
	color: black;
	font-size: .9em;	/* 12px */
}

table#calendar td	{
	padding: 1px 1px;
	color: #66C;
	text-align: right;
	border: 1px solid gray;
	border-color: #888 #EEE #EEE #888;
}

table#calendar td.sat	{
	border-right: 1px solid #888;
}

table#calendar td a	{
	font-weight: bold;
	display: block;
	margin: 0;
}

table#calendar a:link	{
	color: navy;
}

table#calendar a:visited	{
	color: purple;
}

table#calendar a:hover	{
	background: #FF6;
}

table#calendar td.service	{
	background: #FDD;
}

table#calendar td.special	{
	background: #F00;
}

/* Moved this declaration up from below td.nextmonth */
table#calendar tr#lastweek td	{
	border-bottom: 2px solid #AAB;
}

table#calendar td.anothermonth, table#calendar td.nextmonth	{
	background: #AAC;
	color: #66C;
	border: 1px solid #AAB;
	border-right-color: #99A;
	font-size:.9em;
}

table#calendar td.nextmonth	{
	background: #55a;
	color: #ccc;
}

table#calendar td.holiday	{
	background: #FAA;
	border-color: #888 #FCC #FCC #888;
}

/* -- !Styles for forms
--------------------------- */

	#container {
		background: url(graphics/bg-form-btm.png) no-repeat 100% 100%;
		padding-bottom: 18px;
		width: 600px;
	}
	
	#container-inner {
		background: #fff url(graphics/bg-form.gif) repeat-x;
		border: 1px solid #fff;
		border-color: #fff #fff #ababab;
		padding: 20px;
	}
	
	input,
	textarea,
	select {
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

/* !General Form Styling
--------------------- */
/* -- !Fieldsets & Legends -- */
	fieldset {
		border: none;
		position: relative;
		padding: 20px 0 0;
	}

/* -- !Introduction Text -- */
	.introduction {
		font-size: 1.5em;
		margin: 0 0 2em;
	}

/* -- !Fields -- */
	fieldset div {
		background: url(graphics/bg-form-fieldset-.png) repeat-y 0 0;
		margin: 0 0 10px;
		overflow: hidden;
		padding: 5px 5px 5px 0;
	}
	
	fieldset .controls {
		margin: 25px 0 0;
		padding: 0;
	}

/* -- !Labels -- */
	fieldset div label {
		color: #666;
		float: left;
		font-size: 1.16em;
		font-weight: bold;
		line-height: 1.1;
		margin: 9px 20px 0 0;
		width: 140px;
	}

/* -- !Input defaults -- */
	fieldset div input,
	fieldset div textarea,
	fieldset div select {
		color: #333;
		display: block;
		font-size: 14px;
		font-family: Arial, Helvetica, sans-serif;
		float: left;
		line-height: 1;
		margin: 0;
	}

/* -- !Text inputs -- */
	fieldset div input {
		padding: 6px 3px;
		width: 200px;
	}

/* -- !Select menus -- */
	fieldset div select {
		padding: 0 0 0 3px;
		width: 291px;
	}        

/* -- !Textareas -- */
	fieldset div textarea {
		height: 89px;
		padding: 3px;
		width: 269px;
	}

/* -- !File Upload -- */
	fieldset div input[type=file] {
		border: inherit;
		padding: inherit;
		width: auto;
	}
	
/* -- !Radio buttons + checkboxes -- */
	fieldset div ul {
		float: left;
		margin: 5px 0 0 160px;
	}
	
	fieldset div ul li {
		margin: 0 0 5px;
		padding: 0;
	}
								 
	fieldset div ul li label {
		display: inline;
		float: none;
		font-size: 1em;
		font-weight: normal;
		margin: 0;
		padding: 0;
	}
					
	fieldset div ul li input {
		border: inherit;
		display: inline;
		margin: 0 5px 0 0;
		padding: 0;
		width: auto;
	}

/* -- !Submit -- */
	fieldset .controls {
		background: none;
	}
	
	fieldset .controls input {
		float: right;
		width: auto;
	}

/* -- !Submit -- */
	fieldset .controls input#submit {
		background: url(graphics/submit-button.png) no-repeat 0 0;
		border: none;
		cursor: pointer;
		float: right;
		height: 32px;
		margin: 0;
		overflow: hidden;
		padding: 32px 0 0 136px;
		width: 136px;
	}