body  {
	background: #f1f5fa;
	margin: 0 auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	/*text-align: center;*/ /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

#container { 
	width: 913px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto;
	background: url(images/contentbg.jpg) repeat-y;
}

a
{
  outline: none;
}

#header {
	background: #F1F5FA url('images/header.jpg') bottom no-repeat;
	height: 137px;
	padding-top: 30px;
}

#header h1 {
	padding: 0;
	text-indent: -999999px;
	margin: 0;
}

#header h1 a {
	width: 850px;
	height: 115px;
	display: block;
}

/*#header h1 {
	text-indent:-999999px;
	margin:0;
	float:left;
}*/

/*#nav ul {
	list-style-type: none;
	padding-left: 0;
	font: 12px Verdana, Helvetica, Arial, Sans-Serif;
	color: #fff;
	font-weight: bold;
	margin-top: 5px;
}

#nav li {
	display: inline;
}*/

#navlist {
 width: 511px;
 height: 27px;
 background: url(images/nav.jpg);
 position: relative;
margin: 0;
padding-left: 0;
}
#navlist li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;text-indent: -9999999px;}

#navlist li, #navlist a {height: 27px; display: block;}
#panel1b {left: 0; width: 106px;}
#panel2b {left: 106px; width: 157px;}
#panel3b {left: 263px; width: 112px;}
#panel4b {left: 375px; width: 137px;}

#panel1b a:hover {background: transparent url(images/nav.jpg) 0 -27px no-repeat;}
#panel2b a:hover {background: transparent url(images/nav.jpg) -106px -27px no-repeat;}
#panel3b a:hover {background: transparent url(images/nav.jpg) -263px -27px no-repeat;}
#panel4b a:hover {background: transparent url(images/nav.jpg) -375px -27px no-repeat;}

#content-wrapper {

}

#content { 
	background: url(images/contentheader.jpg) repeat-x;
	width: 578px;
	float: left;
}

#content-inner {
	padding-left: 15px;
}

.date {
	font: 11px Verdana, Helvetica, Arial, Sans-Serif;
	color: #d1ccce;
	margin-top: 5px;
	display: block;
}

#content h2 {
	font: 22px Times, Verdana, Helvetica, Arial, Sans-Serif;
	color: #ef8daa;
	padding-top: 6px;
	margin: 0 0 4px 7px;
}

#mission {
	font: 11px Verdana, Helvetica, Arial, Sans-Serif;
	width: 552px;
	margin: 29px 0 10px 0;
	color: #3b3a3a;
	padding-bottom: 10px;
	background: #fff2f6 url(images/missionheader.jpg) top no-repeat;
}

#mission p {
	padding-left: 12px;
	padding-right: 20px;
}

.inner-content {
	width: 552px;
	border: 1px dotted #a9abab;
	margin-bottom: 10px;
}

.inner-content ul {
	padding-left: 28px;
	line-height: 16px;
	font: 11px Verdana, Helvetica, Arial, Sans-Serif;
}

.inner-list {
	float: left;
	display: inline;
	color: pink;
	margin-left: 0;
}

.inner-content a:link {color: #ef8daa; border-bottom:1px dotted #ef8daa; text-decoration: none}
.inner-content a:visited {color: #ef8daa; border-bottom:1px dotted #ef8daa; text-decoration: none}
.inner-content a:active {color: #ef8daa; border-bottom:1px dotted #ef8daa; text-decoration: none}
.inner-content a:hover {color: #3b3a3a; border-bottom:1px dotted #3b3a3a;}

.stats {
	text-align: center;
	list-style-type: none;
	padding: 0;
	color: #3b3a3a;
}

.inner-content img {
	border: 2px solid #e8e8e8;
}

.product-wrapper {
	font: 11px Verdana, Helvetica, Arial, Sans-Serif;
	padding-left: 23px;
	float: left;
	width: 149px;
	text-align: center;
	margin-bottom: 10px;
}

#sidebar {
	min-height: 77px;
	background: url(images/sidebarheader.jpg) top no-repeat;
	width: 335px;
	float: right;

}

#sidebar h2 {
	font: 22px Times, Verdana, Helvetica, Arial, Sans-Serif;
	color: #ef8daa;
	padding-top: 6px;
	padding-left: 7px;
	margin-left: 3px;
	height: 32px;
	background: url(images/h2bg.jpg) no-repeat;
}
#sidebar p {
	color: #3b3a3a;
	font: 11px Verdana, Helvetica, Arial, Sans-Serif;
	padding-left: 10px;
	padding-right: 30px;
	line-height: 14px;
}



.happening-list {
	list-style-type: none;
	padding-left: 13px;
	font: 11px Verdana, Helvetica, Arial, Sans-Serif;
	color: #504f4f;
	line-height: 16px;
}

.important-links {
	font: 11px Verdana, Helvetica, Arial, Sans-Serif;
	color: #ef8daa;
	line-height: 16px;
}

#sidebar a:link {color: #ef8daa; border-bottom:1px dotted #ef8daa; text-decoration: none}
#sidebar a:visited {color: #ef8daa; border-bottom:1px dotted #ef8daa; text-decoration: none}
#sidebar a:active {color: #ef8daa; border-bottom:1px dotted #ef8daa; text-decoration: none}
#sidebar a:hover {color: #3b3a3a; border-bottom:1px dotted #3b3a3a;}

#sidebar .readmore a:link {color: #ff0054; border-bottom:1px dotted #ff0054; text-decoration: none}
#sidebar .readmore a:visited {color: #ff0054; border-bottom:1px dotted #ff0054; text-decoration: none}
#sidebar .readmore a:active {color: #ff0054; border-bottom:1px dotted #ff0054; text-decoration: none}
#sidebar .readmore a:hover {color: #3b3a3a; border-bottom:1px dotted #3b3a3a;}

.header-top {
	text-indent: -9999999px;
	margin-bottom: 35px;
}

#footer {
	clear: both;
	height: 23px;
	background: url(images/footer.jpg) no-repeat;
}

