/* 
* New Center for Arts and Culture - main stylesheet
* - Paul Solomon, www.insitewebsite.com
* 
* Stylesheet sections to be found below:
* 
* - layout
*   - layout element contents (when site-wide)
* - HTML elements
* - typography (site-wide typography and element-layout classes)
* - section styles
*   - page styles (for specific pages)
* - menu styles
*
* Pallete:
* Sage		#6E8778
* Light green/yellow		#D1D923
* Blue		#00A8CB
* Light sage	#9DC9BA
* Brown		#534741
* Orange		#EEB211
* Burgundy	#7D0049
* Beige		#EDEBD7
*
* Section Colors:
* About us				#7D0049
* Program & Events	#EEB211
* Media					#D1D923
* News					#6E8778
* Ticketing				#9DC9BA
* Support				#00A8CB
*/


/* LAYOUT ------------------------------------------------------------------- */
/* html { height: 100%; } */

body {
	margin: 0;
	padding: 0;
	border: 0px none;
	background: #fff none no-repeat;
	font-family: Arial,Helvetica,"Bitstream Vera Sans",sans-serif;
   font-size: 100%;
	}

#wrapper {
	width: 974px;
	position: relative;
	/* margin: 15px auto; */
	overflow: hidden;	
	margin: 10px auto 15px auto;
	}
	
#header { 
	/* min-height: 114px; */
	background-color: #ffffff;
	/* temp for placeholder: */
	height: 85px; 
	/* min-height: 75px;  */
	overflow: hidden;
	position: relative;
	}
	.section-home #header {
		min-height: 0px; 
		height: 330px; 
		overflow: hidden;
		background-color: #fff;
	/*	background-image: url(../images/home-banner-1.jpg);
		background-repeat: no-repeat;
		background-position: 0px 0px;*/
		}	
	.section-home #header #home-header-text {
		text-indent: -9999px;
		}
	#logo {
		position: absolute;
		left: 15px;
		top: 11px;
		width: 204px;
		height: 57px;
		background: transparent url(../images/ncac-logotagline.gif) no-repeat 0px 0px;
		text-indent: -9999px;
		}
	#logo-link {
		display: block;
		width: 204px;
		height: 57px;
		}
	#search {
		position: absolute;
		/* right: 385px;
		top: 50px; */
		right: 226px;/* 190px */
		top: 40px;
		z-index: 2;
		width: 180px;
		}
	#search p {
		padding: 0;
		position: relative;
		height: 24px;
		}
	#search input.text {
		border-width: 3px 1px 1px 3px;
		border-style: solid;
		border-color: silver #8b8b8b #8b8b8b silver;
		height: 17px;
		position: absolute;
		right: 30px;
		top: 0px;
		/* float: left; */
		/* margin-right: 4px; */
		background: #fff url(../images/search-by-keyword.gif) no-repeat 8px 50%;
		}
	#search input.text:focus, #search input.text:active { 
		background-image: none;
		}
	#search input.btn1 {
    	background: transparent url(../images/form-button-orange.gif) no-repeat 0px 0px;
    	border: 0px solid transparent;
    	cursor: pointer;
    	font-size: 4px;
    	line-height: normal !important;
    	padding: 24px 0px 0 0;
    	width: 24px;
    	height: 24px;
    	overflow: hidden;
    	white-space:pre;
    	text-indent: -9999px;
		position: absolute;
		right: 0px;
		top: 0px;
    	}
  #header-donate-button {
    	position: absolute;
		right: 0px;
		top: 20px;
		z-index: 1;
    	}
  #header-donate-button a {
    	display: block;
    	width: 164px;
    	height: 64px;
    	text-indent: -9999px;
    	overflow: hidden;
    	background: transparent url(../images/donate-button-down2.gif) no-repeat 0px 0px;
		z-index: 1;
    	}
	
#top-nav {
	min-height: 35px;
	padding-top: 3px;
	position: relative;
	z-index: 89;
	}

#section-info {
	min-height: /* 232px */0;
	margin: 3px 0 4px 0;
	clear: both;
	position: relative;
	}
	
    .section-about #section-info {	
    	background: #7D0049 url(../images/section-info-bkg-about.gif) no-repeat 100% 50%;	
    	color: #fff; 
    	}
    	
    .section-programs #section-info {
     	color: #fff;
     	background: #EEB211 url(../images/section-info-bkg-programs.gif)  no-repeat 100% 50%;
    	}

    .section-media #section-info {
     	color: #fff;
     	background: #D1D923 url(../images/section-info-bkg-media.gif) no-repeat 100% 50%;
    	}
    	
    .section-news #section-info {
     	color: #fff;
     	background: #6E8778 url(../images/section-info-bkg-news.gif) no-repeat 100% 50%;
    	}

    .section-ticketing #section-info {
     	color: #fff; 	background: #9DC9BA url(../images/section-info-bkg-ticketing.gif) no-repeat 100% 50%;
    	}
    	
    .section-support #section-info {
     	color: #fff;
     	background: #00A8CB url(../images/section-info-bkg-support.gif) no-repeat 100% 50%;
    	}

#section-info-inner {
	min-height: /* 232px */0;
	padding: /* 0 50px 0 32px */8px 50px 14px 32px;
	position: relative;
	}
	
#section-info table {
	height: /* 232px */auto;
	margin: 0;
	}
	
#section-info table td {
	}
	
#section-info table,
#section-info table tr,
#section-info table td {
	vertical-align: middle;
	}

