@charset "UTF-8";

    html, body, div, span, applet, object, iframe,
    pre, a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
    }

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	color: 404040;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-image: url(../siteimages/gradmid.jpg);
	background-repeat: repeat;
	background-position: left top;
}

#bottomback {
	background-image: url(../siteimages/gradbottom.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 120px;
	clear: both;
}

#topback {
	background-image: url(../siteimages/gradtop.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#container {
	text-align: left;
	width: 910px;
	background-image: url(../siteimages/back.png);
	background-repeat: repeat;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#head {
	height: 146px;
}

#head .cola {
	width: 690px;
	float: left;
	background-image: url(../siteimages/mainhead.jpg);
	height: 146px;
}
#head .colb {
	background-color: #122024;
	width: 220px;
	float: right;
	height: 146px;
}

#head .cola .nav {
	width: 690px;
	margin-left: 237px;
	margin-top: 0px;
}
#head .cola .LFP {
	background-image: url(../siteimages/LFProll.png);
	height: 34px;
	width: 152px;
	background-repeat: no-repeat;
	float: left;
}

#head .cola .LFP:hover {
	background-image: url(../siteimages/LFProllH.png);
}


#head .cola .LT {
	background-image: url(../siteimages/LTroll.png);
	height: 34px;
	width: 105px;
	float: left;
}

#head .cola .LT:hover {
	background-image: url(../siteimages/LTrollH.png);
}

#head .cola .LV {
	background-image: url(../siteimages/LVroll.png);
	height: 34px;
	width: 98px;
	float: left;
}

#head .cola .LV:hover {
	background-image: url(../siteimages/LVrollH.png);
}

#head .cola .logo {
	width: 220px;
	float: left;
	height: 146px;
}

#head .cola .flinla {
	margin-top: 20px;
	margin-left: 18px;
	height: 50px;
	width: 355px;
	float: left;
}

#head .cola .sectionliving {
	margin-top: 5px;
	margin-left: 62px;
	background-image: url(../siteimages/livinghead.gif);
	height: 26px;
	width: 271px;
	float: left;
	background-repeat: no-repeat;
	background-position: center;
}

#head .cola .sectionfolklife {
	margin-top: 5px;
	margin-left: 18px;
	background-image: url(../siteimages/folklifehead.gif);
	height: 26px;
	width: 355px;
	float: left;
	background-repeat: no-repeat;
	background-position: center;
}

.skipnav {
	font-size: .3em;
	padding-left: 25px;
	color: #333333;
	text-decoration: none;
}

.skipnav a:link {
	color: #333333;
	text-decoration: none;
}

.skipnav a:hover {
	color: #333333;
	text-decoration: underline;
}

.skipnav a:visited {
	color: #333333;
	text-decoration: none;
}


#sidebara {
	background-color: #FFF;
	width: 145px;
	background-image: url(../siteimages/sidenavback.png);
	vertical-align: top;
	padding-top: 10px;
	padding-right: 20px;
	float: left;
	background-repeat: repeat-y;
}

#content {
	background-color: #FFF;
	width: 50%;
	padding-right: 30px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
}

#sidebarb {
	width: 200px;
	background-color: #132126;
	background-position: top;
	float: left;
	margin-left: 10px;
}

	
.center {
	text-align: center;	
}

/*This floats the info icon that appears in the TOC on the Delta artifcles, for instance*/
.infofloatleft {
	float: left;
}

/*Most font-size definitions use the "em" metric so that the text can be enlarged by the viewer in their browser*/

/*this styles the section header like "Virtual Books"*/

#section {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 10px;
}



/*This styles the sidebarA nav*/
#nav .trad  {
	width: 145px;
	height: auto;
	color: #996666;

}

#nav .folk  {
	width: 145px;
	height: auto;
}

#nav .trad a {
	width: 120px;
	color: #996666;
	text-align: right;
	font-size: 14px;
	text-decoration: none;
	display: block;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin-left: 15px;
	line-height: 1.1em;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;

}

#nav .folk a {
	width: 120px;
	color: #999966;
	text-align: right;
	font-size: 14px;
	text-decoration: none;
	display: block;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin-left: 15px;
	line-height: 1.1em;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;

}

#nav a:hover {
	color: #404040;
	
}


@media screen and (max-width: 910px) {
#struct3 .sticky {display: none;}
#struct3 .sticky2 {display: none;}
}


/*This styles the "top of page" sticky nav button*/
#struct3 .sticky  {
	width: 240px;
	height: auto;
	font-size: 11px;
	padding-top: 15px;
	clear: both;
}


