/* ------------------------------------------------------- */
/* MAIN CSS - Optimized and Changed by Roger Ledergerber - August 2008 */
/* ccih0806-RL-ie and ccih0806-RL-ie7 contain IE specific differences */
/* some issues remain - needs further improvement */
/* ------------------------------------------------------- */
 *	{
	margin : 0;
	}

body {
	margin : 0;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	background-image : url(../images/background_03.jpg);
	background-repeat : repeat-x;
	background-color : #8CC63E;
	}
/* ------------------------------------------------------- */
/* rubyslippers - text paragraph headers above paragraphs */
/* ------------------------------------------------------- */
.rubymainhead { 
	text-align:center;
	font-size:24px; 
	color:#900; /* color for 2010 Ruby mainheadings RE changes Joanne Schweibnitz */
	}
.rubyheadpara {
	font-weight : bold;
	font-variant : small-caps;
	/* color : #99CC66; changed for below color */
		color:#900; /* color for 2010 Ruby mainheadings RE changes Joanne Schweibnitz */
	margin-bottom : 13px;
	font-size : 18px;
	}
.red, span.red, b.red {
	color:#900;
	}
a.red, h2 a.red {
	color:#900;
	font-size:14px;
	}
h2 a.red:hover {
	color:#00617B;
	font-size:15px;
	}
#headRuby {
	background-image : url(../images/dave-casper-207x194.jpg);
	background-repeat : no-repeat;
	}
/* ------------------------------------------------------- */
/* general - links */
/* ------------------------------------------------------- */
a:link,
a:active,
a:visited,
a:hover {
	font-size : inherit;
	}
a:link,
a:active,
a:visited {
	text-decoration : none;	
	}
a:link,
a:active,
a:visited {
	color : #336699;
	}	
a:hover	{
	color : #99CC66;
	}
/* ------------------------------------------------------- */
/* general - tags - images - paras - lists */
/* ------------------------------------------------------- */
ul {
	padding-left : 15px;
	}
li {/* diff ie and ie7 */
	margin : 10px;
	list-style-type : disc;
	line-height : 175%;/*line-height : 110%;*/
	font-size : 14px;
	color : #000000;
	}	
p {
	margin : 5px 0 15px 0;
	font-size : 14px;
	line-height : 150%;
	}
img {
	border : 0;
	}
/* ------------------------------------------------------- */
/* general - title headings */
/* ------------------------------------------------------- */
h1 {
	margin-bottom : 15px;
	font-size : 20px;
	}
h2 {
	margin-bottom : 13px;
	font-size : 18px;
	}
h3 {/* diff ie and ie7 */
	margin : 20px 2px 15px 0;
	}
h4 {/* diff ie */
	margin : 20px 2px 2px 0;
	}
h5 {
	font-size : 12px;
	}
h1, h2, h5 {
	font-variant : small-caps;
	color : #99CC66;
	}
h3, h4 {
	font-style : normal;
	color : #00617B;
	}
/* ------------------------------------------------------- */
/* general - classes - as needed */
/* ------------------------------------------------------- */
.message {
	background-color : #DBE9FF;
	}
.odd { 
	margin-bottom : 0;
	margin-left : 10px;
	padding-left : 15px;
	}
.even { 
	margin-bottom : 0;
	margin-left : 10px;
	padding-top : 5px;
	padding-bottom : 5px;
	padding-left : 15px;
	background-color : #F1F0FD;	
	}
	.rightpad {
	margin-right: 10px;
	}
/* ------------------------------------------------------- */
/* wrapping all - layout */
/* ------------------------------------------------------- */
#wrapper {/* diff ie and ie7 - display block */
	position : relative;
	float : left;
	display : block;
	width : 950px;
	height : 100%;
	margin-left : 0;	
	}
/* ------------------------------------------------------- */
/* header area - layout - header content*/
/* ------------------------------------------------------- */
#ribbon	{
	float : right;
	margin : 0;
	z-index : -1;
	}
#header	{/* diff ie and ie7 */
	float : left;
	clear : both;
	display : block;
	width : 950px;
	height : 245px;/*height : 249px;*/
	}
#logo {
	float : left;
	margin : 28px 0 0 3px;
	}
.header	{/* diff ie */
	float : left;
	width : 425px;
	margin : 40px 5px 5px 10px;
	}
.header	p {
	font-size : 16px;
	line-height : 150%;
	color : #FFFFFF;	
	}
/* ------------------------------------------------------- */
/* green header text fragments */
/* ------------------------------------------------------- */
.header .look {
	color :  #8CC63E;
	}
/* ------------------------------------------------------- */
/* marone content text fragments */	
/* ------------------------------------------------------- */
.look {/* diff ie */
	font-size : 125%;
	font-weight : bold;
	font-variant : small-caps;
	color : #990000;
	}
/* ------------------------------------------------------- */
/* frame - framed images top right header area */
/* ------------------------------------------------------- */
.headFrame {/* diff ie and ie7 */
	float : right;
	width : 274px;
	height : 196px;
	margin-top : 45px;/* was before Nov 11: PC IE6 FF3 ok 26px *//*margin-top : 46px 27*/
	padding : 0;
	background-position : center 10px; /* was center center before Nov 11 2009 */
	}
/* ------------------------------------------------------- */
#headHome {
	background-image : url(../images/photos/KIDS.jpg);}
#headAbout {
	background-image : url(../images/photos/SCHOOLSUPPLIE%2006.jpg);}
#headHomeless {
	background-image : url(../images/photos/HOMELESS%201.jpg);}		