.section-about #section-info h1 { color: #FEC291; }	
.section-programs #section-info h1 { color: #7D0049; }	
.section-media #section-info h1 { color: #7D0049; }
.section-news #section-info h1 { color: #D1D923; }
.section-ticketing #section-info h1 { color: #7D0049; }
.section-support #section-info h1 { color: #ffc323; } /* spec: #EEB211 */	

/* for testing... */
.section-about #wrapper {margin: 10px auto 15px auto;}
.section-about #header {min-height: 75px; height: 85px; overflow: hidden; }

.section-about #section-info, .section-about #section-info-inner {
	min-height: 0px;
	}
.section-about #section-info-inner {
	padding: 8px 50px 14px 32px;
	}
	
.section-about #section-info table {
	height: auto;
	}
	
/* .section-about  */ #section-info p {
	padding: 6px 0px 6px 0px;
	}

#section-info-text  p {
	text-align: left;
	}	
    .section-about #section-info-text  p { color: #fff;	}    	
    .section-programs #section-info-text  p { color: #333; }
    .section-media #section-info-text  p { color: #333; }    	
    .section-news #section-info-text  p { color: #fff; }
    .section-ticketing #section-info-text  p { color: #333; }    	
    .section-support #section-info-text  p { color: #fff; }

#section-nav {
	border-width: 2px 0px;
	border-style: solid;
	border-color: #000;
	}	
    .section-about #section-nav { border-color: #7D0049;	}    	
    .section-programs #section-nav { border-color: #EEB211; }
    .section-media #section-nav { border-color: #D1D923; }    	
    .section-news #section-nav { border-color: #6E8778; }
    .section-ticketing #section-nav { border-color: #9DC9BA; display: none; }    	
    .section-support #section-nav { border-color: #00A8CB; }

#section-nav ul.lowernav {
	padding: 0 0 0 3px; /* move the text slightly off the left edge */
	margin: 0;
	background-color: #fff;
	/* margin: 2px 0;
	background-color: #f3f2e4; */
	}

#section-nav ul.lowernav li {
	display: inline-block;
	text-indent: 0px;
	padding: /* 2px 0 4px 0 */3px 0 5px 0;
	margin-left: 0px;
	}

#section-nav .lowernav a, #section-nav .lowernav a:link, #section-nav .lowernav a:active {
	color: black;
	font-weight: 700;
	font-size: 11px;
	padding: 0;
	}
	#section-nav .lowernav a:visited { color: #5b5b5b; }
	#section-nav a.selected { cursor: default; background-color:#fff; }
	/* make current page link into the appropriate section color */
	.section-about #section-nav a.selected, .section-about #section-nav a.selected:link, 
	.section-about #section-nav a.selected:active, .section-about #section-nav a.selected:visited { color: #7D0049; }
	
	.section-programs #section-nav a.selected, .section-programs #section-nav a.selected:link, 
	.section-programs #section-nav a.selected:active, .section-programs #section-nav a.selected:visited { color: #eeb211; }
	
	.section-media #section-nav a.selected, .section-media #section-nav a.selected:link, 
	.section-media #section-nav a.selected:active, .section-media #section-nav a.selected:visited { color: #d1d923; }
	
	.section-news #section-nav a.selected, .section-news #section-nav a.selected:link, 
	.section-news #section-nav a.selected:active, .section-news #section-nav a.selected:visited { color: #6e8778; }
	
	.section-ticketing #section-nav a.selected, .section-ticketing #section-nav a.selected:link, 
	.section-ticketing #section-nav a.selected:active, .section-ticketing #section-nav a.selected:visited { color: #9dc9ba; }
	
	.section-support #section-nav a.selected, .section-support #section-nav a.selected:link, 
	.section-support #section-nav a.selected:active, .section-support #section-nav a.selected:visited { color: #00a8cb; }


#section-nav .lowernav a:hover {
	text-decoration: none;
	color: #7D0049;
	}
	
#content {
	position: relative;
	}

#content-inner {
	padding: 0;
	position: relative;
	}
	
#page {
	position: relative;
	min-height: 310px;
	background: transparent url(../images/dotted-divider-vertical.gif) repeat-y 244px 25px;
	margin: 20px 0 10px 0;
	}
	.section-home #page { background-image: none; margin: 0; }
	.no-sidebars #page { background-image: none; }
	.section-ticketing #page { margin-top: 0; padding-bottom: 130px; }/* padding-bottom accomodates TIX logo */

#main {
	float: left;
	width: 730px;
   margin-left: 244px; /* The width of #sidebar-left. */
   margin-right: -974px; /* Negative value of #content's width + left margin. */
   padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
   display: inline; /* corrects IE6 double-margin bug */
	position: relative;
	}
	
	body.no-sidebars #main {		
		width: 974px;
   	margin-left: 6px; 
   	margin-right: 6px; 
		}
	
	body.sidebar-left #main {		
		width: 760px;
   	margin-left: 194px; 
   	/* margin-right: 6px;  */
		}
	
	body#page-ticketing #main {		
		width: 974;
   	margin-left: 0px; 
   	margin-right: 0px;
   	float: none;
   	display: block;
		}
	
	body.no-sidebars #main-inner { 
		padding: 0 30px 30px 40px;
		width: auto;
		}
	body.sidebar-left #main-inner { 
		padding: 0 12px 30px 20px;
		width: auto;
		}
		
	body.section-home #main {
		width: 326px;
   	margin-left: 648px; /* The width of #sidebar-left. */
   	margin-right: -974px; /* Negative value of #content's width + left margin. */
		}

