/* CSS FILE FOR THE FUNDRAISING SECTION */

@media screen { 

  body.welcome #navbar a#welcome, 
  body.fundraising #navbar a#fundraising,
  body.activities #navbar a#activities,
  body.information #navbar a#information,
  body.audioservices #navbar a#audioservices,
  body.volunteers #navbar a#volunteers,
  body.facilities #navbar a#facilities,
  body.media #navbar a#media { 
  font-weight: bold; 
  background-color: #6688FF; 
  color: #FFFF00; 
  }
  body { 
    font-family: calibri, arial, sans-serif;
    margin: 0px;
    padding: 0px;
  }  
  h1 { 
    font-weight: bold; 
    font-size: 1.4em; 
    text-align: left; 
    color: purple;
		padding-left: 10px;
  }  
  h2 { 
    font-weight: bold; 
    font-size: 1.2em; 
    text-align: left; 
    color: maroon;
    margin: 0; 
    padding: 0;
  }  
  h4 {  
    font-weight: bold; 
    font-size: 1em; 
    text-align: left; 
    color: purple;
    margin: 0; 
    padding: 0;
  }
  p { 
    font-size: 1em; 
    text-align: justify; 
    margin: 0px;
    padding-top: 0.3em; 
    padding-bottom: 0.3em; 		
  }  
  br { 
    margin: 0; 
    padding: 0; 
  }
	a {
		text-decoration: none;
		color: darkblue;
	}
	a:hover {
		text-decoration: underline;
		color: darkgreen;
	}

  #wrap {
    width: 1000px;
  }
	.zaptd { 
		width: 165px;
	}

  #navbar {
    margin-top: 10px;
		margin-right: 5px;
  }
  #navbar ul { 
    width: 160px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    border-top: 5px solid #FFFFFF; 
    background-color: #223377;
  }
  #navbar ul li { 
    text-align: center; 
    border-bottom: 8px solid #FFFFFF;
  }
  #navbar a {
    text-decoration: none;
    display: block;
    padding: 2px 6%;
    font-weight: bold;
    color: #FFFFFF;
		font-size: 1.1em;
  }
  #navbar ul li a:hover {
    color: #FFFF00;
  }
		
  #detail {
    margin-top: 10px;
    padding-top: 80px;
    background: url(./banner.jpg) no-repeat;
  }  
  #detail a {
    text-decoration: none;
  }
  #detail a:hover {
    text-decoration: underline;
  }
  
  #tabbar ul { 
    margin: 0px; 
    padding: 3px 0px; 
    border-bottom: 1px solid #223377;
  }
  #tabbar ul li { 
    list-style: none; 
    margin: 0; 
    display: inline; 
  }
  #tabbar ul li a { 
    padding: 3px 0.5em; 
    margin-right: 3px; 
    border: 1px solid #223377; 
    border-bottom: none; 
    background: #DDDDEE;
		text-decoration: none; 
  }
  #tabbar ul li a:link { 
    color: #444488; 
  }
  #tabbar ul li a:visited { 
    color: #666677; 
  }
  #tabbar ul li a:link:hover, 
  #tabbar ul li a:visited:hover { 
    color: #000000; 
    background: #AAAAEE; 
    border-color: #223377; 
		text-decoration: none;
  }
  #tabbar ul li a#current { 
    background: white; 
    border-bottom: 1px solid white; 
  }
  
  #content {
    margin: 0px; 
    margin-bottom: 10px; 
    border-left: 1px solid #223377; 
    border-right: 1px solid #223377; 
    border-bottom: 1px solid #223377; 
    padding: 10px;
  }
	
	.weekly {
		width: 100%;
	}
	.when {
		width: 190px;
	}
	.actcon {
		width: 100%;
	}
	.who {
		width: 50%;
		text-align: right;
		padding-right:20px;
	}
	.how {
		padding-left: 20px;
	}
	.agenda {
		width: 100%;
	}
	
	.divide {
		background-image: url(blue-ln.gif)
	}
  
  #footing { 
    margin: 0px;
    padding: 10px;
    text-align: center;
    font-style: normal;
    background-color: #223377;
    color: #FFFFFF;
  }
 
  
  #promos { 
    margin-top: 10px;
    margin-left: 5px;
	}
  #promos ul { 
    width: 160px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    border-top: 5px solid #FFFFFF; 
    background-color: #DB3A33;
  }
  #promos ul li { 
    text-align: center; 
    border-bottom: 8px solid #FFFFFF;
  }
  #promos a {
    text-decoration: none;
    display: block;
    padding: 2px 6%;
    font-weight: bold;
    color: #FFFFFF;
		font-size: 1.1em;
  }
  #promos ul li a:hover {
    color: #FFFF00;
  }

	.boxhead { 
		margin-top: 5px; 
    margin-left: 5px;
		background: #DB3A33 url(tl.gif) no-repeat top left;
	}

	.boxhead h5 {
		margin: 0;
		padding: 5px 10px;
		font-size: 1em;
		text-align: left;
		background: url(tr.gif) no-repeat top right;
		color: #FFFFFF;
	}

	.boxpara { 
    margin-left: 5px;
		background: #FFFFAA url(bl.gif) no-repeat bottom left;
	}
	.boxpara ul {
		margin: 0;
		padding: 0.3em 0;
		list-style: none;
	}
	.boxpara li {
		padding: 0 0 0.3em 20px;
		background: url(bullet.gif) no-repeat;
	}
	.boxpara a {
		text-decoration: none;
		color: darkblue;
	}
	.boxpara a:hover {
		text-decoration: underline;
		color: darkgreen;
	}
	.boxpara p {
		margin: 0;
		padding: 6px;
		font-size: 1em;
		text-align: left;
		background: url(br.gif) no-repeat bottom right;
		color: #DB3A33;
	}

}

@media print { 

  body { 
    font-family: calibri, arial, sans-serif;
    margin: 0px;
    padding: 0px;
  }  
  h1 { 
    font-weight: bold; 
    font-size: 1.4em; 
    text-align: left; 
    color: purple;
		padding-left: 10px;
  }  
  h2 { 
    font-weight: bold; 
    font-size: 1.2em; 
    text-align: left; 
    color: maroon;
    margin: 0; 
    padding: 0;
  }  
  h4 {  
    font-weight: bold; 
    font-size: 1em; 
    text-align: left; 
    color: purple;
    margin: 0; 
    padding: 0;
  }
  p { 
    font-size: 1em; 
    text-align: justify; 
    margin: 0px;
    padding-top: 0.3em; 
    padding-bottom: 0.3em; 		
  }  
  br { 
    margin: 0; 
    padding: 0; 
  }

  #wrap {
    width: 640px;
  }
	.zaptd { 
		display: none;
	}

		
  #detail {
    margin-top: 10px;
  }
	.zapul {
		display: none;
	}
  
  #content {
    margin: 0px; 
    margin-bottom: 10px; 
    padding: 10px;
  }
	
	.weekly {
		width: 100%;
	}
	.when {
		width: 190px;
	}
	
	.divide {
		background-image: url(blue-ln.gif)
	}
  
  #footing { 
    margin: 0px;
    padding: 10px;
    text-align: center;
    font-style: normal;
    background-color: #223377;
    color: #FFFFFF;
  }

}