/* css document */
/* links */
A:link	{
color:#888888;
text-decoration:none;
	}
A:hover	{
color:#E11284;
text-decoration:none;
	}
A:active	{
color:#888888;
text-decoration:none;
	}
A:visited	{
color:#888888;
text-decoration:none;
	}


	
/* content */	
#content
{
text-align: center; /*left;*/
width: 1000px;
margin: 0 auto;
}


 #navigation
{
position: relative;
left: 175px;
top:120px
}

 #flash
{
position: relative;
left: 0px;
top: 115px
}

.selected1 {
color: #88888888;
text-decoration: none;
font-size: 11pt;

}

/* left and right content */
.container2 {
   position: relative;
   height: 50px; /* 50->*/
   }

.left-element {
   position: absolute;
   left: 0;
   width: 15%; /*30% 25->15*/
   margin: 4;
   white-space: wrap;
   padding: 4;
   }

.right-element {
   position: absolute;
   right: 0;
   font-family: "Comic Sans MS", Verdana;
   width: 81%; /*65 70->81*/
   text-align: left; /* depends on element width */
   margin: 4;
   white-space: wrap;
   padding: 0px;   
   font-size: 15px;
   }

.right-center-element {
   position: absolute;
   right: 0;
   font-family: "Comic Sans MS", Verdana;
   width: 81%; /*65 70->81*/
   text-align: center; /* depends on element width */
   margin: 4;
   white-space: wrap;
   padding: 0px;   
   }

body {
  background-image:url(images/bg.gif);
  background-repeat:repeat-x;
  }
  
  div.float {
  float: left;
  }
  
  h1 { 
  color: green
  font-weight: bold; 
  font-size: 22pt;
  line-height: 14pt; 
  font-family: arial; 
  font-variant: normal;
  font-style: normal;
}

/* styling post */
.thinborder{
  float:left;
  border:solid 1px yellowgreen;
  padding:5px;
  margin-right:5px;
}

.dropcap {
  float: left;
  font: normal 60pt/0.8em georgia,
  helvetica, verdana, arial, 
  sans-serif;
  color: #33CC33; /*yellowgreen;*/
  margin-right: 3px;
}

.bigsize2 {
  font-size: 20pt;
  font-height: 20pt;
  text-align: center; /* depends on element width */

}
.employ{
  font-size: normal;
  text-align: left;
  	
}
.member{
  font-size: normal;
  text-align: left;
  	
}
.services{
  font-size: normal;
  text-align: left;
  	
}
.textbold {
  font-weight: bold;
}



.contacttable{
  font-size:  normal;
  text-align: left;
  width: 50em;   /*40->30*/
  margin-left: 2em; /*4->1*/
}
.contacttablespace {
  line-height: 40pt; 
  margin-top: 4em;
}
.nametable{
  font-size:  normal;
  text-align: left;
  width: 40em;
  margin-left: 0;
}

.contactusL{
  font-size:  normal;
  text-align: left;
  padding:3em;
  margin-left: 1em;
  display: block;
  width: 10em;
  float: left;	
}
.right-element.contactusR{
  font-size:  normal;
  text-align: left;
  padding:3em;
  margin-left: 15em;
  display: block;
  width: 50%;

}

.pullout{
  width:30%;
  padding:10px;
  background-color:yellowgreen;
  color:#f5f5f5;
  float:right;
  font: bold 14pt/1em arial, 
  helvetica, sans-serif;
  text-align:left;
  letter-spacing: 0.05em;
  margin:5px;
  clear: both;
}
.pulloutpic{
  width:30%;
  padding:10px;
  float:right;
  margin:5px;
  clear: both;
}
.bottomline{
  width:100%;
  padding:10px;
  background-color: #33CC33;
  color:#000000;
  float:right;
  fontsize: 1px;
  text-align:left;
  letter-spacing: 0.05em;
  margin:0px;
  clear: both;
}

/* blockquote styling */
blockquote.withline   {
font-family: "arial", courier, monospace;
text-align: justify; padding:5px;
border-left:1px solid yellowgreen;}
  
/* rounded corners */
/* set millions of background images */
.rbroundbox { background: url(images/nt.gif) repeat; }
.rbtop div { background: url(images/tl.gif) no-repeat top left; }
.rbtop { background: url(images/tr.gif) no-repeat top right; }
.rbbot div { background: url(images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 100%; margin: 1em auto; }

/* navigation listamatic*/
#navcontainer
{
width: 10em; /* 12->10*/
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
color: #333;
font-size: 11pt;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
border-bottom: 1px solid #000000;
margin: 0;
}

#navcontainer li a
{
display: block;
padding: 5px 5px 5px 0.5em;
background-color: #ffffff;
color: purple; /*#888888;*/
text-decoration: none;
width: 100%;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
background-color:#33CC33; /* #E11284;*/
color: #fff;
}

#footer
{ 
position: absolute;
bottom: -470px;  /*250->270-330*/
width: 1000px;
margin-left: 0 0 0 10em;
padding-left: 4em;
}

#footer_prog
{ 
position: absolute;
bottom: -820px;  /*-620*/
width: 1000px;
margin-left: 0 0 0 10em;
padding-left: 4em;
}
#footer_calendar
{ 
position: absolute;
bottom: -400px;
width: 1000px;
margin-left: 0 0 0 10em;
padding-left: 4em;
}
#footer_volunt
{ 
position: absolute;
bottom: -520px; /*-500*/
width: 1000px;
margin-left: 0 0 0 10em;
padding-left: 4em;
}

/* Zoom Cloud */