#main-inner {
	padding: 0 15px 20px 20px;
	position: relative;
	}
    body.section-home #main-inner {
    	padding: 0 0px 20px 10px;
    	position: relative;
    	}
    body#page-ticketing #main-inner {
    	padding: 0 0px 20px 0px;
    	position: relative;
    	}
    body#videos #main-inner  {
    	padding-left: 35px;
    	}

#sidebar-left {
	float: left;
   width: 244px;
   margin-left: 0;
   margin-right: -244px; /* Negative value of #sidebar-left's width + left margin. */
   padding: 0 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
	position: relative;
	}	
	body.section-home #sidebar-left {
		width: 648px;
   	margin-left: 0;
   	margin-right: -648px; /* Negative value of #sidebar-left's width + left margin. */
		}

#sidebar-left-inner {
	background-color: transparent;
	padding: 0 10px 0 0;
	position: relative;
	}

#floatclear {
	clear: both;
	width: 960px;
	height: 1px;
	margin: 0;
	padding: 0;
	}

#footer {
	/* min-height: 58px; */
	width: 974px;
	position: relative;
	background: #edebd7 none no-repeat 0px 0px;
	margin: 3px 0 0 0;
	padding: 10px 0;
	clear: both;
	color: #000;
	}	
    .section-home #footer { background-color: #534741; color: #fff; }
    .section-about #footer { background-color: #7D0049; color: #fff; }    	
    .section-programs #footer { background-color: #EEB211; }
    .section-media #footer { background-color: #D1D923; }    	
    .section-news #footer { background-color: #6E8778; color: #fff; }
    .section-ticketing #footer { background-color: #9DC9BA; }    	
    .section-support #footer { background-color: #00A8CB; color: #fff; } 

#footertext {
	font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	font-size: 11px;
	margin-left: 15px;
	line-height: 14px;
	letter-spacing: .5px;
	text-align: left;
	line-height: 1.6em;
	}	
	#footertext span.label {
		font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
		font-style: italic;
		}

#footer a,
#footer a:link,
#footer a:active,
#footer a:visited { 	color: #000; text-decoration: none; }
#footer a:hover { color: #000; text-decoration: underline; }

#footer a.reachus, #footer a.reachus:link, #footer a.reachus:active, #footer a.reachus:visited {
	text-decoration: underline !important;
	font-weight: 700;
	}
	#footer a.reachus:hover { text-decoration: none !important; }

/* make footer link anchortext white in sections with dark backgrounds */
.section-home #footer a, .section-home #footer a:link, .section-home #footer a:active, .section-home #footer a:visited,
.section-about #footer a, .section-about #footer a:link, .section-about #footer a:active, .section-about #footer a:visited,
.section-news #footer a, .section-news #footer a:link, .section-news #footer a:active, .section-news #footer a:visited,
.section-support #footer a, .section-support #footer a:link, .section-support #footer a:active, .section-support #footer a:visited 
{ color: #fff; text-decoration: none; }
.section-home #footer a:hover, .section-news #footer a:hover, .section-support #footer a:hover 
{ color: #fff; text-decoration: underline; }

/* END LAYOUT --------------------------------------------------------------- */


/* LAYOUT ELEMENTS ---------------------------------------------------------- */
/* within sidebar-left... */
		
	

/* within HEADER: */
	#header-link-div,
	#header-home-link {
		height: 75px;
		width: 335px;
		}
	#header-link-div {
		position: absolute;
		left: 45px;
		top: 9px;
		}
	#header-link-div a {
		position: absolute;
		left: 0px;
		top: 0px;
		display: block;
		text-indent: -9999px;
		}

/* within FOOTER: */
	#footer p {
		text-align: center;
		color: gray;
		margin: .2ex 0;
		padding: .2ex 0;
		font-size: .9em;
		}
	p#botnav {
		text-align: center;
		color: gray;
		margin: .2ex 0;
		padding: 1em 0 .8em 0;
		font-size: .95em;
		line-height: .8em;
		}
		#botnav a, #botnav a:link, #botnav a:active, #botnav a:visited {
			color: #0b2e7b;
			text-decoration: none;
			padding: 0 .5em .6ex .5em;
			border-right: 1px solid gray;
			}
		#botnav a:hover  {
			color: #d37700/* #009eaf */;
			text-decoration: underline;
			}
		#botnav a.last-link {
			border-right: 0px solid gray;
			}
		#footeraddress a, #footeraddress a:link, #footeraddress a:active, #footeraddress a:visited {
			color: #0b2e7b;
			text-decoration: none;
			}
		#footeraddress a:hover  {
			color: #d37700/* #009eaf */;
			text-decoration: underline;
			}

/* END LAYOUT ELEMENTS ------------------------------------------------------ */


/* HTML ELEMENTS ------------------------------------------------------------ */
img {
	border: 0 none;
	}
	
