/* css Zen Garden submission 011 - 'meliorism' by Brett J. Gilbert - www.paragraphic.co.uk */
/* css released under Creative Commons ShareAlike License v1.0 - http://creativecommons.org/licenses/sa/1.0/  */
/* 'tree' graphic adapted from 'Bending Tree' by Robert Priseman, used with permission */
/* All other graphics copyright 2003, Brett J. Gilbert */


/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the designer's written permission. */
/* The CSS itself may freely be used for anything you wish, but the associated graphics belong to the designer. */
/* What you may use - .css files. What you may not use - .jpg, .gif, and .png files. */


/*----------------------------------------*
**  Global
**----------------------------------------*/

body {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #000;
  background: #f1f8f3 url(grad_bg_01.jpg) repeat-x;
   /*background: #ffffff url(grad_bg_01.jpg) repeat-x;*/
  }
div,p,h1,h2,h3,ul,li {
  margin: 0;
  padding: 0;
  }
h1 span,h2 span,h3 span {
  display: none;
  }
  
#formtable  {
    width: 300px;
	list-style-type: none;
	font: 11px/140% Georgia, Times, "Times New Roman", serif;
	color: #3333300;
}

/* BUTTONS */



/*----------------------------------------*
**  Layout
**----------------------------------------*/

#container {
  position: relative;
  width: 760px;
  margin: 0 auto;
  text-align: left;
  }
#intro {
  position: absolute;
  top: 28px;
  left: 0;
  width: 310px;
  }
#supportingTextCnt {
  width: 790px;
  }
#linkList {
  position: absolute;
  top: 40px;
  left: 585px;
  width: 235px;
   background-color:#ffddcc;
  }

/*----------------------------------------*
**  Links
**----------------------------------------*/

a:link,
a:visited {
	color: #377CCF;
	background-color: transparent;
	text-decoration: none;
}
a:hover   { color: #f00; background-color: transparent; text-decoration: none; }

#quickSummary p.p2 a:link,
#quickSummary p.p2 a:visited { color: #348633; background-color: transparent; }
#quickSummary p.p2 a:hover   { color: #f00; background-color: transparent; }

#footer a:link,
#footer a:visited { color: #348633; background-color: transparent; }
#footer a:hover   { color: #f00; background-color: transparent; }

#linkList a.c:link,
#linkList a.c:visited { color: #fa5; background-color: transparent; }
#linkList a.c:hover   { color: #f00; background-color: transparent; }

/*----------------------------------------*
**  #intro
**----------------------------------------*/

#intro {
	font:  italic 11px/150% Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: transparent;
  }
#pageHeader h1 {
  margin-left: 4px; 
  background: transparent url(introCom.gif) no-repeat 0 0;
  width: 242px; 
  height: 12px; 
  }
#pageHeader h2 {
  margin-top: 80px; 
  background: transparent url(introTitle.gif) no-repeat 0 0; 
  width: 195px; 
  height: 73px; 
  }
/*#quickSummary p.p1 {
  margin: 5px 0 55px 4px;
  color: #fa0;
  background-color: transparent;
  line-height: 160%;
  }*/
#quickSummary p.p2 {
  margin: 0 150px 0 4px;
  padding: 5px 25px 5px 10px;
  background: transparent url(gradGreen.jpg) repeat-y;
  border-left: 1px solid #a7d9a8;
  color: #333333;
  line-height: 130%;
  }
  
#preamble {
	margin-left: 4px;
	/*margin-right: 200px;*/
	padding: 20px 60px 0 15px;
	/*border-left: 9px solid #999999;*/
	width: 180px;
	/*background-color:#999933;*/
}
#preamble a:link  {
   font: 13px/140% Georgia, Times, "Times New Roman", serif;
 font-style: normal;
 } 
#preamble ul {
	list-style-type: none;
	/*margin: -40px 0px 0px 0px; */
  }
#preamble hr {
	padding: 0px -120px 0px 0px;
  }
#preamble li {
	list-style-type: none;
	font: 11px/140% Georgia, Times, "Times New Roman", serif;
	color: #6F6F6F; /* line-height: 24px;*/
}
#preamble h1 {
  list-style-type: none; 
  font: 11px/140% Georgia, Times, "Times New Roman", serif;
  color: #000000;
}
#preamble li h2 {
	list-style-type: none;
	font: 11px/140% Georgia, Times, "Times New Roman", serif;
	color: #3270BB;
}
#preamble h3 {
  background: transparent url(sunset.gif) no-repeat 0 0; 
  width: 138px; 
  height: 37px; 
  }
#preamble h4 {
  background: transparent url(preamReligious.gif) no-repeat 0 0; 
  width: 138px; 
  height: 75px;
   margin: 20px 0px -25px 0px; 

 }
#preamble p {
  margin: 10px 140px 0 0;
  }
#preamble p {
  margin: 0px 0px 0px 0px;
}

  
  
  /*----------------------------------------*
**  #nav
**----------------------------------------*/
#navinb  {
  padding: 20px 0 30px 0;
 /* border-left: 1px solid #a7d9a8;*/
}

#nav  {
  font: 16px/140% Georgia, Times, "Times New Roman", serif;
  margin-left: 4px;
  padding: 20px 0 0 15px;
 /* border-left: 1px solid #a7d9a8;*/
}


#nav a:link {
  font: 16px/140% Georgia, Times, "Times New Roman", serif;
  color: #000000;
}


/*----------------------------------------*
**  #supportingText
**----------------------------------------*/