#headCommunity {
	background-image : url(../images/photos/PUMPKIN%2006%202.jpg);}
#headGP	{
	background-image : url(../images/photos/BUILD4.jpg);}
#headDonate	{
	background-image : url(../images/photos/HPIM0811a.jpg);}
#headVol {
	background-image : url(../images/photos/VOLS4.jpg);}
#headNews {
	background-image : url(../images/photos/SANG.jpg);}	
#headContact {
	background-image : url(../images/photos/staff.jpg);}
#headHome,
#headAbout,
#headHomeless,
#headCommunity,
#headGP,
#headDonate,
#headVol,
#headNews,
#headContact {
	background-repeat : no-repeat;	
	}
/* ------------------------------------------------------- */
/* column left - layout - contains navigation */
/* ------------------------------------------------------- */
#left {/* diff ie */
	float : left;
	width : 200px;
	margin-top : 25px;
	margin-left : 0;
	}
#left img {
	display : block;
	margin-right : auto;
	margin-left : 0;
	}
/* ------------------------------------------------------- */
/* navigation container - layout - navigation */
/* ------------------------------------------------------- */
#navigate {
	width : 211px;
	margin : 0;
	background-image : url(../images/navBack.gif);
	background-repeat : repeat-y;
	}
#navigate a,
#navigate p {/* diff ie */
	font-family : Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	}	
#navigate li {
	list-style-type : none;
	line-height : 100%;
	}	
#navigate p	{
	margin : 5px 0 0 -14px ;
	line-height : 10px;
	color : #336699;
	}
#navigate #noLink {
	margin-left : 14px;
	text-decoration : underline;
}
#navigate img {
	margin-top : 45px;
	}
.navBox	{/* diff ie */
	width : 177px;
	padding : 10px 5px 10px 15px;
	border-top : 1px #99CC66 solid;
	}
a.navButton {
	color : #336699;
	}
.subMenu {
	display : none;
	}
.subNav a {
	font-size : 12px;
	}
/* ------------------------------------------------------- */
/* content - layout - main content */
/* ------------------------------------------------------- */
#content {
	float : left;
	width : 670px;
	margin-top : 8px;
	margin-left : 15px;
	}
#slate {/* diff ie and ie7 */
	/*float : left;*/
	width : 599px;
	height : 100%;
	min-height : 680px;
	margin-left : 13px;
	padding : 2px 19px 2px 14px;/*padding : 2px 44px 2px 25px;*/
	background-color : #FFFFFF;
	background-image : url(../images/content/conBack.gif);
	background-repeat : repeat-y;
	}
#slate p {/* diff ie and ie7 */
	padding-right : 10px;
	}	
.picBar	{/* diff ie and ie7 */
	float : right;
	clear : right;
	width : 225px;
	margin-top : 5px;
	margin-right : 0;
	padding-left : 10px;
	}
.picRight {/* diff ie and ie7 */ /*background-color : red;*/
	margin : -5px -20px 0 0;
	padding : 11px 12px 6px 18px;
	background-image : url(../images/rightFrameBack.gif);
	background-repeat : repeat-y;	
	}
/* ------------------------------------------------------- */
/* brace - layout - if needed activate in html */
/* ------------------------------------------------------- */
#brace {
	width : 800px;
	height : 1px;
	}
/* ------------------------------------------------------- */
/* footer - layout - footer content */
/* ------------------------------------------------------- */
#footer {
	clear : both;	
	margin-left : 30px;
	padding : 20px;
	}
#footer p {
	font-size : 10px;
	}
/* ------------------------------------------------------- */
/* contact form */
/* ------------------------------------------------------- */
#leftCol {
	float : left;
	width : 175px;
	}
#leftCol p {
	font-size : 11px;
	}
#rightCol {
	float : right;
	width : 400px;
	padding-left : 15px;
	border-left : #89674e 1px dotted;
	}
.FormLabel p {
	margin : 5px 0 0 0;
	}
.ReqInfoItem {
	padding : 5px;
	}
#ReqInfoPhone,
#ReqInfoEmail,
#ReqInfoMessage,
#ReqInfoButtons {
	float : left;
	}
#ReqInfoButtons	{
	clear : both;
	}
	
/* Form CSS - csspixels.com - Roger Ledergerber - Copyright 2008 */

table {width:100%;margin:0 auto;padding:0;border:0;border-collapse:collapse;}
td {padding:3px;border:1px solid #ccc;border-collapse:collapse;}

table, 
textarea, 
input {font-family:tahoma,arial,verdana,sans-serif;font-size:12px;}

form.body {width:100%;margin:0;padding:0;}
.fieldframe {margin-top:15px;}
.field {color:#000;}
.label {width:30%;/*min-width:160px;max-width:160px;*/color:#638;background:#f1f1f1;font-weight:bold;vertical-align:middle;text-align:right;}
input.chk {width:10%;}
.input {width:70%;min-width:300px;max-width:340px;color:#000;background:#f1f1f1;vertical-align:top;text-align:left;}
input.inputform,
textarea.inputform {width:300px;padding:3px;color:#000;background:#fff;border:1px solid #ccc;text-align:left;}
.buttonframe {margin-top:5px;padding:5px;text-align:center;}
.button {width:100px;margin:1px;padding:5px;color:#fff;background:#f00;border:1px solid #638;}
.button:hover {color:#fff;background:#638;border:1px solid #638;cursor:pointer;}
a.button {text-decoration:none;}

.right {text-align:right;}
.center {text-align:center;}
.left {text-align:left;}
.text12pxtight {
	font-size: 12px;
	line-height: 110%;
}