/* CSS for interior pages, Amani Ya Juu */
/* Brenda Egeland, revised Fall 2009 */

/* Reset browser default styles to insure consistency across various browsers */
html, body, div, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; 	border: 0; 	font-size: 100%; line-height: 1; text-align: left; 	vertical-align: baseline; }
a img, :link img, :visited img { border: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }


/* FIXES */

/* -- force vertical scrollbars in FF to avoid horizontal shift on short pages */
html { height: 100%; }
body { min-height: 101%; }
/* -- get rid of Firefox link boxes */
a { outline: none; }

/*  LAYOUT  */
body 					{               margin: 0;             padding: 20px 0;           background: url(../images/oliveGreenBkgd.jpg) center top; }
div#wrapper1	{ width: 768px; margin: 0 auto;        padding: 0;                background: url(../images/canvasBkgdInteror.jpg) left top repeat-y; }
div#wrapper2	{ width: 768px; margin: 0;             padding: 0;                background: url(../images/contentheader.jpg) left top no-repeat; }
div#wrapper3	{ width: 768px; margin: 0;             padding: 0 0 134px 0;      background: url(../images/canvasInteriorFooter.jpg) left bottom no-repeat; }
div#leftside	{ width: 168px; margin: 10px 0 0 10px; padding: 0;                float: left;}
div#mainNav		{ width: 144px; margin: 0 0 0 14px;    padding: 0;  }
div#content		{ width: 545px; margin: 0 0 0 213px; padding: 10px 0 0 0; }
div#floatcontainer			{ width: 525px; margin: 0 0 0 0;   		 padding: 20px 10px 0 10px; float: left; }
div.clearfloat     { clear: both; height: 10px; display: block; }

/* IE Hacks */
div#leftside 	{ display: inline; }
div#content {height: auto !important; height: 500px; }

 /*  MAIN NAVIGATION  */
div#mainNav ul { list-style: none; text-indent: 0; margin: 0; padding: 0; width: 144px; }
div#mainNav li { position: relative; display: block; width: 144px; margin: 0; padding: 0; }

div#mainNav a { display: block; background-position: top left; background-repeat: no-repeat; margin: 5px 0; padding: 0; width: 140px; height: 30px; border: 2px solid black; font-size: 10px; text-decoration: none; }
div#mainNav a:link { background-position: top left; }
div#mainNav a:visited { background-position: top left; }
div#mainNav a:focus { background-position: top center; }
div#mainNav a:hover { background-position: top center; }
div#mainNav a:active { background-position: top right; }

div#mainNav a.currentPage { border: 2px solid #e8da87; }
div#mainNav a:link.currentPage,
div#mainNav a:visited.currentPage,
div#mainNav a:focus.currentPage,
div#mainNav a:hover.currentPage,
div#mainNav a:active.currentPage { background-position: top center; }

div#mainNav a .buttonText { visibility: hidden; }
div#mainNav a.home { background-image: url(../images/intButtonHome.jpg); }
div#mainNav a.day { background-image: url(../images/intButtonDay.jpg); }
div#mainNav a.peace { background-image: url(../images/intButtonPeace.jpg); }
div#mainNav a.quilt { background-image: url(../images/intButtonQuilt.jpg); }
div#mainNav a.calendar { background-image: url(../images/intButtonCalendar.jpg); }
div#mainNav a.fair { background-image: url(../images/intButtonFair.jpg); }
div#mainNav a.shop { background-image: url(../images/intButtonShop.jpg); }
div#mainNav a.support { background-image: url(../images/intButtonSupport.jpg); }
div#mainNav a.about { background-image: url(../images/intButtonAbout.jpg); }
div#mainNav a.volunteer { background-image: url(../images/intButtonVolunteer.jpg); }
div#mainNav a.contact { background-image: url(../images/intButtonContact.jpg); }
div#mainNav a.email { background-image: url(../images/intButtonEmail.jpg); }

/*  TYPOGRAPHY   */
/* -- fonts -- */
body {font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; }
h1 {font-family: Papyrus, "Trebuchet MS", Geneva, sans-serif;}

