@charset "UTF-8";
/* Global CSS file for NLCI, 2010 Fall Micro Site
	Developed by EfnWeb, LLC, http://www.efnweb.com */

/* site font colors 
	lime green 		= #aec52f
	forest green 	= #40461c
	teal			= #87dfde
	darker blue 	= #006b84
*/

/* other colors for Fall 2010
	burgundy		= #690200
	lime			= #cdd566 
	mossy green		= #515625
	tan				= #f5e5b3
*/

body {	
	font-family: 	Arial, Helvetica, "sans-serif";
	font-size: 		12px;
	margin-top: 	0;
	background: 	url(../images/bg.png) repeat; 
	/* overflow: visible; */
}

/* For SEO and Accessibility, "hidden" class applied to redundant content displayed via Flash */
.hidden { display: none; }

.clear	{ clear: both; }

.forestBold { color: #40461c; font-weight: bold; }

.smaller { font-size: 10px; line-height: 12px; }

h1 { 
	font-family: 	Arial, Helvetica, "sans-serif";
	font-size:	 	18px; /* 21pt */
	text-transform:	uppercase;
	color: 			#690200; /* old color aec52f */
}

h2 {
	font-family: 	Arial, Helvetica, "sans-serif";
	font-size: 		16px; /* 16pt */
	text-transform: none;
	margin-bottom: 	1px;
	color: 			#515625;
}

h3 {
	font-family:	Arial, Helvetica, "sans-serif";
	font-size: 		14px; /* 15pt */
	color: 			#40461c;
}

p {
	font-family:	Arial, Helvetica, "sans-serif";
	font-size: 		12px;
	/* line-height: 	18px; */
	line-height: 	1.75em; 
	margin:0 0 20px 0;
}

a, a:visited 		{ text-decoration: none; }
a:hover, a:active 	{ text-decoration: underline; }
/* see various functional areas for specific link styles, i.e. nav, footer. EfnWeb */

#wrapper, #wrapper_bottom { 
	width: 			965px;
	margin-left: 	auto;
	margin-right: 	auto;
}
#wrapper {
	margin-bottom: 	0;
	background: 	url(../images/bg_wrapper.png) repeat-y;
}
#wrapper_bottom { /* bottom of page below #footer */
	margin-top:		0;
	height: 		12px;
	background: 	url(../images/bg_wrapper_bot.png) no-repeat; 
}

	/* beg: Header area */
	#header {
		width: 			954px;
		height: 		80px;
		margin-left: 	auto;
		margin-right: 	auto;
		margin-bottom: 	2px;
		background: 	url(../images/bg_header.png) no-repeat; 
	}

		#logo {
			width: 			400px;
			height: 		64px;
			float: 			left;
			margin-top:		10px;
			margin-left:	20px;
			border:			none;
		}
		
		#headerNav {
			float: 			right;
			font-size:11px;
			height: 		12px;
			margin-top:		60px; 
			margin-right: 	30px;
			text-align: 	right;
		}
		
			#headerNav a { 
				margin: 		0 0 0 15px;
				font-weight:	bold; 
			}
			#headerNav a:first-child { /* first link in navigation */
				margin-left: 0;
			}

			/* nav links and page indicator class */
			.nav 			{ color: #cdd556; text-transform: uppercase; }
			.nav:hover 		{ text-decoration: underline; }
			.nav:active		{ /* color: #f00; */ }
			.nav:visited	{ /* color: #aec52f; */ }
			
			.selected { /* page indicator class */
				color: 				#f5e5b3;
				text-decoration: 	none;
				text-transform: 	uppercase; 
			}
			.selected:hover { /* color: #f00; */ }
			/* end: nav links / page indicator */
	/* end: Header area */

	/* beg: Content area including main splash graphic and Flash animation */
	#mainContentWrapper { /* no styles */ /* wraps main content area from beneath logo and main nav to before footer */ }
		#top {
			margin-top: 	0; 
			margin-bottom: 	2px;
			width: 			100%;
			height: 		260px;
			/* background: 	url(../images/bg_top_thumb.png) no-repeat 3px 0; includes course-catalog image */
		}
			#top_left { /* main splash graphic and Flash anim */
				width: 			694px;
				height:			250px;
				float: 			left;
				margin-top: 	4px;
				margin-left: 	5px; /* orig 10px */
			}
			
				#headerMainGraphic {
					width: 		694px; /* orig 689px; */
					height: 	248px;
					border: 	none;
					margin: 	0;
				}
			
			#top_right { /* right-hand nav */
				width: 250px;
				float: right;
			}
				/* beg: Right-hand navigation */
				#rightNav 	{ text-align: center; margin-top: 40px; }
				#rightNav a {
					display: 	block;
					margin: 	7px auto;
				}
				#rightNav a img {
					border: none;
				}
				/* end: Right-hand nav */
				/* course catalog */
				#courseCatalog { text-align: center; margin-top: 40px; }
				#courseCatalog img { border: none; width: 180px; height: 220px; }
				#courseCatalog p { 
					text-transform: uppercase; 
					font-weight: 	bold;
					font-size: 		14px;
					line-height: 	1.25em; 
				}
					
				#courseCatalog p a, #courseCatalog p a:visited { color: #690200; }
				
				/* end: course catalog */
                                /* voh */
				#voh { text-align: center; margin-top: 15px; }
				#voh img { border: none; width: 245px; height: 124px; }
								
				#vohp a, #voh p a:visited { color: #690200; }
				
				* end: voh */
	
		#left { /* left main body copy content parent */
			width: 			694px;
			float: 			left;
			margin-left:	5px; /* orig 3px */
		}
	
			#mainContent_top, #mainContent, #mainContent_bot { width: 694px; }
			
			#mainContent_top { /* contains graphical rounded top */
				margin-bottom: 0;
				height: 40px;
				background: 	url(../images/bg_mainContent_top.png) no-repeat; 
			}
		
			#mainContent {
				margin-top: 	0;
				margin-bottom: 	0;
				width: 			694px;
				background: 	url(../images/bg_mainContent2.png) repeat-y; 
			}
			
				#mainContentInner { /* contains actual main body text copy */
					margin: -34px 20px 0 20px; 
					*margin: 0 20px 0 20px; /* msie 8 */
				}
				#mainContentInner:first-child { /* testing only */ }
				#mainContentInner a 		{ color: #515625; text-decoration: underline; }
				#mainContentInner a:visited	{ color: #515625; text-decoration: underline; }

				
			#mainContent_bot { /* contains graphical rounded bottom */
				margin-top: 	0;
				height: 		30px;
				background: 	url(../images/bg_mainContent_bot.png) no-repeat; 
			}

		#right { /* main body right-column content, optional for Fall 2010 */
			width: 	250px;
			height: 100%;
			float:	right;
		}
			
	/* end: Content area including main splash graphic and Flash animation  */
	
	/* beg: Page footer */
	#footer {
		width: 			965px;
		height: 		23px;
		margin-left: 	auto;
		margin-right: 	auto;
		padding-top: 	12px;
		font-size: 		10px;
		background: 	url(../images/bg_footer.png) no-repeat 5px 0; 
	}
	
	/* Accreditation icons placed in footer with negative top-margin to display 
		at bottom of main-content right column regardless of page height */
	#iconsAccredit {
		width: 			160px;
		height:			50px;
		border:			none;
		margin-top: 	-80px;
		margin-bottom: 	20px;
		margin-left: 	760px;
		/*margin-left: 790px; /* msie 8 */
	} 

	#footer span, #footer a, #footer a:visited, #copyright {
		text-decoration: none;
		color: #aec52f;
	}
	#footer a:hover { text-decoration: underline; }

		#footerNav, #copyright { 
			*margin-top: -12px; /* msie 8 */
		} 
		

		#footerNav {
			float: left;
			margin-left: 20px;
		}
		#footerNav .pipe { margin: auto 10px; } /* footer-nav menu-item separator */

		#copyright {
			float: 			right;
			margin-right: 	20px;
			text-align:		right;
		}
	/* end: Page footer */
	
/* end: Global CSS file for NLCI, 2010 Summer School Site */



/* ADDED BY JZ */

/* Begin social media module, right column, homepage */

#social {
	margin:25px 0 0 35px;
	width:180px;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}

#social p {
	font-size:11px;
	color:#333;
	margin-bottom:17px;
/*	font-weight:bold; */
}
#social ul {
	 list-style:none;
	 margin:0;
	 padding:0;
}

#social a img {
	border:none;
	margin-bottom: 10px;
}

 */