#supportingText {
  padding: 380px 0 40px 0;
  font: 13px/140% Georgia, Times, "Times New Roman", serif;
  color: #333333;
 /* background: transparent url(treeBack_cntct.gif) no-repeat 0 40px;*/

/*    background-color:#CC6600;*/
  }

/*----------------------------------------*
**  #supportingTextCnt
**----------------------------------------*/

#supportingTextCnt {
  padding: 250px 0 40px 0;
  font: 13px/140% Georgia, Times, "Times New Roman", serif;
  color: #333333;
  background: transparent url(treeBack_cntct.gif) no-repeat 0 40px;

/*    background-color:#CC6600;*/
  }
#supportingTextCnt p {
  margin: 0 125px 10px 221px;
  }
#supportingTextCnt h3 {
  margin: 25px 0 6px 220px;
  width: 206px; 
  height: 21px; 
  }
#supportingTextCnt ul {
	list-style-type: none; 
  }
#supportingTextCnt li {
  list-style-type: none; 
  font: 11px/140% Georgia, Times, "Times New Roman", serif;
  color: #333333;
}
  
#supportingTextCnt h1 {
  list-style-type: none; 
  font: 11px/140% Georgia, Times, "Times New Roman", serif;
  color: #000000;
}
#supportingTextCnt h3 {
  list-style-type: none; 
  font: 11px/140% Georgia, Times, "Times New Roman", serif;
  color: #000000;
}
#supportingTextCnt li h1 {
  list-style-type: none; 
  font: 16px/140% Georgia, Times, "Times New Roman", serif;
  color: #000000;
}
#supportingTextCnt li h2 {
	list-style-type: none;
	font: 11px/140% Georgia, Times, "Times New Roman", serif;
	color: #377CCF;
}


/*#explanation h3   { background: transparent url(textContact.gif) no-repeat 0 0; margin-top: 0; }*/
/*#explanation h4   { background: transparent url(textJune.gif)         no-repeat 0 0; margin-top: 0; }*/
#explanation  {
/*width: 99%;*/
}
#explanation p {
16px/150% Georgia, Times, "Times New Roman", serif;
}
#explanation h2 {
  margin: 0 125px 10px 221px;
}
#participation h3 { background: transparent url(textParticipation.gif) no-repeat 0 0; }
#benefits h3      { background: transparent url(textBenefits.gif)      no-repeat 0 0; }

#softball li {
	line-height: 36px;
}
#softball {
    border-right: 1px solid #8bf;
	padding: 44px 0 0 0;
}
/*STRIP OFF THE IMAGE LINK BORDER IN IE*/
a:link img, a:visited img, a:hover img   {
border: none;
}

#softball li h4 {
	list-style-type: none;
	font: 11px/140% Georgia, Times, "Times New Roman", serif;
	color: #377CCF;
}

#softball h3      { background: none; }
#softball h2      { background: none;  }

#softball li {
	line-height: 36px;
}


#thankform h2      { background: transparent url(textThankyou.gif)      no-repeat 0 0;  }


/*----------------------------------------*
**  #supportingTextCnt > #requirements
**----------------------------------------*/

#requirements {
  margin: 30px 0 0 221px;
  padding: 0 0 15px 0;
  border-left: 1px solid #a7d9a8;
  font: italic 11px/150% Georgia, Times, "Times New Roman", serif;
  color: #333333;
  background-color: transparent;
  }
#requirements h3 {
  margin: 0 0 13px 0;
  background: transparent url(textRequirements.jpg) no-repeat 0 0;
  width: 175px;
  height: 25px;
  }
#requirements p {
  margin: 9px 0 0 15px;
  }

/*----------------------------------------*
**  #supportingTextCnt > #footer
**----------------------------------------*/
  #footer {
	position: relative;
	width: 500px;
	text-align: center;
	margin: 50px 0 0 240px;
	padding: 16px 0 5px 0px;
	border-left: 1px solid #a7d9a8;
	border-right: 1px solid #a7d9a8;
	font: italic 11px/140% Georgia, Times, "Times New Roman", serif;
	clear: both;
	}

/*----------------------------------------*
**  #linkList
**----------------------------------------*/

#linkList {
  border-left: 1px solid #8bf;
  font: italic 11px/130% Georgia, Times, "Times New Roman", serif;
  color: #999;
  background: transparent url(treeBack_03.gif) no-repeat;
  }
#linkList2 {
  margin: 320px 0 90px 14px;
/*  font: normal 18px/130% Georgia, Times, "Times New Roman", serif;
  font-size: 18px;*/
}
/*#linkList2 a:link {
  font-size: 18px; 
}
#linkList2 a:visited {
  font-size: 18px; 
}
#linkList2 a:hover {
  font-size: 18px; 
}*/

#lselect h3 {
  background: transparent url(linksSelect.gif) no-repeat 0 0; 
  margin: 0px 0 10px 14px; 
  width: 118px; 
  height: 73px; 
  }
div#lselect {
  margin-bottom: 4px;
  }
  #supportingText  h2 {
	text-decoration: none;
  }
#linkList ul {
  margin-left: 15px;
  }
#linkList li {
  list-style-type: none;
  margin-top: 5px;
  }
#lresources h3,
#lfavorites h3,

  #larchives h3 {
  margin: 25px 0 8px 0; 
  width: 175px; 
  height: 25px; 
  }
#lresources h3 { background: transparent url(linksResources.jpg) no-repeat 0 0; }
#lfavorites h3 { background: transparent url(linksFavorites.jpg) no-repeat 0 0; }
#larchives h3  { background: transparent url(linksArchives.jpg)  no-repeat 0 0; }