/** headings **/
h1, h2, h3, h4, h5, h6 { color: #cccccc; }

.section-about h1, 
.section-about h2, 
.section-about h3, 
.section-about h4, 
.section-about h5, 
.section-about h6 { color: #7D0049; }

.section-programs h1, 
.section-programs h2, 
.section-programs h3, 
.section-programs h4, 
.section-programs h5, 
.section-programs h6 { color: #EEB211; }

.section-media h1, 
.section-media h2, 
.section-media h3, 
.section-media h4, 
.section-media h5, 
.section-media h6 { color: #D1D923; }

.section-news h1, 
.section-news h2, 
.section-news h3, 
.section-news h4, 
.section-news h5, 
.section-news h6 { color: #6E8778; }

.section-ticketing h1, 
.section-ticketing h2, 
.section-ticketing h3, 
.section-ticketing h4, 
.section-ticketing h5, 
.section-ticketing h6 { color: #9DC9BA; }

.section-support h1, 
.section-support h2, 
.section-support h3, 
.section-support h4, 
.section-support h5, 
.section-support h6 { color: #00A8CB; }

h1 {
    font-size: 1.8em;
    font-weight: 700;
    line-height: 1.4em;
    margin-top: 0.5em; /* 0.5em is equavalent to 1em in the page's base font.
                             Remember, a margin specified in ems is relative to
                             the element's font-size, not to the pages' base
                             font size. So, for example, if we want a 1em margin
                             (relative to the base font), we have to divide that
                             length by the element's font-size:
                             1em / 2em = 0.5em */
    margin-bottom: 0.22em; 
  }

#section-info h1 {  
	font-size: 1.2em;
	margin-bottom: -.2em;
	}
	
.section-about #section-info h1 { 
	color: #EEB211; 
	margin-bottom: -.2em;
	}

h2 {
    font-size: 1.7em;
    line-height: 1.5em;
    margin-top: 0.3em; /* 0.667em Equivalent to 1em in the page's base font: 1 / 1.5 = 0.667em */
    margin-bottom: 0.14em;
    font-weight: 400;
  }

h3 {
    font-size: 1.1em;
    line-height: 1.3em;
    margin-top: 0.4em; /* 0.769em Equivalent to 1em in the page's base font: 1 / 1.3 = 0.769 */
    margin-bottom: 0.22em;
    font-weight: 700;
  }

h4, h5, h6 {
    font-size: 1em;
    line-height: 1.3em;
    margin-top: 0.4em; /* Equivalent to 1em in the page's base font: 1 / 1.1 = 0.909 */
    margin-bottom: 0.22em;
  }

/** block-level elements **/
p, ul, ol, dl, pre, table, fieldset, blockquote {
    margin: 1em 0;
  }

p {
	margin: 0;
	padding: 1ex 0;
	}
	
/** lists **/
  /* standardize list item indentation */
ol {
    margin-left: 0;
    padding-left: 2em;
    list-style-position: inside;
    position: relative; /* fixes IE disappearing list background bug */
	}
ul {
    margin-left: 0;
    padding-left: 0;
    list-style-position: outside;
    list-style-type: none;
    position: relative; /* fixes IE disappearing list background bug */
	}

ul ul, ul ol, ol ol, ol ul {
    margin: 0;
	}

ol li { 
	margin: 0 0 0 1em;
	padding: 0 0 1ex 0;
	text-indent: -2.5em;
	}

ul li { 	
	background: transparent none no-repeat 0px 0px;
	padding: 0 0 .7ex 0px; 
	margin: 0 0 0 1em;  	
	text-indent: -1em;
	}
/* ul          { list-style-type: disc; } */
ul ul       { list-style-type: none; padding-top: .5em; }
ul ul ul    { list-style-type: none; }
ul ul ul ul { list-style-type: none; }
ul ul li		{ padding-bottom: 0; }
ol          { list-style-type: decimal; }
ol ol       { list-style-type: lower-alpha; }
ol ol ol    { list-style-type: decimal; }

dl {	
    position: relative; /* fixes IE disappearing list background bug */
	}

dt {
    margin: 0;
    padding: .3em 0 0.4em 0;
    display: block;
  }

dd {
    margin: 0 0 0 2em;
    padding: 0 0 .8em 0;
    display: block;
  }


pre, code {
    font-size: 1.1em; /* Monospace fonts can be hard to read */
    font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
  }
  
/* links: */

  a:link { color: #1446a7; text-decoration: none; }

  a:visited { color: #7b526b/* #837bb1 */; text-decoration: none; }

  a:hover, a:focus { color: #009eaf; text-decoration: underline; }

  a:active { color: #83c628; text-decoration: none; }

  #main a:link { color: #398366 /* #398356 */ /* #00A8CB */; text-decoration: underline; }

  #main a:visited { color: #398366 /* #398356 */ /* #00A8CB */; text-decoration: underline; }

  #main a:hover, a:focus { color: #00A8CB; text-decoration: none; }

  #main a:active { color: #398366 /* #398356 */ /* #00A8CB */; text-decoration: underline; }
  
  /* links within <h> tags */
  #main h1 a, #main h1 a:link, #main h1 a:visited, #main h1 a:active,
  #main h2 a, #main h2 a:link, #main h2 a:visited, #main h2 a:active,
  #main h3 a, #main h3 a:link, #main h3 a:visited, #main h3 a:active,
  #main h4 a, #main h4 a:link, #main h4 a:visited, #main h4 a:active,
  #main h5 a, #main h5 a:link, #main h5 a:visited, #main h5 a:active,
  #main h6 a, #main h6 a:link, #main h6 a:visited, #main h6 a:active {
	text-decoration: none;
	} 
  

	/* all elements with class 'underline' */
.underline {
	text-decoration: underline;
	}
  
a.underline, a.underline:link, a.underline:visited, a.underline:active {
	text-decoration: underline;
	}

a.external {
	padding: 0 16px 0 0;
	background: transparent url(../designel/new-window-11x10.gif) no-repeat 100% 3px;
	white-space: nowrap;
	}

a.pdf {
	padding: 0 26px 0 0;
	background: transparent url(../designel/new-window-pdf-21x11.gif) no-repeat 100% 3px;
	white-space: nowrap;
	}
	
a.read-more, a.read-more:link, a.read-more:visited {
	text-decoration: underline;
	padding-right: 14px;
	background: transparent url(../bg/caret-down.gif) no-repeat right 60%;
	color: #1446a7;
	}
a.read-more:active, a.read-more:hover {
	color: green;
	cursor: help;
	}
a.read-less, a.read-less:link, a.read-less:visited {
	text-decoration: underline;
	padding-right: 14px;
	background: transparent url(../bg/caret-up.gif) no-repeat right 60%;
	color: #1446a7;
	}
a.read-less:active, a.read-less:hover {
	color: green;
	cursor: pointer;
	}
/* END HTML ELEMENTS -------------------------------------------------------- */


/* TYPOGRAPHY --------------------------------------------------------------- */
#section-info {
/*
     * To use a 12px font size on the page, delete the 14px declarations.
     * to use a 14px font size on the page, delete the 12px declarations.
     */

    /* Use a 12px base font size with a 16px line height */
    /* font-size: 0.75em; */ /* 16px x .75 = 12px */
    /* line-height: 1.333em; */ /* 12px x 1.333 = 16px */

    /* Use a 14px base font size with a 18px line height */
    font-size: 0.875em; /* 16px x .875 = 14px */
    line-height: 1.286em; /* 14px x 1.286 = 18px */
    
    color: #fff;
	}

#page {
/*
     * To use a 12px font size on the page, delete the 14px declarations.
     * to use a 14px font size on the page, delete the 12px declarations.
     */

    /* Use a 12px base font size with a 16px line height */
    /*font-size: 0.75em; /* 16px x .75 = 12px */
    /*line-height: 1.333em; /* 12px x 1.333 = 16px */

    /* Use a 14px base font size with a 18px line height */
    font-size: 0.875em; */ /* 16px x .875 = 14px */
    line-height: 1.333em; */ /* 14px x 1.286 = 18px */
    
    color: #333;
	}

p {
	text-align: left; /* for this site, default alignment is 'left' */
	}
	
  #sidebar-left p {
    	text-align: left; 
    	}

/* styling classes: */
/* see also: userstyles.css */

.noInd { text-indent: 0; }
.hangInd { text-indent: -1.5em; margin-left: 1.5em; }
.indent { text-indent: 1.5em; }
.ltJust { text-align: left; }
.rtJust { text-align: right; text-indent: 0; }
.ctJust { text-align: center; text-indent: 0; }
.just { text-align: justify; }
.bold-centered {
	text-align: center; 
	font-weight: 700;
	color: #7D0049;
	font-family: arial, sans-serif;
	margin: 0 20px;
	}
.no-top-bottom {padding-top: 0; padding-bottom: 0; }

	
.underline {
	text-decoration: underline;
	}
/* dropshadow effect - see:
		http://www.alistapart.com/articles/cssdropshadows/ */
 
.floatR {
	float: right;
	/* padding: 0 0 0 .7em; */
	margin: 20px -10px 0 22px !important;
	margin: 20px -5px 0 18px;
	position: relative;
	}
.floatL {
	float: left;
	/* padding: 0 .7em 0 0; */
	margin: 20px 6px 0 10px !important;
	margin: 20px 0 0 5px;
	position: relative;
	}
.float-clear {
	clear: both;
	}
.out {
  background: url(../bg/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../bg/shadow.gif) no-repeat bottom right;
  }
  
.in {
	float:left;
	display: block;
	position: relative;
	}
.quoteR { 
	left:-9px; top: -9px; color: #0b2e7b; line-height: 1.4em; background-color: #fff;
	border:1px solid silver; font-size: 1.15em; font-family: arial, sans-serif; }
.quoteL { left:15px; color: navy; line-height: 1.4em; border:1px solid silver; }
	

/* END TYPOGRAPHY ----------------------------------------------------------- */


/* SECTION-STYLES (including page styles) ----------------------------------- */

/* SECTIONS ------------------------ */
/* homepage ------------------------ */
table#spotlights {
    border-collapse: collapse;
    border-spacing: 0px;
    background-color: #fff;
    margin: 0;
    position: relative;
    border: 0px solid #fff;
    table-layout: fixed;
    width: 645px;
	}
#spotlights thead { height: 2px; }
#spotlights th.left { width: 319px; }
#spotlights th.right { width: 319px; }
table#spotlights tr { /* text-align: left; */ }
table#spotlights td {
    background-color: #ccc;
    height: 155px;
    /* width: 319px; */
    border-color: #fff;
    border-style: solid;
    border-width: 0px;
    /* vertical-align: middle; */
	}
    table#spotlights td.top-left {
        border-width: 0 3px 3px 0;
        background-color: #EEB211;
        text-align: center;
    	}
    table#spotlights td.bottom-left {
        border-width: 0 3px 0 0;
        background-color: #ECEAD6;
    	}
    table#spotlights td.top-right {
        border-width: 0 0 3px 0;
        background-color: #6E8778;
    	}
    table#spotlights td.bottom-right {
        border-width: 0 0 0 0;
        background-color: #9DC9BA;
        background-image: url(../images/spotlight-star-large.gif);
        background-position: 100px 33%;
        background-repeat: no-repeat;
    	}
   /* spotlight typography */
   #spotlights td h1, #spotlights td h2 {
   	font-weight: 700;
   	font-size: 1.6em;
   	color: #7D0049;
   	width: auto;
   	margin: 12px 22px 0 22px;
	}
    #spotlights td p {
    	color: #333333;
   	width: auto;
   	margin: 0 22px 12px 22px;
   	line-height: 1.4em;
    	}
    #spotlights td.top-right p {
    	color: #fff;
    	}
    #spotlights td a, #spotlights td a:link, #spotlights td a:active, #spotlights td a:visited {
   	color: #7D0049;
		font-size: 0.95em;
		font-weight: 700;
		text-decoration: none;
		text-transform: uppercase;
    	}
    #spotlights td a:hover {
		text-decoration: underline;
    	}
	/* home right-sidebaar region */
	#home-donate-button {
		margin: 10px 20px 0 auto;
		overflow: hidden;
		width: 164px;
		height: 64px;
		}
	#home-donate-button a,
	#home-donate-button a:link,
	#home-donate-button a:active,
	#home-donate-button a:visited,
	#home-donate-button a:hover {
		display: block;
		overflow: hidden;
		width: 164px;
		height: 64px;
		background: #fff url(../images/donate-button-up2.gif) no-repeat 0px 0px;
		text-indent: -9999px;
		}
	.form-div input.text {
		border-width: 3px 1px 1px 3px;
		border-style: solid;
		border-color: silver #8b8b8b #8b8b8b silver;
		height: 17px;
		margin-right: 2px;
		}
	#home-search input.text {
		background: #fff url(../images/search-by-keyword.gif) no-repeat 8px 50%;
		}
	#home-signup input.text {
		background: #fff url(../images/your-email.gif) no-repeat 8px 50%;
		}
	#home-search input.text:focus, #home-search input.text:active,
	#home-signup input.text:focus, #home-signup input.text:active { 
		background-image: none;
		}
	#home-search input.btn1 {
    	background: transparent url(../images/form-button-orange.gif) no-repeat 0px 0px;
    	border: 0px solid transparent;
    	cursor: pointer;
    	font-size: 4px;
    	line-height: normal !important;
    	padding: 24px 0px 0 0;
    	width: 24px;
    	height: 24px;
    	overflow: hidden;
    	white-space: pre;
    	text-indent: -9999px;
		position: relative;
		top: 12px;
    	}
	#home-signup input.btn2 {
    	background: transparent url(../images/form-button-blue.gif) no-repeat 0px 0px;
    	border: 0px solid transparent;
    	cursor: pointer;
    	font-size: 4px;
    	line-height: normal !important;
    	padding: 24px 0px 0 0;
    	width: 24px;
    	height: 24px;
    	overflow: hidden;
    	white-space: pre;
    	text-indent: -9999px;
		position: relative;
		top: 12px;
    	}
	#home-signup p {
    	padding-bottom: 0;
    	}
	#home-signup input {
    	margin-top: -6px;
    	}
   div#joinus {
   	margin-top: 10px;
   	}
	p.icons {
		border-top: 4px solid #534741;
		padding-top: 8px;
		}
	p.icons a.icon {
		display: block;
		height: 60px;
		float: left;
		border-left: 2px solid #534741;
		text-indent: -9999px;
		}
	p.icons a.first-icon {
		border-left: 0px solid #534741 !important;
		}
	a.facebook {
		background: #fff url(../images/facebook-icon.gif) no-repeat 0px 0px;
		width: 58px;
		}
	a.twitter {
		background: #fff url(../images/twitter-icon.gif) no-repeat 0px 0px;
		width: 82px;
		}
	a.youtube {
		background: #fff url(../images/youtube-icon.gif) no-repeat 0px 0px;
		width: 47px;
		}
	a.flickr {
		background: #fff url(../images/flickr-icon.gif) no-repeat 0px 0px;
		width: 64px;
		}
	a.rss {
		background: #fff url(../images/rss-icon.gif) no-repeat 0px 0px;
		width: 52px;
		}

