@charset "UTF-8";
/* CSS Document */
/***********************************
          TEXT WRAPS
***********************************/
/* for the box shadow */
/* The property takes 3 lengths and a color as it’s attributes, the lengths are:

  1. the horizontal offset of the shadow, positive means the shadow will be on the right of the box, a negative offset will put the shadow on the left of the box;
  2. the vertical offset, a negative one means the box-shadow will be on top of the box, a positive one means the shadow will be below the box;
  3. the blur radius, if set to 0 the shadow will be sharp, the higher the number, the more blurred it will be. */

.missionStWrap{           /* used on the Mission Statement */
	padding:5px;
	border-style:outset;
	border-color:#CCC;
	border-width:2px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: -2px -2px 2px rgba(0,0,0,0.15);
    box-shadow: -2px -2px 2px rgba(0,0,0,0.15);
/* shadow = 2px right; 2px on top; 2px blur; */
}
.borderWrap{/* use this to put a border around text with a left aligned text */
flaot:left;
width:auto;
text-align:left;
background-color:#FFF;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: -2px -2px 2px rgba(0,0,0,0.15);
box-shadow: -2px -2px 2px rgba(0,0,0,0.15);
/* shadow = 2px right; 2px on top; 2px blur; */
border-style:inset;
border-width:1px;
border-color:#80A245;
padding:1em;
margin-bottom:5px;
}
.borderWrap_1{/* use this to put a border around text with center aligned text */
text-align:center;
border-style:inset;
border-width:thin;
border-color:#999;
padding:5px;
margin-bottom:5px;
margin-left:10px;
margin-right:5px;
background-color:#F5F9F6;
/* Shadow rounded corner */
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: -2px -2px 2px rgba(0,0,0,0.15);
box-shadow: -2px -2px 2px rgba(0,0,0,0.15);
/* shadow = 2px right; 2px on top; 2px blur; */
}
.borderWrap_12{/* use this to put a border around text with a left aligned text */
	float:left;
	width:auto;
	text-align:left;
	background-image:url(../images/expansion/corner3.png);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: -2px -2px 2px rgba(0,0,0,0.15);
	box-shadow: -2px -2px 2px rgba(0,0,0,0.15);
	/* shadow = 2px right; 2px on top; 2px blur; */
  border-style:inset;
	border-width:1px;
	border-color:#80A245;
	padding:1em;
	margin-bottom:10px;
}
.borderWrap_13{
/* use to put a border around text with center aligned text and the expansion image in as a background */
	float:left;
	clear:left;
	width:312px;
	text-align:center;
	padding:15px;
	margin:0;
	background-image:url(../images/expansion/FRAME_330X225Blur2.jpg);
	/* Shadow rounded corner */
    -webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: -2px -2px 2px rgba(0,0,0,0.15);
	box-shadow: -2px -2px 2px rgba(0,0,0,0.15);/* shadow = 2px right; 2px on top; 2px blur; */
	background-color: #CCC;
	border: thin inset #999;
	background-position: left;
	background-repeat: no-repeat;
}

.borderWrap2{
/* expansion.html-use this to put a border around things and a fill with #2 has larger top margin */
  text-alight:center;
  border-style:inset;
  border-width:thin;
/* Shadow rounded corner */
  border-color:#999;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: -2px -2px 2px rgba(0,0,0,0.15);
  box-shadow: -2px -2px 2px rgba(0,0,0,0.15);
/* shadow = 2px right; 2px on top; 2px blur; */
  padding:8px;
  margin-bottom:5px;
  margin-top:160px;
  background-color:#F5F9F6;
}