#struct3 .sticky .head {
	width: 225px;
	height: 23px;
	color: #6FAF6F;
	text-align: left;
	font-size: 14px;
	text-decoration: none;
	display: block;
	background-image: url(../siteimages/jumpbar.gif);
	background-position: left;
	padding-top: 15px;
	padding-left: 15px;
	font-weight: bold;
}

#struct3 .sticky a {
	width: 210px;
	color: #404040;
	text-align: left;
	font-size: 11px;
	text-decoration: none;
	display: block;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-image: url(../siteimages/jumpitem.gif);
	background-repeat: repeat-y;
}

#struct3 .sticky a:hover {
	color: #999;
}



#struct3 .sticky .sub {
	margin-left: 10px;
}


/*This styles the "related resources" sticky nav button*/
#struct3 .sticky2 {
	width: 240px;
	height: auto;
	color: white;
	font-size: 11px;
}

#struct3 .sticky2 .head {
	width: 185px;
	height: 22px;
	color: white;
	text-align: center;
	font-size: 13px;
	text-decoration: none;
	display: block;
	margin-top: 60px;
	padding-top: 8px;
	background-image: url(../siteimages/relbar.gif);
	background-position: center;
	padding-right: 20px;
	padding-left: 20px;
	margin-left: 15px;
}

#struct3 .sticky2 a {
	width: 170px;
	color: white;
	text-align: left;
	text-align: left;
	font-size: 11px;
	text-decoration: none;
	display: block;
	padding-top: 5px;
	padding-right: 20px;
	padding-left: 30px;
	padding-bottom: 5px;
	background-image: url(../siteimages/relitem.gif);
	background-repeat: repeat;
	margin-left: 20px;
}


#struct3 .sticky2 a:after
{
	content:url(../siteimages/res_arrow.gif);
	display: inline;
	vertical-align: middle;
	margin-left: 4px;
	padding-top: 2px;

}

#struct3 .sticky2 a:hover {
	color: #999;
}

#struct3 .sticky2 .sub {
	margin-left: 10px;
}


/* Classes for coloring the text for each major section of the website */

.folklife{
	color: #999966;
}

.trad{
	color: #996666;
}

.voices{
	color: #999966;
}

.deltasection {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.938em;
	font-weight: normal;
	color: #009999;file:///Users/naliniraghavan/Desktop/LouisianaFolklife/siteimages/testhead.jpg
	margin-top: 10px;
	margin-bottom: 10px;
	font-style: italic;
}

/*this is applied to div tag that contains the deltalogo class below so that it's absolute positioning is relative to this div versus the browser window*/
.relative {
	position: relative;
}

/*styles the delta logo*/
.deltalogo {
	height: 100px;
	position: absolute;
	left: 224px;
	top: 0px;
	z-index: 5;
}


/*styles the title of a colletion of articles, such as Guide to the State or Folklife in the Florida Parishes*/
.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #253540;
	text-decoration: none;
}

.title a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #253540;
	text-decoration: none;
}
.title a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #253540;
	text-decoration: none;
}

.title a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #253540;
	text-decoration: underline;
}

.title a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #253540;
	text-decoration: none;
}

.page {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 10px;
	color: #404040;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #404040;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	font-weight: bold;
	color: #404040;
	margin-top: 20px;
	margin-bottom: 7px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;
	font-weight: bold;
	color: #404040;
	margin-top: 15px;
	margin-bottom: 8px;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .65em;
	color: #404040;
	margin-top: 0px;
	margin-bottom: 10px;
}

.italic{
	font-style: italic;
	color: #404040;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .750em;
	margin-top: 0px;
}

p {
	color: #404040;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;
	margin-top: 0px;
	margin-bottom: 10px;
}

a:link {
	text-decoration: underline;
	color: #404040;
}

a:hover {
	text-decoration: none;
	color: #404040;

}

a:visited {
	color: #5A8D3F;
	text-decoration: underline;
}

a:active {
	color: #5A8D3F;
	text-decoration: underline;
}

/*All blockquotes need to contain <p> tags or the text won't display correctly.*/

blockquote p {
	color: #404040;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	margin-top: 5px;
	margin-bottom: 0px;
}

.quoteright p {
	color: #404040;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	margin-top: 5px;
	margin-bottom: 0px;
	text-align:right;
	margin-right: 2em;
	margin-left: 2em;
	font-style: italic;
}



ul {
	color: #404040;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	margin-bottom: 5px;
	list-style-position: inside;
	overflow: auto;
}

