@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: ProximaNova;
	src: url('../fonts/ProximaNova_Light.otf');
}
@font-face {
	font-family: ProximaNova;
	font-weight: bold;
	src: url('../fonts/ProximaNova_Bold.otf');
}


* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}
html, body { height: 100%; }
body {  
	font: 12px normal Arial, Helvetica, sans-serif; 
	background: #dedede; 
	color: #333;
}
input { font: 12px normal Arial, Helvetica, sans-serif; color: #333; }

a { text-decoration: none; }



/* ------------------------------------
       General  
------------------------------------ */

#wrapper { 
	
	min-height:100%;
	width: 100%;
}

#content { 
	margin: 0 auto; 
	width: 1000px;
	overflow: hidden; 
   	min-height: 100%;
    	padding-bottom: 40px;	
}

#column-left { 
	float: left; 
	display: inline-block;
	width: 220px;
	padding: 60px 0 30px 0; 

}

	#column-left li { 
		padding: 0 0 8px 0; 
		list-style-position: inside; 
		list-style-image: url(../images/blank.png); 
		font-weight: bold;
	}
	#column-left li a { color: #4caa23;  }
	#column-left .selected { 
		list-style-position: inside; 
		list-style-image: url(../images/arrow.png); 
	}
	#column-left .selected a {color: #333;  }


#column-right {
	float: right; 
	text-align: left; 
	padding: 60px 0 30px 0; 
	display: inline-block;
	width: 768px;
	height:100%;
	margin: 0 0px 0 2px;
	background-color:rgba(0,0,0,0.3);
}

#notfound {
	font-size: 26px; 
	line-height: 150%;
	width: 550px;
	color: #000; 
	margin: 0 0 60px 0;
	padding-left:30px;
}



.clear { clear: both; }
.cufon {margin-bottom:10px;}


/* ------------------------------------
       Fonts  
------------------------------------ */

h1 { font-family: ProximaNova, sans-serif; }

#notfound, #home-blurb, .page h2, .blog-details h3 { font-family: ProximaNova, sans-serif;  font-weight: bold; }

.blog-info h4, .resource-info h4 a, .comment-content h4 { font-family: ProximaNova, sans-serif;  font-weight: bold; }


/* ------------------------------------
       Header 
------------------------------------ */


#header {
	background: url('../images/header_background.jpg') repeat-x; 
	height: 72px;
}


#logo-bar { 
	margin: 0 auto; 
	width: 1000px;
	overflow: hidden;
	
} 
	#logo-bar img { margin: 20px 0; float: left; margin: 20px 0 20px 15px; }
	#logo-bar h1 { 
		font-size: 28px;
		display: inline;
		font-weight: normal;
		float: left;  
		padding: 0; 
		margin: 20px 0 20px 84px;
		text-transform: uppercase;
	}

#navigation { 
	padding: 0; 
	margin: 0 auto; 
	width: 1000px;
	overflow: hidden;
	background: #fff;
	opacity:0.70;filter:alpha(opacity=70);  /*KJ*/
}
	#navigation div { 
		float: right; 
		overflow: hidden;
		
	}
	#navigation li { 
		float: left; 
		display: inline; 
		text-transform: uppercase; 
		padding: 9px 12px 7px 12px; /*KJ*/
		margin: 0 1px 0 0;
		background: #FFF; 
		font-weight: bold;
		opacity:0.70;filter:alpha(opacity=70);  /*KJ*/
		height: 15px;
			
	}
	#navigation li a { color: #333; } /*KJ*/
	#navigation li:hover, #navigation .selected {opacity:1.0;filter:alpha(opacity=100);}
	#navigation .search { padding: 8px 10px; }
	#navigation .search:hover { opacity:0.80;filter:alpha(opacity=80) !important; }
	
	#navigation #keywords { 
		margin: 0; 
		padding: -1px 0 2px 0; 
		width: 373px; 
		

	}
	#navigation #submit { 
		background: url('../images/icons/search.png'); 
		height: 13px;
		width: 13px;
		padding: 0; 
		margin: 0;
	}



/* ------------------------------------
      Footer
------------------------------------ */

#footer {
	margin: -40px auto 0 auto; 
	width: 1000px;
	height: 40px; 
	background: #000;
	opacity:0.7;filter:alpha(opacity=70);
	overflow: hidden;
}

	#footer p, #footer ul { 
		margin: 0; 
		padding: 14px 0 0 0;	
		color: #FFF; 
	}
	#footer ul li { float: left; display: inline; padding: 0 20px 0 0; } 
	#footer ul li a { color: #4caa23; } 
	#footer ul li a:hover { text-decoration: underline; } 
	
	#footer .copyright { float: left; margin: 0 0 0 12px; }
	#footer .navigation { float: left; margin: 0 119px; } 
	#footer .social-icons { float: right; margin: 0 9px 0 0; }
	#footer .social-icons img { height: 24px; width: 24px; margin: -6px 3px 0 0; }


/* ------------------------------------
      Pages
------------------------------------ */

.page { line-height: 18px; margin: 0 0 30px 0; overflow: hidden; }
.page .narrow { width: 480px; float: left; display: inline; padding-left:30px; }
.page h2 { 
	font-size: 32px;
	padding: 0;
	margin: 0 0 20px 0; 
}


.address { 
	margin: 120px 0 0 0;
	width: 150px;
	float: left; 
	display: inline;
}