@charset "UTF-8";
/* THIS IS THE STYLE PAGE FOR LAYOUT OF NECCA necca.myspokane.net 
   2009 ©NECCA
   Created by: James Anderegg Jr
   Email:jimmyzippy@gmail.com 
   jamesandereggjr.com
   BRANDING COLORS used: 
   -ORANGE-----#CF7E26
   -GREEN------#80A245 
   -VANILLA----#ffffcc 
*/ 

body  { /* -APPLYS TO ALL PAGES- */
	margin:auto;
	/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults 
	*/
	padding:0;
	/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector 
	*/
	background-color:#333333;
	/*width:100%;*/
	width:950px;
	height:100%;
	/*min-width:800px;*/
	border:groove;
	border-color:#666;
	border-width:3px;
	}
/***** References for 'FAUX COLUMS' 
                                http://www.communitymx.com/content/article.cfm?page=1&cid=AFC58 
	                            http://www.communitymx.com/content/article.cfm?page=2&cid=AFC58
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*•• BACK GROUND IMAGES USING FAUX COLUMS ••*/
#bkLogo{/* logo texture in the back of the mainContent */
	background:url("../images/logo/bkLogo2000.png") 50% 50%;
	}
#wrap1{
	background:url("../images/misc/tileG.png") 15% 0;/*
    This is set up with a tiled image that displays 
	15% of the screen "Green"; and the rest is white */
	position:relative;
	width: 100%;
	min-width:800px;
	height:100%;
	color: #FFC;
	}
#container { /*********************************************
              -APPLYS TO ALL PAGES- THE RIGHT SIDE DIV's
                 THAT EXTEND THE FULL LENGTH OF THE PAGE ARE
				                           MADE WITH THIS DIV 
				 ********************************************/
	width: 100%;
	position:relative; /***************************
	                   used "reletive because other div's
						 using "position:absolute" will base 
						    thier position off this div
					*********************************************/
	background:url("../images/misc/tileR3.png") 80% 0;
	/*
	This is .png that is 80%, or 1600px, transparent,the
    remaining 400px, or 20%, are the rightside Bar
    */
    text-align: left;
	min-width:800px;
	color: #000;
	}  
#container2A{
	width:100%;
	position:reletive;
	background:url("../images/misc/TilePieceForHomeRight.png") 56% 0;
	text-align:left;
	}
/** HEADER DIVS **/
/** ORANGE BAR _ Top of the Header **/
#header1{
	height:13px;
	background-color:#CF7E26;
	}
#header { 
          /** APPLYS TO ALL PAGES- 
			  MANILLA BAR in the HEADER 
	      **/
	height:67px;
	background-color:#ffffcc;
	margin:0;
	} 
.HPL { /* Home Page Logo */
	position:absolute;
	top:13px;
	left:0px;
	width: 370px;
	height: 102px;
	border-style:ridge;
	border-width:3px;
	border-color:#80A245;
    }
#lineG{/***************************
         GREEN BAR_ below the Logo 
		***************************/
	height:6px;
	background-color:#80A245;
	border-top-style:inset;
	border-top-color:#80A245;
	border-top-width:2px;
    }
#lineOR{/************************************
        Orange BAR_ below GreenBar in header 
		************************************/
	height:2px;
	background-color:#CF7E26;
    }
#lineR{ /**********************
         GRAY BAR _ 
	      below the green line in header 
	 ***********************************/
	height:32px;
	float:left;
	margin:0;
	width:100%;
	background-color:#CCC;
	border-top-style:outset;
	border-bottom-style:ridge;
	border-top-width:2px;
	border-bottom-width:3px;
	border-top-color:#999;
	border-bottom-color:#333;
    }
#lineR2{ /***************************
          ORANGE BAR just below
		  gray line in header
		  ***************************/
	background:#CF7E26;
	border-top:inset;
	border-bottom:groove;
	border-top-width:2px;
	border-bottom-width:2px;
	padding:2px;
    }
/****************************************************
                   END HEADER DIVS
*******************************************************/
/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
#headLine{
	margin:0;
	position:absolute;
	top:0;
	left:1px;
	padding-bottom:8px;
	height: 0;
	width: 1px;
	z-index: 2;
	}
/******************************************************************************
                      --LEFT SIDE BAR-- 
   this is where the 15% from the #wrap1 comes into play 
   the left and right margin should be given to every element that will 
           be placed in the #sidebar because of the %width 
*******************************************************************************/
#sidebar1 {/* -APPLYS TO ALL PAGES- */
	float:left;
	clear:both;
	text-align:center;
	width:145px;
	padding-top:1px;
	padding-bottom:1px;	 /* top and bottom padding create visual space within this div */
	 }
#sidebar1 #imgCenter {
	/*this div and keeps the image in the left side bar with-in the sidebar1 div*/
    width:90%; 
	margin-top:0.5em;
	margin-right:4%;
	margin-left:4%;
	text-align:center;
	padding:1px;
	border-style:ridge;
	border-color:#80A245;   
	border-width:2px;   
	background-color:#191919;
	}
