/* HTML  elements */
/* color & font base */
body {
	background: #232323;
	color: black;
	margin: 0;
	padding: 20px 0;
	line-height: 1.1em;
}
body, div, p, li, a, th, td, caption, dt, dd, form {
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6  {
	color: #232323;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}
/* font sizes */
p, li, td, dt, dd, label { font-size: 10pt; }
h1 { font-size: 14pt; }
h2 { font-size: 12pt;}
h3 { font-size: 10pt; }
h4 { font-size: 10pt; }
h5, h6 { font-size: 9pt; }

/* link colors */
a:link, a:visited { 
	color: #232323;
	font-weight: bold;
	text-decoration: underline;
}
a:hover, a:focus {
	color: #646464;
	text-decoration: underline;
}

/* basic styles */
em { font-style: italic; }
strong {font-weight: bold; }
acronym { text-decoration: none; border: none;}
img, abbr { border: none; }


	/* tables */
table {
	border: none;
}
caption {
	font-size: 12pt;
	font-weight: bold;
	text-transform: uppercase;
}
th { 
	font-size: 10pt;
	font-weight: bold;
}
td { 
	margin: 0;
	padding: 5px;
	vertical-align: top;
}

/* forms */


  /* lists */
ul, ol {
	margin: 10px 0 0 0;
	padding-left: 10px;
}
li { 
	list-style: none;
}
	

/* main sections */
	/* all sections */
#header, #main, #footer {
	width: 780px;
	margin: 0 auto;
}
	/* all navs */
#headNavHome li, #headNav li, #festNav li, #orgNav li {
	font-size: 8.5pt;
	font-weight: 800;
}
#headNavHome li a, #headNav li a, #orgNav li a{
	padding: 5px 10px;
	text-decoration: none;
}
	/* header */
#header { 
	white-space: nowrap;
	background-color: #F5EAD9;
	margin-right: auto;
	margin-left: auto;
}
#header h1 {
	z-index: 10;
	background-color: transparent;
}
#header h2 {
	z-index: 9;
	text-align: right;
	background-color: #888888;
}
#header h1, #header h2 {
	position: absolute;
	width: 760px;
	color:  white;
	padding: 5px 10px;
	margin: 0;
	white-space: nowrap;
}


#header a:hover, #header a:visited, #header a:active, #header a:link {
	color:  #232323;
	text-decoration: none;
	white-space: nowrap;
}

#headNav, #headNavHome {
	position: absolute;
	text-align: right;
	width: 770px;
}
#headNav {
	top: 138px;
	background-color: #F5EAD9;
}
#headNavHome {
	top: 360px;
}
#headNavHome li, #headNav li {
 	font-size: 9pt;
	text-transform: uppercase;
	display: inline;
}

	/* search */
#search {
	text-align: right;
	float: right;
	display: none;
}
#search form { 
	margin: 0;
	padding: 0;
}
#search label {
	visibility: hidden;
}
#search input[type="text"] {
	width: 10em;
}
	
	
	/* main area */
#main {
/*	clear: both; */
	background: url("../images/mainBG.gif") repeat-y;
}	
/* organization navigation */
#orgNav {
	background-color: #888888;
	text-align: center;
	margin: 0 auto;
}
#orgNav ul {
	background: #888888;
	list-style: none;
	margin: 0;
	padding: 5px;
	white-space: nowrap;
} 
#orgNav li {
	text-transform: uppercase;
	display: inline;
	margin: 0;
	padding: 0;
}

#orgNav li a:link,  #orgNav li a:visited {
	color:  white;
}
#orgNav li a:hover, #orgNav li a:focus {
	background: white;
	color: #888888;
}	

#content {
/*	clear: both; */
	float: right;
	width: 580px;
	background-color: #F5EAD9;
	padding: 10px;
	
}


	/* festival navigation */
#festNav {
	position: relative;
	/*float: left;;*/
	width: 175px;
	white-space: normal;
}
#festNav h2 {
	/* white-space: nowrap; */
}
#festNav a {
	text-decoration: none;
}

#festNav .label  a {
	display: block;
	padding: 0 4px;
	margin: 0;
}
#festNav ul {
	list-style: none;
	margin:  0;
	padding: 0;
}
#festNav li {
	text-transform: uppercase;
	font-size: 9pt;
	margin: 0;
	padding: 0;
}
#festNav li a {
	display: block;
	padding: 4px;
	width: 100%;
}

#festNav a:link, #festNav a:visited {
	color:  white;
}	
#festNav a:hover, #festNav a:focus {
	background: white;
	color: #232323;
	text-decoration: none;
}

#footer {
	position: relative;
	clear: both;
	border-top: 3px double #232323;
	background-color: #888888;
	color: white;
	text-align: right;
	padding-bottom: 4px;
}
#footer p {
	margin: 8px;
}

#intro {
	margin-right: 20px; 
	width: 60%;
}


	/*  repeating items */
.pagehead {
	margin-top: 0;
}
.label {
	margin: 0;
}
.date {
	margin: 0;
}
.related {
	font-size: 1.2em;
}

.imageleft	{
	margin: 5px 15px 15px 5px;
	float: left;
}

.fierce {
	text-transform: uppercase;
	font-weight: bold;
}

.col1, .col2 { 
	float: left;
	width: 44%;
	margin-right: 4%;
}