/* 
Stylesheet for Center for the Study of the American South
Prepared by Scott Reston - http://scott.therestons.com
12/2008
===============================================================*/


/* Eric Meyer's Reset CSS */
@import url("http://unccsas.webfactional.com/content/css/stylesheets/reset/");


html {overflow-y: scroll; /* vert scrollbar for all pages */}

body { 
	font: 76% Arial, Verdana, Helvetica, sans-serif;
	line-height: 1.3;
	background-color: #fff;
	color: #333; 
	text-align:center;
	width: 980px; margin: 45px auto;
}

	
p {
	font-size: 1em;	padding: 0;
	margin-top: 0;	margin-bottom: .5em;
}

div, li, ol, dl, table { font-size: 1em; }
#content { line-height: 1.5em; }
#content ul, content ol { margin: 1em 4ex;}
#content ul { list-style-type:disc; }
#content ol { list-style-type:decimal; padding: .5em 0 1em 4ex; }
#content ul li, #content ol li { margin-bottom: .5em; }
#content blockquote {margin: 1em 10%;}
#content p { margin-bottom: 1.5em; }


img	{ display: inline; border: none; margin: 0; }
.alignleft { float: left; margin: .5em .5em .5em 0; }
.alignright { float: right;	margin: .5em 0 .5em .5em; }
.aligncenter { display: block; margin: .5em auto; }

a {
	color: #369;
	text-decoration: none;
	outline: none;
}
	a:hover {
		text-decoration: underline;
	}
	a:active {
		outline: none;
	}
	/*a.external-link { padding-left: 12px; background:url(images/external.gif) no-repeat center left; }
	a.pdf-link { padding-left: 18px; background:url(images/file_acrobat.gif) no-repeat center left; }
	a.doc-link { padding-left: 18px; background:url(images/file_doc.gif) no-repeat center left; }*/
	
h1, h2, h3, h4 { font-family:  Verdana, Arial, Helvetica, sans-serif; clear: left; }

h2 { margin: 0 0 .5em 0; color:#333; font-size: 2em; font-weight: normal; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;}
h3 { margin: 1em 0 0 0; color: #333; font-size: 1em; font-weight:bold; }
h4 { margin: 1em 0 0 0; color: #666; font-size: .9em; font-weight:bold; }

	
.clearfix {
	display:inline-block;
}
.clearfix:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}


hr { 
	border-top: 1px solid #333;
	border-bottom: 0 solid #333;
	background-color: #333;
	color: #333;
	height: 1px;
	margin: 2em 0;
	}
	
sup {
	height: 0;
	line-height: 1; font-size: .8em;
	position: relative;
	top: -0.6em;
	vertical-align: baseline !important;
}

strong { font-weight: bold; }
em {font-style:italic;}

/* =Structural
===============================================================*/

#wrap {
	text-align: left;
	width:100%;
}

#page-summary {
	position: absolute; left: -9999px;
}


/* =Header
===============================================================*/

#header { 
	display: table; 
	width: 100%;
	/*border: 1px solid #000;*/
	padding: 40px 0 20px 0;
}
	#header a { color: #5a83ab; }
	#header h3 { margin: 0; }

#header #feature { 
	display: table-cell;
	width: 242px;
	padding: 0 40px 0 18px;
	font-size: .9em;	
	
}
	#feature h3 {
		text-transform: uppercase; font-weight:bold; clear: none;
		font-size: .9em; color: #369; padding-bottom: .2em;
	}
		#feature h3 a { color: #369; }
		
		#header #feature img { 
			float: left; margin-right: 8px;
		}

#header h1 {
	display: table-cell;
	text-indent: -9999px;
	height: 90px; width: 572px; 
}
	#header h1 a { display:block; height: 90px; }

#header form {
	display: table-cell;
	width: 240px;
	padding-right: 20px;
	text-align: right;
}
	#header form input {
		
	}

		
/* =Navigation
===============================================================*/