/* ABOUT SECTION */
.section-about #sidebar-left-inner p {
	border-top: 1px dashed #ccc;
	padding: 7px 0 7px 15px;
	}	
    .section-about #sidebar-left-inner p.first {
    	border-top: 0px dashed #ccc;
	padding-top: 0 0 7px 0px;
    	}
   		
/* PROGRAMS SECTION ------------------------------- */
/*  */
.section-programs #sidebar-left-inner  {
	margin-top: -10px;
	}

.section-programs #sidebar-left-inner div {
	border-top: 1px dashed #ccc;
	padding-top: 6px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-size: 0.9em;
	}	
.section-programs #sidebar-left-inner div.first {
    	border-top: 0px dashed #ccc;
		padding-top: 0px;
    	}
    	
.section-programs #sidebar-left-inner p {
	padding: 0 0 .4em 0;
	margin-left: 5px;
	}	
.section-programs #sidebar-left-inner h4 {
	font-size: 1.25em;
	line-height: 1.2em;
	margin-left: 0;
	position: relative;
	left: -10px;
	padding: 4px 0;
	}  	
.section-programs #sidebar-left-inner p a,    	
.section-programs #sidebar-left-inner p a:link,    	
.section-programs #sidebar-left-inner p a:active,    	
.section-programs #sidebar-left-inner p a:visited,    	
.section-programs #sidebar-left-inner p a:hover {
	font-weight: 700;
	display: block;
	}
    .section-programs #sidebar-left-inner h4 a,    	
    .section-programs #sidebar-left-inner h4 a:link,    	
    .section-programs #sidebar-left-inner h4 a:active,    	
    .section-programs #sidebar-left-inner h4 a:visited,    	
    .section-programs #sidebar-left-inner h4 a:hover {
	font-weight: 700;
	display: block;
	color: #EEB211;
	}	  	
    .section-programs #sidebar-left-inner h4 a.selected,    	
    .section-programs #sidebar-left-inner h4 a.selected:link,    	
    .section-programs #sidebar-left-inner h4 a.selected:active,    	
    .section-programs #sidebar-left-inner h4 a.selected:visited,    	
    .section-programs #sidebar-left-inner h4 a.selected:hover {
	font-weight: 700;
	display: block;
	color: #EEB211;
	}	  	
	.section-programs #sidebar-left-inner p a:hover {
		color: #EEB211;
		}	    	
    .section-programs #sidebar-left-inner p a.selected,    	
    .section-programs #sidebar-left-inner p a.selected:link,    	
    .section-programs #sidebar-left-inner p a.selected:active,    	
    .section-programs #sidebar-left-inner p a.selected:visited,    	
    .section-programs #sidebar-left-inner p a.selected:hover {
    	color: #EEB211;
    	background: #fff url(../images/right-double-carat.gif) no-repeat 98% 50%;
    	padding-right: 18px;
    	}
    /* also set the same property for sidebar header */   	
    .section-programs #sidebar-left-inner h4 a.selected,    	
    .section-programs #sidebar-left-inner h4 a.selected:link,    	
    .section-programs #sidebar-left-inner h4 a.selected:active,    	
    .section-programs #sidebar-left-inner h4 a.selected:visited,    	
    .section-programs #sidebar-left-inner h4 a.selected:hover {
    	color: #EEB211;
    	background: #fff url(../images/right-double-carat.gif) no-repeat 0% 50%;
    	padding-left: 16px;
    	margin-left: -7px;
    	}
    	
