/*
Theme Name: Iacocca Foundation 
Theme URI: http://iacoccafoundation.org/
Description: Custom WP theme designed and developed for The Iacocca Foundation
Author: Metropolis Creative
Version: 1.0
Tags: n/a
*/


@charset "UTF-8";
/* CSS Document */

:focus {
	outline: 0;
}

.post-37 ul {
margin-top:0;
}

.post-37 p {
margin-bottom:0;
}

body {background-image:url(images/body_bg_repeat.jpg);
background-color: #fff8e1;
background-repeat: repeat-x;
width: 100%;
margin: 0;
font-family: Helvetica,Arial,sans-serif;
color: #000000;
line-height: 16px;
font-size:12px;
}

h1 {
font-size:28px;
color:#8c0000;
font-weight:normal;
font-family: "HelveticaNeue-Light",Helvetica,Arial,sans-serif;
font:"HelveticaNeue-Light",Helvetica,Arial,sans-serif;}

h2 {
font-size:18px;
color:#8c0000;
font-weight:normal;
font-family: "HelveticaNeue-Light",Helvetica,Arial,sans-serif;
font:"HelveticaNeue-Light",Helvetica,Arial,sans-serif;
line-height:20px;
}

a {
color: #8c0000;
border: 0px;
text-decoration:none;
}

a:hover {
color: #6b0000;
/*background-color:#eee6c5;*/
}

a img{
border: none;
}

.slink:hover, .slink:visited {
color:#000000;
text-decoration:none;
}

#container {
position: relative;
margin-left: auto;
margin-right: auto;
width: 960px;

}

	#header {
	
	background-image:url(images/header_image.jpg);
	background-repeat: no-repeat;
	position: relative;
	width: 960px;
	height:240px;
	margin-top: 0px;
	}
	
	#logo {
	padding-top: 40px;
	}
	
		#tagline {
		position: relative;
		color: #ffffff;
		margin-left: 90px;
		font-size:14px;
		}
		
		
		
				/**********NAVIGATION STYLES********/
		
		
		
		#navigation{
			position:relative;
			z-index:100;
			margin-top: 10px;
			}
			
			#navigation a {
			color: #ffffff;
			text-decoration:none;
			font-size: 14px;
			padding: 10px 0 20px 0;
			}
			
			#navigation a:hover {
			color: #f6c834;
			}
			
			#navigation ul.ulNav ul li a {
			color: #000000;
			font-size: 12px;
			padding: 4px 0 5px 10px;
			}
			
			#navigation ul.ulNav ul li a:hover {
			color: #000000;
			font-size: 12px;
			background-color: #fff3af;
			}
			
		
				ul.ulNav{
				position:relative;
				font-size:12px;
				margin:34px -14px 0 -15px;
				z-index:10;
				width:650px;
				height:50px;
				background:url('img/nav_rep.jpg') repeat-x;
				padding:14px 0 0px 15px;
				
				}
				
				ul.ulNav li{
				position:relative;
				display:inline;
				margin:0px 25px 0px 0px;
				list-style:none;
				
				}
				
			
				
				
			
				/* submenu, it's hidden by default */
				ul.ulNav ul {
					position:absolute; 
					left:0; 
					display:none; 
					margin:19px 0 0 -1px; 
					padding:7px 0 0px 0; 
					list-style:none;
					z-index:10;
					width: 120px;
					
					-moz-box-shadow:1px 1px 5px #000000;
					-webkit-box-shadow:1px 1px 5px #000000;
					box-shadow:1px 1px 5px #000000;
		
		
					background:url('images/nav_bg_repeat.png') repeat-x;
				
				}
				
				ul.ulNav ul li {
					float:left; 
					font-size:12px;
					display:block;
					width:120px;
				}
				
			
		
				
				/* display block will make the link fill the whole area of LI */
				ul.ulNav ul a {
					display:block;  
					width:110px;
					height:15px;
					padding: 5px 0px 5px 10px; 
					z-index:10;
				}
		
		
		
		
		/*****************/
		
		#lee {
	
		width:227px;
		height:216px;
		background-image:url(images/lee_iacocca.png);
		float:right;
		margin:-231px 0 0;
		background-repeat:no-repeat;
		position:relative;
		z-index:11;
		}