#nav-cross-site {
 	width: 860px; margin: 0 auto; padding: 3px 0;
	background:url(/chrome/images/bg-cross-nav.jpg) repeat 10px;
	border: 1px solid #000;
	border-color: rgba(0,0,0,.25);
	border-bottom: none;
	text-align: center;
}


	#nav-cross-site ol { 
		margin:0; padding: 0; width:100%;
		font-size: 1em;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	
		#nav-cross-site ol li { display: inline; padding-right: 12px; padding-left: 23px; background:url(/chrome/images/nav-primary-dingbat.gif) no-repeat 0px 4px; }
			#nav-cross-site ol li.csas { background: none; }
			
			body.csas #nav-cross-site ol li.csas,
			body.popl #nav-cross-site ol li.popl,
			body.sohp #nav-cross-site ol li.sohp,
			body.sc #nav-cross-site ol li.sc { font-weight: bold; } 


#nav-primary { 
	background-color: #333;
	background: url(/chrome/images/nav-primary-gradient-r.png) #f2eae7 right repeat-y;
	height: 35px;
	text-align: center;
}

	#nav-primary a {
		color: #369;
	}
	
	
	#nav-primary ol { 
		margin:0; padding: 6px 0 0 0; width:100%; height: 29px;
		font-size: 1.2em;
		font-family:Georgia, "Times New Roman", Times, serif;
		background:url(/chrome/images/nav-primary-gradient-l.png) repeat-y;
	}
	
		#nav-primary ol li { display: inline; padding-right: 12px; padding-left: 23px; background:url(/chrome/images/nav-primary-dingbat.gif) no-repeat 0px 4px; }
			#nav-primary ol li.home { background: none; }

ul#nav-secondary {
	margin: 0; padding: 0; list-style-type: none;
	font-size: 1.3em; line-height: 1em;
}
	ul#nav-secondary a { color: #666; font-weight: bold;}
	ul#nav-secondary ul a { color: #369; font-weight: normal; }
	ul#nav-secondary a.on { color: #666; }

	ul#nav-secondary li { margin-bottom: .75em; padding: 0;	}
	ul#nav-secondary  ul{
		list-style-type: none;
		font-size: .9em;
		margin-left: 0;
	}
		ul#nav-secondary ul ul{ margin-left: .5ex; padding-left: 0; margin-top: .5em;}
		ul#nav-secondary ul ul li { margin-bottom: .5em; padding-left: 0;}



.sidebar ul.recent-news {
	margin: 0 !important; padding: 0 !important; list-style-type: none !important;
}

	.sidebar ul.recent-news li { margin-bottom: .25em; }


.sidebar ul.library-categories {
	margin: 0 !important; padding: 0 !important; list-style-type: none !important;
}

	.sidebar ul.library-categories li { margin-bottom: .25em; }


ul.library { 
	margin: 0 !important; padding: 0 !important; list-style-type: none !important;
	font-size: 1.2em;
}
	ul.library li {  margin-bottom: .25em; }
	.library .filed-under { font-size: .8em; }

/* =Content
===============================================================*/

#content {
	display: table; width:100%;
	padding: 30px 0;
	background-color: #fff;
}

	#content .main {display: table-cell; padding-bottom: 5em;}
	#content .sidebar { width: 140px; display:table-cell; padding: 0 20px; font-size: .95em;  }
	#content .sidebar-right { text-align: right; }

	#content .sidebar h3 {
		text-transform: uppercase; font-weight:bold; clear: none;
		 color: #369; font-size: .9em; line-height: 1.2em;
	}
	
	#content .main h3 { text-transform:uppercase; }
	
	#content .sidebar p {
		margin: 0 0 .5em 0;
	}
	


/* =Footer
===============================================================*/