img.gdB2 { 
/* Used on Bulding image on Left sidebar so the image resizes with different user settings and monitor size */
   width:100%;
         /* using only a width will allow the image to scale properly */
	}
#hours{
	text-align:center;
	font:"Arial Black", Gadget, sans-serif;
	font-size:12px;
	font-color:black;
    }
/*************************************************
   ALL STYLES ABOVE THIS APPLY TO ALL PAGES 
*************************************************
      RIGHT SIDE BAR STYLES START HERE
****************************************************/
#sidebar2 {
	float: right;
	width: 20%; /* since this element is floated, a width must be given */
	padding: 25px 0; /* top and bottom padding create visual space within this div */
	margin:0;
	text-align:center;
	}
/*This div is used where there is no space between the right side elements and the nav div*/
#sidebar3 {
	float: right; 
	width: 190px; 
	/* since this element is floated, a width must be given */
	/*background: #EBEBEB;*/ /* the background color will be displayed for the length of the content in the    column, but no further */
	padding-top:10px; /* top and bottom padding create visual space within this div */
	margin: 0;
	/*border-left:groove;
	border-width:1px;
	border-bottom:groove; */
    }
#sidebar5 {/* USED ON history.html PAGE FOR RIGHT SIDE BAR */
	float: right; 
	width: 20%; /* since this element is floated, a width must be given */
	 /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0 0; /* top and bottom padding create visual space within this div */
	margin-top:15px;
	text-align:center;
    }
#sidebar6 {/* USED ON ABOUT US PAGE ON THE RIGHT SIDE OF THE PAGE */
	float: right;
	width: 20%; /* since this element is floated, a width must be given */
	margin:0;
	padding-top:60px;
	padding-left:20px;
	padding-right:.05em;/* top and bottom padding create visual space within this div */
    }
/* holds all the information about the Expansion on the Home Page */
#homePgExpansionWrap{
	width:340px;
	padding-top:45px;
	padding-left:1px;
	padding-right:1px;
	text-align:center;
	margin:0;
    }
#mainContent {
	margin-left:145px;
	margin-top:15px;
	margin-right:195px;
	padding:5px 5px 5px 5px; /* padding here creates white space "inside the box. */
	vertical-align: top;
    }
#mainContent_HomePage{/* index.html - Home page middle content */
    float:right;
	width:780px;
	margin:0;
	padding: 0 .5em 0 .5em;
	}
	
#mainContent2{
	float:right;
	width:780px;
	padding-top: 0;
	padding-right: 0.5em;
	padding-bottom: 0;
	padding-left: 0.5em;
	clear: both;
	margin-top: -520px;
    }
#mainContent1{
	/*index.html - Home page middle content*/
    /*margin: 4% 340px 0px 15%; Modified 9/21/09*/
	margin: 4% 15px 0 15%;
	padding: 0 .5em 0 .5em;
	}
#mainContent_NewsLetter{
	float:right;
	padding:3px;
	margin-left:25px;
	margin-right:75px;
	margin-bottom:25px;
	background-color:#80A245;
	width:650px;
	height: 750px;
	border-style:outset;
	border-width:4px;
	border-color:#999;
	}
/* ALL STYLES FOR COLUMN LAYOUTS ARE ABOVE THIS */
/* FOOTER SAME ON ALL PAGES */
#footer { 
	padding: 0 10px; 
	background:#DDDDDD;
	margin:0;
    } 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding-top:2px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	padding-bottom:2px;
	text-align: left;
    }
/*****************************
GOOGLE MAP ON LOCATION PAGE 
*****************************/
#map_canvas2 {
	width:450px;
	height:450px;
	margin-top:50px;
	margin-left:173px;
	border-style:outset;
	border-width:5px;
	border-color:#848484;
	vertical-align: top;
    }
/******************** EXPANSION VID HOME PAGE *************************/
#vid{
	padding:3px;
	width:325px;
	height:285px;
	margin-right:auto;
	margin-top:auto;
	margin-left:auto;
	margin-bottom:auto;
    }
#vidIntro{
	float:right;
	clear:right;
	width:335px;
	height:295px;
	padding-top:10px;
	margin-bottom:25px;
	padding-right:5px;
	padding-left:5px;
	background-color:#99CC7F;
	border-style:ridge;
	border-color:#339900;
	border-width:2px;
    }
/*
"NORTH EAST COMMUNITY GARDEN" -LOGO-
Logo on Garden Page 
*/
#gdL{ 
	margin:0 auto;
	text-align:center;
    }
/* Miscellaneous classes for reuse */
/* 
this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. 
*/
.fltrt { 
	float: right;
	margin-left: 8px;
    }
	
/* 
this class can be used to float an element left in your page. 
*/
.fltlft { 
    float:left;
	width:auto;
	margin-right:8px;
	margin-bottom:5px;
	margin-top:0;
	}
.clearfloat { 
/* 
this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float.
*/
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
   }
