/* layout.css © Factor of 4, LLC 2009*/
/*pperr.org*/

body         { }
#nhoodbg  { background-image: url("../images/nhood-bg.jpg") }
#eventsbg { background-image: url("../images/events-bg.jpg") }
#commbg { background-image: url("../images/comm-bg.jpg") }
#pperriabg { background-image: url("../images/pperria-bg.jpg") }
#nrpbg { background-image: url("../images/nrp-bg.jpg") }
#directorybg { background-image: url("../images/directory-bg.jpg") }

/* container */
div#container{ 
	margin: 0 auto;
	text-align: left; 
	width: 1000px; 
	height: 100% 
}

/* header area */
div#header    { background-image: url("../images/header-bg.jpg"); top: 0; left: 0; width: 994px; height: 192px }
div#header2   { background-image: url("../images/home-header-bg.gif"); top: 0; left: 0; width: 980px; height: 160px }

#header-icon {
	float: left;
}

/* toolbar area */
#toolbar { 
    float: right;
	margin-right: 8px;
}


/* main content area */

div#content       { clear: both; text-align: left; width: 1000px; height: 600px; }
div#content2   { text-align: left; position: absolute; top: 205px; width: 980px }

#page-image {
	top: 20px;
	float: right;
}
#event-info {
	float: right; width: 600px;
	}
#event-table {
	float: left; width: 300px;
	}
#box { 
	background-color: #FFFFAA;
}

div#main-strut-vertical { width: 0; height: 500px; float: left }
div#clear-main-area { margin: 0; position: relative; width: 100%; clear: both }
/*left sidebar*/
div#leftsidebar   { }
/* centercontent area */
div#content-left { float: left; top: 0; width: 300px; }
div#content-center  { float: right; top: 0; width: 690px; }
div#content-right  { text-align: left; visibility: visible; padding: 15px;  top: 0; width: 300px }

/*right sidebar*/
div#rightsidebar      { background-color: #85bb31; text-align: left; visibility: visible; padding: 14px 0; position: absolute; z-index: 3; top: 0; left: 638px; width: 282px; float: right }
div#rightsidebar2  { background-color: #85bb31; text-align: left; visibility: visible; padding: 14px 0; position: absolute; z-index: 3; top: 0; left: 638px; width: 282px; float: right }


/* footer area */

div#footer { 
	clear: both; 
	width: 994px; 
}