ol {
	color: #404040;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;
	list-style-position: inside;
	overflow: auto;
}


li {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;


}

sup {
	color: #404040;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .65em;
	margin-top: 0px;
	margin-bottom: 10px;
}

/*These next two styles are applied to the NOTES, SOURCES, and/or BIBLIOGRAPHY sections of an article. "indent" is for unnumbered items or items 1-9, and "indent2" is for numbered items in the double or triple digits.*/

.hanging-indent {
text-indent: -14px;
padding-left: 25px;
}

.hanging-indent2 {
	text-indent: -20px;
	padding-left: 25px;
}



/* Non Accordion Tables of Content or Indices */

#contents {
	font-family: Arial, Helvetica, sans-serif;
	color: #404040;
	font-size: 12px;
	width: 407px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
}

#contents .header {
	color: #404040;
	background-color: #cdd3d2;
	font-weight: bold;
	letter-spacing: 1px;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 15px;
	width: 145px;
	margin-bottom: 5px;
}

#contents .item {
	margin-left: 3px;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 20px;
}

#contents .subitem {
	padding: 3px;
	margin-left: 40px;
}

#contents a {
	font-weight: lighter;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: 404040;
}
	
#contents a:hover {
	text-decoration: underline;
}

/* author bio info typically presented at the end of article */

.authorbio {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	margin-top: 30px;
	padding-top: 5px;
	font-style: italic;
	width: 455px;
	padding-left: 10px;
	padding-right: 10px;
}

.authorbio em {
	font-style: normal;
	
}

/* Two column presentation of english and french */

.twocolumns {
	width: 475px;
	margin-top: 5px;
	margin-bottom: 13px;
	float: left;
	background-image: url(../siteimages/languagecolback.jpg);
	background-repeat: repeat-y;
}

.language {
	width: 210px;
	margin-right: 5px;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	margin-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Previou/Next navigation area at bottom of article*/

#pageturn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #324242;
	width: 455px;
	padding-top: 4px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 14px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #404040;
}	

#pageturn .previous {
	width: 33%;
	margin-left: 0px;
	float: left;
}

#pageturn .beginning {
	text-align: center;
	width: 33%;
	margin-right: auto;
	margin-left: auto;
}

#pageturn .next {
	text-align: right;
	width: 30%;
	float: right;
	margin-top: -14px;
}

.top {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #324242;
	width: 475px;
	margin-top: 10px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #404040;
	padding-top: 4px;
	text-align: center;
}

.top a {
	text-decoration: none;
}

.top hover {
	text-decoration: underline;
}

#pageturn a {
	font-size: 10px;
	font-weight: lighter;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #253540;
}
	
#pageturn a:hover {
	text-decoration: underline;
	z-index: 5;
}

#toppage a {
	font-size: 10px;
	font-weight: lighter;
	font-family: Arial, Helvetica, sans-serif;
	color: #324242;
	text-decoration: none;
}
	
#toppage a:hover {
	text-decoration: underline;
}
 
 /*Footer styles*/

#footer {
	height: 70px;
	padding-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
	padding-bottom: 30px;
	padding-left: 63px;
	padding-right: 230px;
	clear: both;
	background-image: url(../siteimages/footerBack.png);
	margin-top: 25px;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #132126;
}


 #footer p {
	font-size: 0.65em;
	text-decoration: none;
	line-height: 1em;
	color: 404040;
	 }
 
 #footer a:link {
	color: #404040;
	text-decoration: none;
	font-weight: normal;
	text-decoration: none;
 }
 
  #footer a:hover {
	text-decoration: underline;
 }

  #footer a:visited {
	color: #404040;
	text-decoration: none;
 }
 
 
 
 
 /*The Title of a Slide Show Player*/
.sstitle {
	font-size: .95em;
	color: #404040;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 0px;
	padding-bottom: 25px;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	width: 475px;
}


.audio {
	float: left;
	margin-right: 12px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-right: 10px;
	margin-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	width: 220px;
	padding-bottom: 10px;
}

.audiocap {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 11px;
	letter-spacing: 0.04em;
	color: #404040;
	padding-top: 5px;
}

.video {
	margin-right: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	width: 475px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	padding-top: 20px;
}

.videocap {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 11px;
	letter-spacing: 0.04em;
	color: #404040;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	width: 420px;
	margin-right: auto;
	margin-left: auto;
}


/*Styles that specifically appear on "bio" pages such as those that ocurr in the Delta Book*/

#bio {
	margin-top: 10px;
	width: 100%;
	height: auto;
	margin-bottom: 25px;
	margin-right: 0 px;
	margin-left: 0px;
	overflow: auto;
}