.borderWrap4{/* used to wrap left floated txt on supporters.html */
  float:left;
  width:255px;
  text-align:left;
  padding-left:4px;
  padding-right:4px;
  padding-top:8px;
  padding-bottom:12px;
  margin-bottom:5px;
  margin-left:8px;
  margin-right:4px;
  background-color:#F5F9F6;
/* BORDER INFO */
  border-style:inset;
  border-width:thin;
  border-color:#999;
/* Shadow rounded corner */
 -webkit-border-radius: 5px;
  border-radius: 5px;
 -webkit-box-shadow: -2px -2px 2px rgba(0,0,0,0.15);
  box-shadow: -2px -2px 2px rgba(0,0,0,0.15);
/* shadow = 2px right; 2px on top; 2px blur; */
}
.borderWrap_FloatRight{/* used to wrap rigth floated txt on supporters.html */
   float:right;
   width:255px;
   text-align:left;
   border-style:inset;
   border-width:thin;
   border-color:#999;
   padding-left:4px;
   padding-right:4px;
   padding-top:8px;
   padding-bottom:12px;
   margin-bottom:5px;
   margin-left:4px;
   margin-right:8px;
   background-color:#F5F9F6;
/* Shadow rounded corner */
  -webkit-border-radius: 5px;
   border-radius: 5px;
  -webkit-box-shadow: -2px -2px 2px rgba(0,0,0,0.15);
   box-shadow: -2px -2px 2px rgba(0,0,0,0.15);
/* shadow = 2px right; 2px on top; 2px blur; */
}
.funTxt{
	padding:1px;
	margin-left:445px;
}

.donateF1{
	float:right;
	width:auto;
	margin-right:90px;
	background-color:#DBCFC6;
	/* BORDER INFO */
	border-style:inset;
	border-width:thin;
	border-color:#999;
	/* Shadow rounded corner */
    -webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: -2px -2px 2px rgba(0,0,0,0.15);
	box-shadow: -2px -2px 2px rgba(0,0,0,0.15);
	margin-top: 120px;	
}
.donateF2{
	float:right;
    width:210px;
	text-align:center;
	padding:3px;
	margin-right:45px;
	background-image:url('../images/misc/LtGradientSrip.jpg');
	background-repeat:repeat-x;
	/* BORDER INFO */
	border-style:inset;
    border-width:thin;
    border-color:#999;
/* Shadow rounded corner */
   -webkit-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: -2px -2px 2px rgba(0,0,0,0.15);
   box-shadow: -2px -2px 2px rgba(0,0,0,0.15);
}

.paypalSeal{
   float:right;
   clear:right;
   width:105px;
}

.txtHolder{
	margin-left:25px;
	margin-right:25px;
	padding-top:25px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	border-bottom-style:inset;
	border-top-style:inset;
	border-spacing:10px;
	border-top-width:1px;
	border-bottom-width:1px;
	border-color:#CCC;
}

.txtHolderNoMargin{
	padding-top:1px;
	padding-bottom:1px;
	padding-left:5px;
	padding-right:5px;
	border-bottom-style:groove;
	border-top-style:outset;
	border-spacing:5px;
	border-top-width:2px;
	border-bottom-width:4px;
	border-color:#CCC;
}

.txtHolderBtmBrdr{
	margin-top:25px;
	padding-bottom:5px;
	border-bottom:inset;
	border-spacing:10px;
	border-bottom-width:1px;
	border-bottom-color:#CCC;
}

.txtHolderEx{ /* used for the Expansion Page opening text to get it below the Banner */
    margin-top:35%;
	padding-bottom:5px;
	border-bottom:inset;
	border-top:inset;
	border-top-width:1px;
	border-bottom-width:1px;
	border-color:#CCC;
}

.midTxtHolder{
	text-align:left;
	padding-left:.08em;
	padding-right:2em;
	padding-bottom:2px;
	border-bottom:inset;
	border-bottom-width:1px;
	border-bottom-color:#CCC;
}

.midTxtHolder2{
	float:right;
	width:auto;
	border-bottom:inset;
	border-bottom-width:1px;
	border-bottom-color:#CCC;
}

.midTxtSpecialG{ 
/* Used for special fonts, Mission Statement" with bottom border to seperate the text areas */
	color: #474747;
	font-size: 14px;
	letter-spacing:.04em;
	font-family:"Georgia Bold Italic";
  /*border-bottom:inset;
	border-bottom-width:1px;
	border-bottom-color:#CCC;*/
}
.yearBox{
	padding:2px;
	background-image:url(../images/misc/BlkBack.png);
	border:groove;
	border-width:2px;
	border-color:#666;
	margin-left:15px;
	margin-right:15px;
	margin-top:3px;
	margin-bottom:3px;
	/* Shadow rounded corner */
   -webkit-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: -2px -2px 2px rgba(0,0,0,0.15);
   box-shadow: -2px -2px 2px rgba(0,0,0,0.15);
}