/* -- size and spacing -- */
body 			{font-size: 12px; color: #444444; }
h1				{ font-size: 24px; line-height: 24px; margin: 0; padding:  0   0   12px 0; font-weight: normal; color: #532900;  }
h2				{ font-size: 18px; line-height: 24px; margin: 0; padding: 12px 0    0   0; font-weight: normal; color: #954230; }
h3				{ font-size: 16px; line-height: 18px; margin: 0; padding:  0;              font-weight: normal; color: #594a29;  }
p					{ font-size: 13px; line-height: 18px; margin: 0; padding:  6px 0   12px 0; }
li				{ font-size: 13px; line-height: 18px; margin: 0; padding:  0; }
li li			{ font-size: 11px; }
strong 		{ font-weight: bold; color: #954230; }
em 				{ font-style: italic; color: #000000; }
blockquote { margin: 9px 0px; padding: 0 9px; border-left: 8px solid #e2dfc6; background-color: #efecd1; }
	blockquote p { padding: 9px 0 9px 0; font-style: italic;}
	blockquote p.quoteSource { font-style: normal; font-size: 13px;  }
a { color: #7A8445; }
	a:link 		{ color: #7A8445; }
	a:visited { color: #7A8445; }
	a:hover 	{ color: #954230; }
	a:active 	{ color: #954230; }
ul { list-style-position: outside; list-style-type: square; margin: 0 0 0 1.5em; padding: 6px 0 12px 0; }
ol { list-style-position: outside; list-style-type: decimal; margin: 0 0 0 1.5em; padding: 6px 0 12px 0; }
ul ul, 
ol ul { list-style-type: disc; margin: 0 0 0 2em; padding: 0; list-style-position: outside; }
ol ol, 
ul ol { list-style-type: lower-alpha; margin: 0 0 0 2em; padding: 0 0 0 0; list-style-position: outside; }
dl { margin: 0; padding: 6px 0 12px 0; }
dt { font-size: 13px; line-height: 18px; margin: 0; padding:  0; font-weight: bold; }
dd { font-size: 13px; line-height: 18px; margin: 0 0 0 1.5em; padding:  0; }
td { margin: 0; font-size: 12px; line-height: 17px; vertical-align: top;}
th { margin: 0; font-size: 12px; line-height: 17px; font-weight: bold; vertical-align: top; }

/* Table Layout */
table  { margin: 0 0 17px 0; padding: 0; background-color: #EFECD1; border: 1px solid #c0c091; border-width: 1px 1px 0 1px;  border-collapse:collapse;}
td, th { padding: 3px; border-bottom: 1px solid #c0c091; }
td.rowSpannedCell { padding: 5px; border-left: 1px solid #c0c091; }

tr.green th { background: url(../images/parts/grad5f6735.jpg) center left repeat-x; color: #fffcdf; letter-spacing: 1px;  }
tr.red th,
tr.headingRow th { background: url(../images/parts/grad954230.jpg) center left repeat-x; color: #fffcdf; letter-spacing: 1px; }
tr.green th strong, tr.red th strong, tr.headingRow th strong { color: #fffcdf; }

tr.headingRow th a { color: #fffcdf; }

tr.subtotal td, tr.subtotal th,
	td.medium { background-color: #e2dfc6; }
tr.total td, tr.total th,
	td.dark { background-color: #c0c091; }

th.rowLabel { background-color: #c0c091 !important; background-image: none !important; }

td.cellRight, th.cellRight {text-align: right !important;}
th.cellRight { padding-right: 5px; }
td.cellCenter, th.cellCenter {text-align: center !important;}
td.cellLeft, th.cellLeft {text-align: center !important;}

table.sideHeadings th {text-align: right; }

div#leftside h1 { display: none; }

div#footer p { color: #c0c091; font-size: 11px; text-align: center;}
div#footer a { font-size: 11px; color: #c0c091; text-decoration: underline; }
div#footer a:hover { color: #efecd1; }


.warning { color: #993333; }
.errorMsg { color: #993333; }
.note { font-size: 11px; font-style: italic; }


/*   IMAGES   */
.imgNoFloat { border: 1px solid black; margin: 0; padding: 0; }
.imgleft { float: left; margin: 5px 5px 5px 0; border: 1px solid black; }
.imgright { float: right; margin: 5px 0 5px 5px; border: 1px solid black; }
.imgleftGraphic { float: left; margin: 0 5px 5px 0; }
.imgrightGraphic { float: right; margin: 0 0 5px 5px; }

div#leftside img { margin: 0; padding: 0; border: none; }

/*   SPECIAL USES  */

/* -- Quilt Panels -- */
div#quiltPanels { width: 200px; float: right; }
table#tblQuilt td { vertical-align: top; }

/* -- Forms -- */
/* Forms */
form 						{ border: none; padding: 0; margin: 9px 0; }
textarea 				{ font-size: 13px; width: 98%; }
input.formInput { font-size: 13px;  width: 98%; }
input.button 		{ font-size: 13px; line-height: 18px; }
div.checkInput 	{ padding-right: 20px; float: left;}
label 					{ font-size: 13px; line-height: 18px; font-weight: bold;}
label.selectLabel 	{ font-weight: normal;}
label.block     { display: block; }
form p 					{ padding: 0; }
div.formSection { margin: 0; padding: 9px 9px; min-height: 18px; height: auto !important; height: 18px; clear: left; }
div#honeypot		{ display: none; }


/* -- Calendar Table -- */
td.schedDate strong { color: #7A8445; }
td.schedEvent strong { color: #954230; }