/* 
La Inmaculda Credit Union Style Sheet
AUTHOR: Leonardo Melendez/HR3 Concepts
VERSION: May 2007
 */

body { margin:0; padding:0; background:#ebf1cc url(../img/bg.gif) repeat-x; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif;}
a img { border:none;}
blockquote { margin:0; padding:0; line-height:1.5em; }
dl { margin:0 0 2em; padding: 0 0 1em; }
dl a { color:#444;}
dl a:hover { color:#777;}
dt { margin:10px 0 5px 10px; font-size:1.1em;}
dd { margin:0 0 0 10px; color:#666; line-height:1.5em; }
i { color:#666;}
ul { padding:0 0 10px 15px; clear:both; margin:10px 0 0 0;}
li  { padding:3px 0; margin:0;}
table { margin:0 15px 15px 0; border-collapse:collapse; border-bottom:2px solid #faa106; }
caption { text-align:left;	width:inherit; color:#656; padding:3px 0 5px 5px; font: normal 1em 'Lucida Grande','Lucida Sans Unicode', Arial, sans-serif; }	
th,td { padding: 0.5em 1em; border:none; border-bottom:1px solid #efefef; }
thead { border-bottom:1px solid #d5d5d5; color:#000; font: normal 13px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;}
th { font-weight:normal; text-align:left; background:#f8d69b; border-bottom:1px solid #faa106;}
.odd { background-color:#eefeff;}
tr:hover { background-color:#3d80df; color:#fff;}
thead tr:hover { background-color:transparent; color:inherit;}
strong { font: normal 13px 'Lucida Grande','Lucida Sans Unicode', Times, serif; font-weight:normal;}


#container { width:781px; margin:0 auto; padding:0; text-align:left;}
#masthead { height:77px; margin:0 auto 3px auto; padding:10px 0 15px 0; background:#fbfdee; }
		#masthead h1	{ margin:0; font-size:18px; height:77px; width:475px; overflow:hidden;float:left;}
		#masthead h1 a	{ display:block;  padding-top: 77px; height: 0 !important; height /**/: 77px; overflow: hidden; background: url(../img/masthead.gif) no-repeat;}
		#utility { float:right; margin:28px 18px 0 0;; font-family:Arial, Helvetica, sans-serif;}
		#utility a { font-size:12px; color:#666; text-decoration:none;}
		#utility a:hover { text-decoration:underline; color:#000; background-color:#ebf1cc; }

#navigation { height:28px; margin:0; padding:0; background:#faa106 url(../img/nav_bg.gif) right repeat-y; list-style:none; clear:both;  }
	#navigation li { float:left; padding:0; display:inline; background:url(../img/nav_separator.gif) right no-repeat; font-size:0.9em; font: normal 14px/1.2 Arial, 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;}
	#navigation a { padding:6px 15px 5px 15px; float:left;   color:#fff; text-decoration:none;}
	#navigation a:hover { color:#000; background-color:#e2eda1;}
	#navigation a.here { color:#000; background-color:#fff;}
	#navigation a:hover.here { color:#000; background-color:#e2eda1;}
		
#content { width:780px; float:left; background:#fff url(../img/content_bg.gif) repeat-y;}

#subNavigation { width:150px; margin:20px 0 0 0; padding:0; float:left; list-style:none; }
	#subNavigation li { padding:0; float:left; font-size:0.7em; font-weight:bold; width:100%; line-height:1.3em;}
	#subNavigation a { padding:3px 5px 6px 20px; display:block; color:#222; text-decoration:none;}
	#subNavigation a:hover { background-color:#e9f1b8;}
	#subNavigation li.here { color:#000; background-color:#e2eda1;}
	
#mainContent { width:575px; padding:0 0 20px 15px; background-color:#fff; float:left; color:#333; font-size:11px;}
	#mainContent h1 { padding:0; margin:8px 0 15px 0; letter-spacing:0.03em; color:#111; font-size:1.5em; font-weight:normal; line-height:1em;}
	#mainContent h2 { margin:5px 0 0 0; letter-spacing:0.03em; font-size:1.3em; font-weight:normal;}
	#mainContent h3 { margin:5px 0 0 0; color:#666; letter-spacing:0.06em; font-size:1.1em;  font-weight:normal; }
	#mainContent h3.title { margin:2px 0 10px 0; letter-spacing:0.06em; font-size:1.1em; font-style:italic; font-weight:normal;}
	#mainContent p { margin:10px 0 20px 0; padding:0; line-height:1.5em; }
	#mainContent img { margin:0 12px 0 0;}
	#crumbs { margin-top:10px; padding-bottom:5px; background:url(../img/bc_rule.gif) bottom repeat-x;  color:#aaa; font-size:0.8em;}
	#crumbs a { color:#aaa; text-decoration:none;}
	#crumbs a:hover { color:#666;}

#footer { clear:left; border-top:2px solid #faa106; background-color: #f8d69b; width: 733px; padding: 1em 20px; font: normal 11px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #60411f; margin: 0 0 4em; }
	#footer a, p.meta a { color:#956d42; }
	#footer a:hover, #footer a:focus { color: #1e0a02;  }

/* -- OTHER CLASSES ------------*/	
	.centered { float:none;}
	.left { float:left; }	
	.caption {font-size:.8em; color:#777; clear:both; }
	.reference { margin: 0 0 4em 0; padding:8px 0 0 0; float:left; border-top: 1px solid #e6dfce;   }
	.reference .entry h3  { margin: 0; color: #444; font: normal 16px/1.2 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; text-decoration: none;  }
	.reference .entry { border-bottom: 1px solid #e6dfce; float: left; padding: 1em 0 0em;}
		.reference .entry img { float:left;}
		.reference .entry p { margin: 0.25em 0 0 105px; }
		.reference .entry h3 { margin-bottom: 0; }
		.reference .entry h4 { margin: 0 0 0 105px; font-style: italic; font-size: 13px; font-weight: normal; color: #4e3114; padding: 0; }
	
	
/* -- HOMEPAGE STYLES ----------*/	
	
	.section { padding:10px 0 10px 5px; border-bottom:1px dashed #ccc; font-size:16px; }
	.section h1 { font: normal 0.9em Arial, Helvetica, sans-serif; color:#666; text-transform:uppercase; margin:0 0 5px 0;}
	.section h2 { font-weight:normal; font-family:Arial, Helvetica, sans-serif; margin:0;}
	.section .title { font-size:0.9em;}
	.section .highlight img { float:left; padding:0 10px 0 0;}
	.section .highlight p { font-size:0.7em; margin:5px 0 0 0; }
	
	
	
	#home #content { padding:5px; width:780px; float:left; background:url(../img/home_content_bg.gif) repeat-y; }
	#home #mainContent { width:740px; padding:0 10px; margin:0 0 5px 0; float:left;  font: normal 13px Arial, Helvetica, sans-serif; border-bottom:1px solid #f3deba;}
	#home p { margin-bottom:10px;}
		#home .subContent { float:left; width:290px; padding-right:20px;}
		#home .subContent ul { font-size:0.7em; }
		#home .subContent li { line-height:1.3em; }
		#home .subContent .section { width:290px; }
		#home .subContent .section a { text-decoration:none;}
		#home .subContent .section a:hover { text-decoration:underline; color:#000;}	
	
		#focus { float:left;}
						
		#services { padding:10px 5px 8px 15px; font-size:13px; float:left;}
		#services .section { width:210px; height:250px; padding:8px 8px 8px 0; margin:0 15px 15px 0; float:left; font-size:11px; border:none; border-right:1px solid #888; }
			#services h1 {margin:8px 0 0 0; letter-spacing:0.03em; display:block;  padding-top: 14px; height: 0 !important; height /**/: 14px; overflow: hidden; font-size:1em; font-weight:normal; background:url(../img/services.gif) no-repeat; }
			#services .section h2 { padding:0 0 5px 0; clear:both; font: normal 1.5em Arial,'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; }
			#services .section h2 a { color:#555;}
			#services .section a:hover { color:#000;}
			#services .section h3 { margin-bottom:3px; letter-spacing:0; font: italic 1.3em Arial,'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; }
			#services .section h4 { font-weight:normal; font-size:1em; font-style:italic; color:#555; margin:0 0 5px 0;}
			#services p { font-family:Arial, Helvetica, sans-serif; line-height:1.2em; font-size:1em; margin:10px 0; padding-right:15px;}	
			#services .section p { font-size:1.1em; margin:0 0 10px 0;}
			#services .section img { padding:0; margin-top:5px; float:left; clear:both; }
			#services .section ul { font-size:1.1em;}
	
	#highlights { border-bottom:1px dashed #ccc; float:left; margin-bottom:15px; }
	.item { width:270px; margin:0 15px 15px 0; float:left; border-bottom:1px dashed #ccc;}
	.item .title { float:left; width:140px;}
	.item h3 { font-size:1em !important; font-style:italic; margin:0 !important; padding:3px 0 5px 0;}
	.item img { float:left; }
	
	.col { width:170px; float:left; margin-right:10px;} 
	.col ul { margin:0;}
	.event { float:left; width:170px;}
	
	
	/* ##### slideshow ##### */

#slideshow { position:relative; width:759px; height:231px; }
#slideshow img { display:none; position:absolute; top:0; left:0; border:0; }