#footer { 
	clear: both; padding-top: 30px;
	min-height: 80px;
	background-position: 740px 25px; background-repeat:no-repeat;
	color: #000;
	padding-left: 20px;
	text-align:left;
	background-image: url(/chrome/images/UNC-logo.png)
}

	#footer ol {
		margin: 0 60px 0 0; padding: 0 0 1em 0; font-weight: bold; font-size: 1.1em;
	}
		#footer ol li { display: inline; margin-right: 1ex; }

	body.csas #footer { background: none; min-height: 225px; }
	body.csas #footer div.text, body.csas #footer div.address { float: left; width: 290px;}
		body.csas #footer div.csas-building { width:336px; }
	body.csas #footer ol { float: left; }
	body.csas #footer ol li {display: block; line-height: 1.75em;}
	body.csas #footer .csas-building { float:right; }
		body.csas #footer .csas-building img { border: 6px solid #fff; float:none; }
		body.csas #footer .csas-building { 
			border-color: rgba(0,0,0,.07);
			border-width: 2px;
			border-style: solid;
			border-left: none; border-top: none;
			/*border: 1px solid #999;*/
		}
	
	body.csas #footer dl {
		background-image: url(/chrome/images/UNC-logo.png); background-repeat:no-repeat; background-position: 14px 0;
		padding-top: 68px; padding-bottom: 45px; width: 275px;
		line-height: 1.75em;
	}
		body.csas #footer dl dt { float: left; width: 55px; clear:left; text-align: right; padding-right: 2ex; color: #6f7a80; font-style:italic;}
		body.csas #footer dl dd { float: left; width: 175px; }

		
	#footer a { color: #488fd7; }


/* =Misc

===============================================================*/	

	span.photo  { float: right; padding: 0 0 10px 10px; font-size:1.1em; font-style:italic; text-align:center; font-family: Georgia, "Times New Roman", Times, serif;}
		span.photo img { display: block; }

/* =Special Effects

===============================================================*/		
	

	.shadow-wrap-inner{
		border-style: solid;
		border-color: #ccc;
		border-color: rgba(0,0,0,.25);
		border-width: 1px;
		width:auto;
	}
	.shadow-wrap-center{
		border-color: rgba(0,0,0,.15);
		border-width: 1px;
		border-style: solid;
		border-top: none;
		border-left: none;
		width:auto;
	}
	.shadow-wrap-outer{
		border-color: rgba(0,0,0,.07);
		border-width: 1px;
		border-style: solid;
		border-top: none;
		border-left: none;
		width:auto;
	}
	.shadow-nav-cross-site .shadow-wrap-center{
		width: 862px;
		border-bottom: none;
		margin: 0 auto;
	}
	.shadow-nav-cross-site .shadow-wrap-outer{
		width: 863px;
		border-bottom: none;
		margin: 0 auto;
	}
	
	
/* =Site Specific
===============================================================*/	
	
	body.csas { background-color:#ddecf6;}
	body.csas #header { background-color: #fff; }
	body.csas #header h1 { background:url(/chrome/images/h1-csas.gif) no-repeat; }
	body.csas #header h1 a { height: 90px; }
	body.csas #nav-primary { background-color: #eef5fb; border-top: 1px solid #A1CAEA; border-bottom: 1px solid #A1CAEA; }
	body.csas #content h2,
	body.csas #content h3,
	body.csas span.photo  { color: #5b5b5b;}

	body.popl { background-color:#7d3518;}
	body.popl #header { background-color: #f8f5f3; }
	body.popl #header h1 { background:url(/chrome/images/h1-the-program-on-public-life.gif) no-repeat; }
	body.popl #nav-primary { background-color: #f2eae7; border-top: 1px solid #b88f7f; border-bottom: 1px solid #b88f7f;  }
	body.popl #content h2,
	body.popl #content h3,
	body.popl span.photo  { color: #7d3518;}
	
	body.sohp { background-color:#433245;}
	body.sohp #header { background-color: #F2F2F2; }
	body.sohp #header h1 { background:url(/chrome/images/h1-sohp.gif) no-repeat; }
	body.sohp #nav-primary { background-color: #e8e6e9; border-top: 1px solid #938e94; border-bottom: 1px solid #938e94; }
	body.sohp #content h2,
	body.sohp #content h3,
	body.sohp span.photo { color: #433245;}
	
	body.sc { background-color:#b2ccc3;}
	body.sc #header { background-color: #f3f7f6; }
	body.sc #header h1 { background:url(/chrome/images/h1-sc.gif) no-repeat; }
	body.sc #nav-primary { background-color: #ecf2f0; border-top: 1px solid #abb4b1; border-bottom: 1px solid #abb4b1; }
	body.sc #content h2,
	body.sc #content h3,
	body.sc span.photo { color: #637a72;}