#bio .info{
	width: 140px;
	float: left;
	padding-right: 5px;
}

#bio .name {
	font-size: 0.875em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 15px;
}

#bio .place {
	font-size: .750em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-top: -5px;
}

#bio .caption {
	font-size: .750em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: italic;
	margin-top: 0px;
}

#bio .map {
	float: left;
	width: 120px;
}

/*This styles the NON 250 px lightbox thumbs; these can be lightbox or NOT lightbox*/

.pic {
	float: left;
	margin-right: 12px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-right: 10px;
	margin-bottom: 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	display: table;
	width: 4%;
}

.piccell {
	height: auto;
	overflow: hidden;
	border: 1px solid #cccccc;
}

.piccaptioncont {
	margin-top: -2px;
}

.piccaption {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 10px;
	letter-spacing: 0.04em;
	color: #404040;
	padding-top: 4px;
	padding-bottom: 5px;
	padding-right: 5px;
	line-height: 13px;
}

.piccaption em {
	font-style: normal;
	
}
#footer .logo {
	padding-right: 40px;
	float: left;
	margin-top: auto;
	margin-bottom: auto;
}
#abstract {
	float: right;
	margin-bottom: 10px;
	width: 475px;
	clear: right;
}
#abstract img {
	margin-right: 1px;
	margin-left: 2px;
	float: right;
}



@media print {
.flinla{ 
	position:absolute;
	right:0;
}
 #sidebara, #sidebarb, #struct1 .stickytrad, #struct1 .stickyfolk, #struct1 .stickytrad a, #struct1 .stickyfolk a, #struct1 a:hover, #struct3 .sticky, #struct3 .sticky .head, #struct3 .sticky a, #struct3 .sticky a:hover, #struct3 .sticky .sub, #struct3 .sticky2,#struct3 .sticky2 .head,#struct3 .sticky2 a,#struct3 .sticky2 a:after,#struct3 .sticky2 a:hover, #struct3 .sticky2 .sub, #head .cola .nav, #head .cola .LFP, #head .cola .LFP:hover, #head .cola .LT, #head .cola .LT:hover, #head .cola .LV, #head .cola .LV:hover, #head .colb, #abstract, #abstract img, #pageturn, #pageturn .previous, #pageturn .beginning, #pageturn .next, .top, .top a, .top hover, #pageturn a, #pageturn a:hover, .video, .audio, .sstitle, #toppage, #acc, #acc3, #acc2, #options1, #options2, #options3, #section, .relative, .footnotes

{
	display:none;
	background-color: none;	
	background-image:none;

}

 body, #topback, #container, #content {
	color: 404040;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	width: 99%; margin: 0; float: none;
	background-color: #FFF;
	background-image:none;

}


#head .cola {
	width: 100%;
	float: left;
	height: 146px;
	background-image:none;

}

#head .cola .logo {
	width: 220px;
	float: left;
	height: 146px;
}

#head .cola .flinla {
	margin-top: 70px;
	margin-left: 10px;
	height: 50px;
	width: 355px;
	float: left;
}

#head .cola .sectionliving {
		background-image: none;

}

#head .cola .sectionfolklife {
	background-image: none;
}

/*Footer styles*/


#footer {
	height: 70px;
	padding-top: 50px;
	width: 100%;
	background-image:none;
	margin-left: -60px;

}

#footer .logo {
	padding-right: 10px;
	margin-top: -5px;
}

/* Two column presentation of english and french */

.twocolumns {
	width: 475px;
	margin-top: 5px;
	margin-bottom: 13px;
	height: auto;
	margin-right: 20px;
	clear:right;
	float: left;
}

.language {
	width: 210px;
	margin-right: 5px;
	float: left;
	margin-left: 0px;
	padding: 10px;
}

/*This styles the small row thumbs*/
.lightboxpicrowcont {
	width: 475px;
	height: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	margin-bottom: 60px;
	padding-right: 20 px;
	text-align: center;
	padding-top: 19px;
	padding-bottom: 15px;
	clear:both;
}

/*This styles the large, single, centered lightbox pic, should be no larger than 475 px*/

.lightboxlg {
	margin-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	margin-top: 8px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	text-align: center;
	padding-top: 19px;
	padding-bottom: 14px;
	clear: right;

}

h2, h3 {
   page-break-after: avoid;
}


ul, img {
   page-break-inside: avoid;
}


@page {
	
size: 8.5in 11in; 
margin: 3cm }  

}