#content {
position: relative;
width: 960px;
margin-top:20px;

}

#content img.border-pic {
border:1px solid #756554;
}

	#body_left {
	position:relative;
	float:left;
	width:550px;
	}
	
		#slider_box {
		margin-top:30px;
		}
		
			#slider {
			width:560px;
			height: 240px;
			float:left;
			position:relative;
			background-image:url(images/slider_bg.jpg);
			background-repeat:no-repeat;
			background-size: 100% 100%;
			-moz-box-shadow:1px 1px 7px #666666;
			-webkit-box-shadow:1px 1px 7px #666666;
			box-shadow:1px 1px 7px #666666;
			z-index:5;
			}
			
			
			/* container for slides */
						.slides {
							position:relative;	
							width:530px;
							float:left;	
							margin-left:15px;
							cursor:pointer;
							}
						
						/* single slide */
						.slides div {
							display:none;
							position:absolute;
							top:0;
							left:0;		
							height:256px;
							font-size:12px;
						}
						
						/* header */
						.slides h3 {
							font-size:22px;
							font-weight:normal;
							margin:0 0 20px 0;
							color:#456;
						}
						
						/* tabs (those little circles below slides) */
						.slidetabs {
							clear:both;
							margin-left:10px;
							margin-top: 217px;
						}
						
						/* single tab */
						.slidetabs a {
							width:8px;
							height:8px;
							float:left;
							margin:3px;
							background:url(images/navigator.png) 0 0 no-repeat;
							display:block;
							font-size:1px;
							z-index:10;
							position:relative;		
						}
						
						/* mouseover state */
						.slidetabs a:hover {
							background-position:0 -8px;      
						}
						
						/* active state (current page state) */
						.slidetabs a.current {
							background-position:0 -16px;     
						} 	
						
						.slides img {
							display: block;
							width: 100px;
							height: auto;
							border: 1px solid black;
							margin-right: 0.5em;
							margin-bottom: 1em;
						}
						
						
		
						
						/* disabled navigational button. is not needed when tabs are configured with rotate: true */
						.disabled {
							visibility:hidden !important;		
						}

			/********************END SLIDER STYLES**********************/
			
			
			#cta {
			float:left;
			position:relative;
			width:210px;
			height: 241px;
			background-image:url(images/cta_bg.jpg);
			background-repeat:no-repeat;
			background-size: 100% 100%;
			}
			
				#cta_text {
				position:relative;
				float:left;
				margin:0 10px -2px 20px;
				}
				
	
	#body_right {
	position: relative;
	float:left;
	width:340px;
	margin-left:50px;
	}
	
		input#submit {
		background-image:url(images/submit_button.jpg);
		width:34px;
		height:30px;
		background-repeat:no-repeat;
		margin:-3px 0 0 -12px;
		}
		
		input#text {
		height:19px;
		width:240px;
		}
	
	#inside_left {
	width:675px;
	float:left;
	position:relative;
	padding-right:55px;
	}
	
	#inside_right {
	position:relative;
	float:left;
	width:230px;
	}
	
		#side_nav {
		position:relative;
		width:160px;
		padding-bottom:15px;
		background-repeat:no-repeat;
		margin-top:15px;
		}
		
			#side_nav_text {
			position:relative;
			padding:5px 0 0 10px;
			font-size:14px;
			line-height:32px;
			color: #000000;
			background-color:#fff3af;
			border-color:#ffd835;
			border-width:1px;
			border-style:solid;
			}
			
				#side_nav_text a {
				color: #000000;
				}
				
				#side_nav_text a:hover {
				color: #8c0000;
				}
	
				#side_nav_text li {
				list-style: none;
				}
				
		#cta_side_text {
		positions:relative;
		}		

img.alignleft {
margin-right: 10px; 
margin-bottom: 10px; 
border: 1px solid #3f1811;
float: left;
}	

#footer {
position:relative;
text-align: center;
top: 40px;
font-size:10px;
line-height:13px;
}

