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

/*================= STRUCTURE
============================ */
html{ width:100%; height:100%; background:  url(../i/site/bg-main-interior.gif) top center repeat-x ;  }
body {
	
	width:100%;
	height:100%;
	font:Tahoma, Arial, Helvetica, sans-serif; 
	color:#414548;	
}
 
a {text-decoration:underline; color:#000; }
a:hover {color:#000; background:#FCF1AC; 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; margin-top:1em;}
h3{font-size:14px; margin-bottom:1em;}
h4{font-size: 1.2em;} 

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

/*container*/
#container, #header, #main, #footer{width:940px;margin: 0 auto;} 

#header{height:91px; overflow:auto;}

#logolink{width:178px; height:178px; float:left; position:absolute; top:0; }
	#logolink a:hover {background:none;}
	

/*text sizer*/
#sizer{ background:url(../i/site/bg-text-sizer.jpg) no-repeat; width:180px; height:23px; float:right;}
	#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;}

/*main navigation*/	
#header #nav{ float:right;  overflow:hidden; clear:right; margin-top:23px; }
		#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; }
				



/*content*/
#main{ clear:both;}
#main, #footer{float:left; padding:10px 0 0 6px; width: 934px;}
		#main #col1{width:166px; float:left; background:url(../i/site/bg-testimonial.gif) #fcf1ac no-repeat; min-height:100px; _height:100px; margin:0 29px 0 0; padding-top:60px; margin-top:24px; font:1.1em/1.5em Tahoma, Arial, Helvetica, sans-serif; }
			#col1 p{padding:0 5px;  }
			#col1 h3{ padding:0 5px; }
			
		
		#main #col2{width:415px;  float:left; margin-bottom:24px; margin-right:20px; margin-top:0;  font:1.1em/1.5em Tahoma, Arial, Helvetica, sans-serif; }
		
		#main #col3{width:300px; min-height:257px; height:auto !important; height:257px; background:url(../i/site/bg-rand-img.jpg) no-repeat;  float:right;font:1.1em/1.5em Tahoma, Arial, Helvetica, sans-serif; }
			#col3 .slide{height:155px; width:231px; margin:42px 0 0 35px;}
		
		#main #colfull{width:940px; float:left; font-size:11px; line-height:13px; }
			#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 0 0 13px; width:287px; 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;}


/* basic form styles */
form{	padding:10px 0;}
	label, input, select, textarea, fieldset{	display:block; font:1.2em Arial, Helvetica, sans-serif; margin-bottom:1.2em;}
	input, select, textarea, fieldset{	  border:1px solid #222538; padding:3px 2px;}
	label{ margin:0 0; font-size:.95em;}
	label input{	display:inline; width:auto; margin:0 0 5px; vertical-align:text-top;}
	fieldset{	font-size:1em; padding-left:1em;}
	textarea{	overflow:auto; width:98%;}
	input{	width:200px;}
	input.email{	width:250px;}
	input.img{	width:auto; height:auto; border:none;}
	input.phone, input.zip, input.fax{	width:130px;}
	input.submit{	background:#222538; width:87px; height:30px; border:none; cursor:pointer; color:#fff; text-transform:lowercase; font-weight:bold; clear:both;}
	input.submit:hover{ background:#FBF1AC; color:#222538; border:1px solid;}
	p.label{	margin:0;}
	.nodisp{	display:none;}

.alert{			padding:10px; margin:10px 0; font-weight:bold;}
.error {	background:#f8dddd; border:1px solid #dc5353;}
.success {background:#e1f8dd; border:1px solid #67dc53;}

.testimonial .name{	font-style:italic; display:block; text-align:right;}

.images{	background:#FCF1AC; padding:15px; margin:15px 0; border:3px solid #EADE8D;}

.entries strong{	display:block; font-size:1.2em;}
.entries strong span{ display:block; font-size:.8em; font-weight:normal; margin-bottom:.7em;}
.entries a{		font-weight:bold; text-decoration:none;}

.entry{	margin-top:1em;}
.entry .img{	margin:0 1em 1em 0; float:left;}
.entry h3 a{	font-weight:normal; font-size:.9em;}

.pagination{	margin:15px 0; clear:both;}
.pagination a{	padding:3px 5px; border:1px solid #aaa; text-decoration:none}
.pagination a:hover{	background:#FCF1AC; border:1px solid #EADE8D;}
.pagination .selected{	background:#222538; color:#fff; border:1px solid #222538;}

p.details{background:#FCF1AC; padding:8px 15px; margin:15px 0; border:3px solid #EADE8D;}

.loc_list div{	clear:both; margin:0 0 1.5em;}
.loc_list p{	float:left; width:200px; margin-right:5px;}

.event{	background:#fefbe6; margin:0 0 1em; clear:both;}
.event .title{ background:#f5efc6; border-top:2px solid #222538; padding:6px 10px;}
.event .title span{	float:right;}
.event .details{	padding:10px;}
.event a:hover{	background:none;}
.event .gallery div{	overflow:auto; padding:10px 0;}
.event .gallery a{	padding:5px; background:#EADE8D; display:block; float:left; margin:8px;}
.event .gallery a:hover{		background:#FCF1AC;}
.event .gallery a:hover img{	border:2px solid #EADE8D; margin:-2px;}

.events_past, .events_upcoming{	background:#222538; color:#fff; padding:4px 10px; display:block; margin:10px 0; text-decoration:none; font-weight:bold; float:left;}
.events_upcoming{ float:right;}
.events_past:hover, .events_upcoming:hover{		background:#4e5160; color:#fff;}


#paypal_donation{background:#FCF1AC; padding:15px 15px 0; margin:15px 0; border:3px solid #EADE8D;}
#paypal_donation h2{	margin:0 0 1em;}	

#col3 h2{	margin:2em 0 0 35px;}
#col3 ul{	margin:0 0 0 35px;}

#cats{	margin-top:1em;}
#cats li{	border:1px solid #FCE2C7; margin:5px 0;}
#cats li a{	background:#fef3e9; margin:0 -2px; display:block; padding:5px 10px; font-weight:bold; text-decoration:none;}
#cats li a:hover{ background:#FCE2C7;}



#staff{	margin:0 0 0 35px;}
	#staff li{ border-top:1px solid #FCE2C7; height:auto !important; margin:10px 0; padding:10px 0 0;}
	#staff li img{ float:right; margin-left:10px;}
	#staff li a{ display:block; text-decoration:none}
	#staff li a:hover{	background:none; text-decoration:underline}
	#staff li.first{	border:none; margin-top:0;}
	#staff .more{	display:inline; text-decoration:none; font-weight:bold;}
	#staff em{	font-weight:normal;}