@import url("reset.css");
/*------------------------------------------------------------------
[Global Stylesheet]
Project: M4A
Author: Provenance Digital Media
-------------------------------------------------------------------*/

/*================= STRUCTURE
============================ */
html{ width:100%; height:100%; background:  url(/i/site/bg-main.gif) top center repeat-x ;  }
body {
	background:  url(/i/site/bg-florals.jpg) center 91px  no-repeat;
	width:100%;
	height:100%;
	font:.87em/1.5em  Tahoma, Arial, Helvetica, sans-serif; 
	color:#414548;	
}
 
a {text-decoration:underline; color:#000; }
a:hover {color:#fff; background:#ed1c24; text-decoration:none;}
hr {border: none 0; border-top: 1px solid #999; width: 100%; height: 0; margin-top: 10px; margin-bottom: 10px;}
p{margin-bottom:10px;}
/*text header style*/
h1{font-size:24px; line-height:27px; color:#000; margin-bottom:5px; font-family:"Century Gothic", Arial, Helvetica, sans-serif;}
h2{font-size:18px; }
h3{font-size:14px;}
h4{font-size: 1.2em;} 

#wrapper{width:100%; background: url(/i/bg.png) repeat-x;height:100%;  }

/*container*/
#container, #header, #top-content, #main, #footer{
	width:940px;
	margin: 0 auto;
} 
#header{height:91px;}

/*main navigation*/	
#header #nav{ float:right; overflow:hidden; margin-top:23px; clear:both;}
		#nav ul, #nav li a {display:block;}
				#nav span{display:none;}
				#nav li {list-style: none; float:left;}  
				#nav li a {text-decoration:none; height:12px; background: url(/i/site/bg-nav-sprite.gif) top no-repeat;}
				
				  
				  #nav li a.home { background-position: 0 0; width:42px; height:12px; margin-right:14px; }
				  #nav li a.home:hover{ background-position: 0 -12px; width:42px; height:12px;}
				
				  #nav li a.about{background-position:-53px 0; width:67px; height:12px; margin-right:14px;}
				  #nav li a.about:hover{background-position: -53px -12px; width:67px; height:12px; }
				  
				  #nav li a.events{background-position:-132px 0; width:48px; height:12px; margin-right:14px;}
				  #nav li a.events:hover{background-position: -132px -12px; width:48px; height:12px; }
				  
				  #nav li a.services{background-position:-191px 0; width:63px; height:12px; margin-right:14px;}
				  #nav li a.services:hover{background-position: -191px -12px; width:63px; height:12px; }
				  
				  #nav li a.volunteers{background-position:-266px 0; width:85px; height:12px; margin-right:14px;}
				  #nav li a.volunteers:hover{background-position: -266px -12px; width:85px; height:12px; }
				  
				  #nav li a.news{background-position:-363px 0; width:38px; height:12px; margin-right:14px;}
				  #nav li a.news:hover{background-position: -363px -12px; width:38px; height:12px; }
				  
				  #nav li a.donations{background-position:-414px 0; width:82px; height:12px; margin-right:14px;}
				  #nav li a.donations:hover{background-position: -414px -12px; width:82px; height:12px; }
				  
				  #nav li a.senior{background-position:-508px 0; width:133px; height:12px; margin-right:14px;}
				  #nav li a.senior:hover{background-position: -508px -12px; width:133px; height:12px; }
				  
				  #nav li a.contact{background-position:-652px 0; width:69px; height:12px;}
				  #nav li a.contact:hover{background-position: -652px -12px; width:69px; height:12px; }
				

#logolink{width:178px; height:178px; float:left; position:absolute; top:0 }
	
	#logolink a {display:block; text-decoration:none; position:absolute; top:0; left:0; margin-top:17px; margin-left:13px;}
	#logolink a:hover {background:none;}
	

/*content*/
#main{}
	#top-content{padding-top:24px;}
		#top-content #slide{width:480px; height:293px; float:left; background:url(/i/site/bg-slide.png) no-repeat; padding:16px 16px 16px 15px; }
		#top-content #content{width:400px; height:325px; float:left; padding:0 0 0 28px; margin-top:24px; font:1.1em/1.5em  Arial, Helvetica, sans-serif;}

#main, #footer{float:left; padding:10px 0 0 0;}
		#main #col1{width:511px;  float:left;  margin-bottom:24px; font:1.1em/1.5em  Arial, Helvetica, sans-serif;}
		#main #col2{width:400px;  float:left; padding:0 0 0 28px; margin-bottom:24px; clear: right; font:1.1em/1.5em  Tahoma, Arial, Helvetica, sans-serif;}
		#main #colfull{width:940px; float:left; font-size:11px; line-height:12px; }
			#colfull a {text-decoration:none; color:#fff;}
			#colfull a:hover{ background:none;}
			#services-col,#donations-col,#volunteers-col{width:300px; height:151px; float:left}
			#colfull #services-col{background:url(/i/site/bg-services-img.jpg) no-repeat; margin-right:20px;}
			#colfull #services-col a:hover{background:url(/i/site/bg-services-img2.jpg)}
			
			#colfull #donations-col{background:url(/i/site/bg-donations-img.jpg) no-repeat; margin-right:20px;}
			#colfull #donations-col a:hover{background:url(/i/site/bg-donations-img2.jpg)}
			
			#colfull #volunteers-col{background: url(/i/site/bg-volunteers-img.jpg) no-repeat;}
			#colfull #volunteers-col a:hover{background: url(/i/site/bg-volunteers-img2.jpg)}
			
			#colfull #services-col a,#colfull #donations-col a,#colfull #volunteers-col a{display:block;padding:97px 3px 0 13px; width:284px; height:53px;}
			
		
#footer{/*font-size: 0.85em;*/ text-align:center; font:1.1em/1.5em Tahoma, Arial, Helvetica, sans-serif;}



/*=======================CLASSES 
==============================*/	
.teeny {font: 0.75em Arial, Helvetica, sans-serif;color: #000;}
.imagelink {border: none; text-decoration: none; background: none;}
.greyedout{ color:#CCCCCC;}
.floatlt{float:left;}
.floatrt{float:right;}
.clear{ clear:both;}
.pushrt15{margin-right:15px;}
.pushrt5{margin-right:5px;}
.pushdown5{margin-bottom:5px;}
.pushdown10{margin-bottom:10px;}
.cleaner{ clear:both; visibility:hidden; height:1px; border:none;}
/* Icon styles */
.tempicon {
   padding-left: 24px;
   background: transparent url(file:///C|/images/temp_arrow.gif) no-repeat center left;
   border:none;   
}

/* tables! add more varieties if need be */
.t10{width:10%;}
.t20{width:20%;}
.t30{width:30%;}
.t40{width:40%;}
.t45{width:45%;}
.t50{width:50%;}
.t60{width:60%;}
.t70{width:70%;}

.tbl1col, .tbl2col, .tbl3col, .tbl4col { 
	width: 100%; 
	border: none;	
}
.tbl1col td, .tbl2col td, .tbl3col td, .tbl4col td { padding: 10px; padding-top:3px; }
.tbl2col td { width: 50%; }
.tbl3col td { width: 33%; }
.tbl4col td { width: 25%;}

/*Text inputs*/
td input.submit{
	text-decoration:none;
	position:relative;
	border:none;
	background:none;
	
}

input.submit:hover { background-position:0 -21px ; cursor:pointer; }

select.large{width:250px; padding:1px;}
select.small{width:170px; padding:1px;}

/*text sizer*/
#sizer{float:right; clear:right; background:url(/i/site/bg-text-sizer.jpg) no-repeat; width:180px; height:23px;}
	#sizer .fontSizeResizer li a.large{margin-left:60px; width:50px; display:block;}
	#sizer .fontSizeResizer li a.medium{margin-left:10px; width:54px; display:block;}
.fontSizeResizer li{display:inline; font-size:12px;}
	.fontSizeResizer li a{text-decoration:none; float:left; height:16px; margin-top:3px;}
	.fontSizeResizer li a:hover{text-decoration:none; background:none; border:1px solid #999999;}