img.event-image {
	float: right;
	}

.section-programs table#event-info {
	border-collapse: collapse;
   table-layout: auto;
   width: auto;
   }

.section-programs table#event-info td, .section-programs table#event-info th {
	text-align: left;
	}
	
.section-programs table#event-info td {
	padding: 8px 0 8px 15px;
	}
	
.section-programs #event-info td.left {
	width: 400px;
	padding-left: 40px;
	}

.section-programs #event-info td.left p {
	padding: 0 0 0 1.5em;
	font-weight: 700;
	}

.section-programs #event-info td.left h5 {
	padding: 1ex 0 0 0;
	}

.section-programs #event-info td.left h2 {
	color: #534741;
	}

.section-programs #event-info img  {
	margin-right: 10%;
	}
	
.section-programs div#buy-tickets {
	float: right;
	width: 83px;
	height: 76px;
	overflow: hidden;
	margin-right: 30px;
	}
.section-programs div#buy-tickets a {
	display: block;
	width: 83px;
	height: 76px;
	overflow: hidden;
	text-indent: -9999px;
	background: transparent url(../images/buy-tickets-button.gif) no-repeat 0px top;
	}
    .section-programs div#buy-tickets a:hover {
    	background-position: 0px bottom;
    	}

/* MEDIA SECTION -------------------------------------------- */
/* videos pages */
#videos #sidebar-left-inner div {
	border-top: 1px dashed #ccc;
	padding: 7px 0 7px 15px;
	}	
    #videos #sidebar-left-inner div.first {
    	border-top: 0px dashed #ccc;
		padding-top: 0 0 7px 0px;
    	}