.keeptight { 
/* 
zeroing the margin of the last element in the div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse 
*/
    margin:0;
    padding-left:inherit;
    }
/***********************************************
location = "Contact.php" this is the div the
 PHP for the contact text fields are located.*/

#paypal_div{
	text-align:center;
	width:90%;
    }
#phpEmail{
	margin-left:20%;
	padding:1em;
	border-style:groove;
	border-width:2px;
	border-color:#f9df97;
    }
/* •••••••••• EXPASION PAGE DIVS •••••••••••••• */
#upDateTxt { /* expansion.html - holds txt next to pdf */
	padding:.5em;
    margin-bottom:5px;
	border-style:inset;
    border-width:thin;
    border-color:#999;
	background-color:#F5F9F6;
    }
#pdf { /* expansion.html - holds pdf viewer */
	float:left;
	width:auto;
	min-width:370px;
	padding:.2em .2em .2em .2em;
	text-align:center;
	border-style:inset;
    border-width:thin;
    border-color:#999;
	background-color:#F5F9F6;
	}
#donationHolder{
	float:left;
	width:250px;
	text-align:center;
	}
	
#HpageMerchantCircle{
	float:left;
	width:250px;
	border-style:groove;
	border-width:2px;
	border-color:#666;
	}
#swineFlu{
	margin:0;
	}
#Awards{
	border:groove;
	border-width:2px;
	border-color:#03C;
	}
#GC{/* Google Calendar */
	margin-top:10px;
	border-style:groove;
	border-width:3px;
	border-color:#3F0;
	-webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: -2px -2px 2px rgba(0,0,0,0.15);
    box-shadow: -2px -2px 2px rgba(0,0,0,0.15);
	}
#bkLogo #wrap1 #container #mainContent {
	color: #F4AF00;
}
#bkLogo #wrap1 #container #mainContent {
	color: #000;
}
#bkLogo #wrap1 #container #mainContent .boldOrange {
	font-family: Georgia, Times New Roman, Times, serif;
	text-align: center;
}
#bkLogo #wrap1 #mainContent_HomePage .backfill .txt table tr td {
	text-align: center;
	color: #FF8000;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#bkLogo #wrap1 #mainContent_HomePage .backfill .txt table tr td p {
	color: #C93;
}
#bkLogo #wrap1 #mainContent_HomePage .backfill .txt .borderWrap_1 {
	color: #CCF;
}
#bkLogo #wrap1 #mainContent_HomePage .backfill .txt .borderWrap_1 {
	color: #F33;
}
#bkLogo #wrap1 #mainContent_HomePage .backfill .txt .borderWrap_1 {
	color: #FFC;
}
#bkLogo #wrap1 #mainContent_HomePage .backfill .txt .borderWrap_1 {
	color: #F4AF00;
}
#bkLogo #wrap1 #mainContent_HomePage .backfill .txt .borderWrap_1 tr td table {
	color: #AAB300;
}
#bkLogo #wrap1 #mainContent_HomePage .backfill .txt .borderWrap_1 tr td table {
	color: #963;
}
#bkLogo #wrap1 #mainContent_HomePage .backfill .bodyText a {
	color: #AAB300;
	font-size: x-large;
}
#bkLogo #wrap1 #mainContent_HomePage .backfill .borderWrap_1 tr td table .thxName2 td {
	font-weight: bold;
}
#bkLogo #wrap1 #mainContent_HomePage .backfill .bodyText {
	color: #939;
}
#bkLogo #wrap1 #mainContent_HomePage .backfill .bodyText {
	color: #FF8080;
}
#bkLogo #wrap1 .bmt tr td .bmt {
	font-size: 9px;
}
#bkLogo #wrap1 .bmt tr td .bmt {
	font-size: x-small;
}
#bkLogo #wrap1 .bmt tr td .bmt {
	font-size: xx-small;
}
#bkLogo #wrap1 .bmt tr td .bmt {
	font-size: smaller;
}
#bkLogo #wrap1 .bmt tr td table tr .tabel_txt p {
	color: #000;
	font-weight: bold;
}
#bkLogo #wrap1 .bmt tr td table tr .tabel_txt p b {
	font-style: normal;
}
.board_text {
	color: #000;
	font-size: 9px;
	font-weight: normal;
	font-style: normal;
}
upcoming_title {
	font-size: x-large;
}
index_front_text {
}
index_text {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#bkLogo #wrap1 #mainContent_HomePage .backfill table tr td .borderWrap2 tr td {
	text-align: center;
}
#bkLogo #wrap1 #mainContent_HomePage .backfill table tr td .borderWrap2 {
	text-align: center;
}
#title {
	border: medium double #F4AF00;
}
#index_table {
	text-align: center;
}
#bkLogo #wrap1 #mainContent_HomePage .backfill table tr td table tr td .BTL strong {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 28px;
	font-weight: bolder;
	text-align: center;
	vertical-align: middle;
	border-top-style: none;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	width: 0px;
}
.index_front_page {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	top: auto;
	text-align: left;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #040;
}