#content-internal{
	border: #f4e4e8 1px solid;
	width: 900px;
}

.twoColFixRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px;
}

.twoColFixRtHdr #mainContent { 
	margin: 0 250px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

.twoColFixRtHdr #footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD; 
} 

.twoColFixRtHdr #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: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.fltrt { /* 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. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.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;
}

/* INNER PAGE */
#inside-content-wrapper {
	background: url(images/insidecontent.jpg) repeat-x;
}
#inside-container { 
	width: 913px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto;
	background: url(images/innercontentbg.jpg) repeat-y;
	
}

#inside-content-header {
	
}
#inside-content-wrapper h2 {
	background: url(images/insideh2.jpg) no-repeat;
	margin-left: 5px;
	margin-top: 45px;
	font: 22px Times, Verdana, Helvetica, Arial, Sans-Serif;
	color: #ef8daa;
	padding-top: 6px;
	padding-left: 25px;
	height: 32px;
}

#inside-content {
	margin-left: 45px;
	margin-right: 25px;
	min-height: 300px;
}

#inside-content p {
	color: #3b3a3a;
	font: 11px Verdana, Helvetica, Arial, Sans-Serif;
	line-height: 24px;
	margin-right: 35px;
}

#inside-content a:link {color: #ef8daa; border-bottom:1px dotted #ef8daa; text-decoration: none}
#inside-content a:visited {color: #ef8daa; border-bottom:1px dotted #ef8daa; text-decoration: none}
#inside-content a:active {color: #ef8daa; border-bottom:1px dotted #ef8daa; text-decoration: none}
#inside-content a:hover {color: #3b3a3a; border-bottom:1px dotted #3b3a3a;}

a img {
	border: 0px;
}

.centerpics img {
	margin-right: 15px;
	border: 1px solid #c0bebe;
}

#inside-footer {
	clear: both;
	height: 23px;
	background: url(images/footer2.jpg) no-repeat;
}

#navlist2 {
 width: 913px;
 height: 28px;
 background: url(images/nav3.jpg);
 position: relative;
margin: 0;
padding-left: 0;
}
#navlist2 li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;text-indent: -9999999px;}

#navlist2 li, #navlist2 a {height: 28px; display: block;}
#navlist2panel1b {left: 0; width: 103px;}
#navlist2panel2b {left: 103px; width: 157px;}
#navlist2panel3b {left: 259px; width: 116px;}
#navlist2panel4b {left: 374px; width: 168px;}
#navlist2panel5b {left: 541px; width: 106px;}
#navlist2panel6b {left: 647px; width: 135px;}
#navlist2panel7b {left: 782px; width: 131px;}

#navlist2panel1b a:hover {background: transparent url(images/nav3.jpg) 0 -28px no-repeat;}
#navlist2panel2b a:hover {background: transparent url(images/nav3.jpg) -103px -28px no-repeat;}
#navlist2panel3b a:hover {background: transparent url(images/nav3.jpg) -259px -28px no-repeat;}
#navlist2panel4b a:hover {background: transparent url(images/nav3.jpg) -374px -28px no-repeat;}
#navlist2panel5b a:hover {background: transparent url(images/nav3.jpg) -541px -28px no-repeat;}
#navlist2panel6b a:hover {background: transparent url(images/nav3.jpg) -647px -28px no-repeat;}
#navlist2panel7b a:hover {background: transparent url(images/nav3.jpg) -782px -28px no-repeat;}

.leftpic {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	border: 1px solid #c0bebe;
}

.donors {
	float: left;
	color: #3b3a3a;
	font: 11px Verdana, Helvetica, Arial, Sans-Serif;
	line-height: 20px;
	margin-right: 35px;
	list-style-type: none;
	padding-left: 0;
}

.donors-wrapper h3 {
	font: 11px Verdana, Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	margin-bottom: 0;
}