#videos #sidebar-left-inner div p {
	padding: 0 0 1ex 0;
	}
	
h2.video-title, h3.video-title {
	color:#7D0049;
	margin-top: 0px;
	margin-bottom: 0px;
	}

h5.video-subtitle {
	color:#666;
	margin-top: 0px;
	margin-bottom:1em;
	}

div.video-embed  {
	padding-left: 40px;
  	}
/* photos pages */
#photos table {
	margin-top: 0;
	}

#photos #sidebar-left-inner td {
	border-top: 1px dashed #ccc;
	padding-top: 6px;
	}	
    #photos #sidebar-left-inner td.first {
    	border-top: 0px dashed #ccc;
		padding-top: 0px;
    	}
#photos #sidebar-left-inner td p {
	padding: 0 0 1ex 0;
	}
#photos #sidebar-left h4 a.selected,    	
#photos #sidebar-left h4 a.selected:link,    	
#photos #sidebar-left h4 a.selected:active,    	
#photos #sidebar-left h4 a.selected:visited,    	
#photos #sidebar-left h4 a.selected:hover {
		display: block;
    	color: #c4cb00/* #d1d923 section color; too light */;
    	background: #fff url(../images/right-double-carat.gif) no-repeat 100% 50%;
    	padding-right: 18px;
    	font-size: 1.2em;
    	cursor: default;
    	text-decoration: none;
    	}
	
#photos #main-inner table {
	margin: 0;
	}	
	
#photos #main-inner table td {
	vertical-align: top;
	}	
	
/* newsletter pages */
#newsletter #sidebar-left-inner p {
	border-top: 1px dashed #ccc;
	padding: 7px 0 7px 15px;
	}	
    #newsletter #sidebar-left-inner p.first {
    	border-top: 0px dashed #ccc;
		padding-top: 0 0 7px 0px;
    	}
	    	
.section-media #sidebar-left-inner p a.selected,    	
.section-media #sidebar-left-inner p a.selected:link,    	
.section-media #sidebar-left-inner p a.selected:active,    	
.section-media #sidebar-left-inner p a.selected:visited,    	
.section-media #sidebar-left-inner p a.selected:hover {
	color: #d1d923;
	font-weight: 700;
	display: block;
	background: #fff url(../images/right-double-carat.gif) no-repeat 98% 50%;
	padding-right: 18px;
	}
	
/* TICKETING SECTION -------------------------------------- */
.section-ticketing table#event-info {
	width: 100%;
	table-layout: auto;
	border-collapse: collapse;
	}
.section-ticketing table#event-info td, .section-ticketing table#event-info th {
	text-align: left;
	}
.section-ticketing table#event-info tr.even {
	background-color: #EDEBD7;
	}
.section-ticketing table#event-info thead {
	background-color: #534741;
	color: #EEB211;
	font-weight: 700;
	}
.section-ticketing table#event-info th {
	padding: 8px 0 8px 15px;
	}
.section-ticketing table#event-info td {
	padding: 8px 0 8px 15px;
	}
.section-ticketing table#event-info td.category-name {
	font-weight: 700;
	border-top: 2px solid white;
	}	
	
	

.section-ticketing table#subscriptions {
	width: 100%;
	table-layout: auto;
	border-collapse: collapse;
	}
.section-ticketing table#subscriptions td, .section-ticketing table#event-info th {
	text-align: left;
	}
.section-ticketing table#subscriptions tbody tr a {
	padding-right: 30px;
	}
.section-ticketing table#subscriptions tr.even {
	background-color: #EDEBD7;
	}
.section-ticketing table#subscriptions thead {
	background-color: #fff;
	color: #333;
	font-weight: 700;
	font-size: 1.3em;
	}
.section-ticketing table#subscriptions th {
	padding: 0px 0 0px 25px;
	height: 2.8em;
	}
.section-ticketing table#subscriptions td {
	padding: 1px 0 1px 15px;
	height: 2.6em;
	}
    .section-ticketing table#subscriptions td span {
    	font-size: 1.1em;
    	font-weight: 700;
    	}
	
div#tix-logo-div {
	position: absolute;
	bottom: 0px;
	left: 0px;
	}
div#tix-logo-div p {
	font-size: .9em;
	color: #333;
	text-indent: 20px;
	}

/* DONATE SECTION ----------------------------------------- */
/* donate page & sign up page */
.section-support #sidebar-left-inner p {
	padding: 0 0 4px 0;
	}
.section-support #sidebar-left-inner p.email {
	}

.section-support #sidebar-left-inner input.text {
	margin-bottom: 4px;
	width: 220px;	
	border-width: 3px 1px 1px 3px;
	border-style: solid;
	border-color: silver #8b8b8b #8b8b8b silver;
	height: 17px;
	background: #fff none no-repeat 0 0;
	}
	.section-support .salutation {
		float: left;
		margin-right: 20px;
		}
	.section-support .firstname {
		float: left;
		width: 150px;
		}
	.section-support #sidebar-left-inner .firstname input.text {
		width: 139px;	
		}
	.section-support .lastname {
		clear: both;
		}
	.section-support .state {
		float: left;
		margin-right: 20px;
		}
	.section-support .zip {
		float: left;
		width: 150px;
		}
	.section-support #sidebar-left-inner .zip input.text {
	width: 120px;	
		}
	.section-support .country {
		clear: both;
		}
		
.section-support select {
	border-width: 3px 1px 1px 3px;
	border-style: solid;
	border-color: silver #8b8b8b #8b8b8b silver;
	}
		
div#payment_options {
	border-top: 1px dashed #ccc;
	margin-top: 10px;
	padding-top: 12px;	
	}
	
.section-support #sidebar-left-inner .amount input.text {
	width: 140px;
	}
	
.section-support #sidebar-left-inner p.payment {
	padding: 8px 0 12px 0;
	}
	
.section-support .submit-p, .section-support .signup-p {
	text-align: right !important;
	padding-bottom: 20px;
	}	
    .section-support .submitbutton {
    	margin-right: 20px;
    	border: 0px solid transparent;
    	cursor: pointer;
    	font-size: 4px;
    	line-height: normal !important;
    	padding: 24px 0px 0 0;
    	width: 75px;
    	height: 27px;
    	overflow: hidden;
    	white-space: pre;
    	text-indent: -9999px;
		/* position: absolute;
		right: 0px;
		top: 0px; */
    	}
    	#donate .submitbutton {    		
    		background: transparent url(../images/donate-submit-75x27.gif) no-repeat 0px 0px;
    		}
    	#signup .submitbutton {    		
    		background: transparent url(../images/signup-submit-75x27.gif) no-repeat 0px 0px;
    		margin-top: 10px;
    		}
/* END SECTION-STYLES ------------------------------------------------------- */


/*
* Pallete:
* Sage		#6E8778
* Light green/yellow		#D1D923
* Blue		#00A8CB
* Light sage	#9DC9BA
* Brown		#534741
* Orange		#EEB211
* Burgundy	#7D0049
* Beige		#EDEBD7
*/