@font-face {
  font-family: "EffectraHeavy";
  src: url(/files/fonts/EFFEH__.TTF) format("truetype");
}

@font-face {
  font-family: "EffectraHeavySlant";
  src: url(/files/fonts/EFFEHSL__.TTF) format("truetype");
}

@font-face {
  font-family: "EffectraMedium";
  src: url(/files/fonts/EFFEM__.TTF) format("truetype");
}

@font-face {
  font-family: "EffectraMediumSlant";
  src: url(/files/fonts/EFFEMSL__.TTF) format("truetype");
}

.featured {
	background-color: #ddd;
	border: 1px solid #444;
}

.featured a { text-decoration: none !important; }

.logged-in { font-size: .75em; margin-top: 5px !important; }

#search {
	float: right; 
	padding: 5px; 
	margin: 0;
}

#search p { padding: 0; margin: 0; }

#slideshow {
	margin-top: 5px;
	margin-left: 225px;
	height: 300px;
}

#slideshow p {margin:0; padding:0}

#slideshownav {
	padding: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 225px;
	background-color: #000;
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
}

body {	
	font-size: 90%; 
	margin: 0; padding: 0; border: 0;
	background-color: #888;
	background:#f3f3f3 url(/images/grayshadowbg.gif) no-repeat 50% 0 !important;
/*	background-image: url(/images/bgmask.gif); 
	background-repeat: repeat-x;
	background-position: 0 137px;
*/
}

p, table, blockquote, li, h3, h4, h5, dd, dt {
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	color: #000;
	font-size: 0.85em;
	line-height: 1.55em;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}

dt {	padding-top: 100 px !important;
	font-weight: bold;}

dd { margin-left: 10px; }

small { line-height: 1.4em; }
embed { margin-left: 10px; }
table { font-size: small;}

h1 {	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	font-size: 2em;
	text-align: right;	}

h2 {	font-weight: bold;
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 1em;
	text-align: right;
}

h3, h4, h5 {
	border: 0px;
	margin: 0px;
	padding-top: 13px;
/*	font-weight: bold; */
	font-family: "EffectraHeavy", Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	font-size: 1.6em;
	line-height: 1em;
}



h4 { 	font-size: 1.3em; margin-bottom: 0; padding-bottom: 0px; line-height: 1.1em;}
h5 { 	font-size: 1em;  margin-bottom: 0; padding-bottom: 0; }

h1 a, h2 a
{
	color: #fff;
	border: 0px;
	text-decoration: none;
}

img { border: 0; }

.floatright { float: right;  margin: 0 0 5px 10px; }
.floatleft { float: left; margin: 0 10px 5px 0; }
.inline { display: inline;}

a:link, a:visited { color:#00a; text-decoration:underline; }

a:hover { text-decoration: none;}

h3 a:link, h3 a:visited, h3 a:hover, h4 a:link, h4 a:visited, h4 a:hover {
	text-decoration: none;
	color: #000000; }

/* 'more' button */

.button a, #slideshownav a {
	width: auto;
	display: inline-block;
	background: #666666;
	border: 0;
	padding: 0.2em 0.5em;
	font-weight: bold;
	font-size: .8em;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	margin-right: 10px;
}

#slideshownav a.activeSlide { background-color: #aaa; }


#container {
	background-color: #fff;
	width: 780px;
	\width: 800px;
	w\idth: 780px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	padding-bottom: 1px;
}

#banner {
	height: 75px;
	padding: 10px;
	background-color: #444444;
/* rounded corner */
	background-image: url(/images/corner-sm.gif);
	background-repeat:no-repeat;
	background-position:top right; 
/* end rounded corner */
}

#banner h1, #banner p, #banner a { color: #fff; }

#menu {
	padding: 5px;
	background-color: #444444;
	margin-bottom: 5px;
}

.item {
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 225px;
	background-color: #ddd;
/* rounded corner */
	background-image: url(/images/corner-sm.gif);
	background-repeat:no-repeat;
	background-position:top right; 
/* end rounded corner */
}

.storeitem {
	float: left;
	text-align: center;
	background-color: #fff;
	width: 250px;
	height: 400px;
	padding: 5px;
	margin: 5px;
}

.donationitem {
	float: left;
	text-align: center;
	background-color: #fff;
	border: 2px solid #551A8B;
	width: 248px;
	padding: 5px;
	margin: 5px;
}

.donationitem p { font-weight: bold; font-size: 1em;}

.edu-menuitem {
	float: left;
	padding: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	background-color: #ddd;
/* rounded corner */
	background-image: url(/images/corner-sm.gif);
	background-repeat:no-repeat;
	background-position:top right; 
/* end rounded corner */
	width: 240px;
	height: 200px;
}

.note {
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 225px;
	background-color: #ddd;
}

.place {
	background-color: #666666;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 225px;
}

.small {
	line-height: 1.3em;
	font-size: .75em;
}

h2.place { 
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, san-serif;
	color: #fff; 
}

#content {
	clear: left;
	color: #ccc;
}

#sidebar-wrapper {
	float: left;
	width: 220px;
	margin: 0; }

#sidebar-wrapper a:link, #sidebar-wrapper a:visited, #sidebar-wrapper a:hover {
	text-decoration: none; 
}

a:link.sidebar-menu, a:visited.sidebar-menu, a:hover.sidebar-menu {
	width: 235;
	display: block;
	background: #666666;
	border: 0;
	padding: 0.4em 0.5em;
	font-family: "EffectraHeavy", Arial, Helvetica, Verdana, san-serif;
	font-weight: normal !important; 
	font-size: 1.5em;
	color: #ffffff;
	margin-bottom: 5px;
	outline: none;	
}

#sidebar div { 
	width: 235;
	display: block;
	background: #ddd;
	margin-bottom: 5px;
	padding: 5px 5px;
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
	font-size: .8em;
	color: #ffffff;
} 

/* #sidebar li, #sidebar ul {margin:0; padding:0; list-style-type:none;} */


#sidebar a p, #sidebar li { 
	padding: 10px 0 10px 5px; 
	margin: 0 5px; 
	border-bottom: 1px solid #666666; }

#sidebar a p.last { 
	border-bottom: 0px; 
	padding-bottom: 10px; }

#sidebar a p, #sidebar li a { color: black; font-weight: bold; display:block; }

#sidebar a:hover p, #sidebar li a:hover { background-color: #ccc; }

.sidebar-box {
	width: 235;
	display: block;
	background: #ddd;
	margin-bottom: 5px;
	padding: 5px 5px 20px;
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
	font-size: .8em;
	color: #ffffff;
	font-size: .75em;
}

.sidebar-box li, .sidebar-box ul {
	list-style-type:disc;
	margin-left: 13px;
	padding-left: 0;
}

.sidebar-box p {
	margin-bottom: 0;
}

#footer {
	clear: both;
	padding: 5px
	padding-left: 100 px;
	background-color: #666666; 
}

#footer p {
	font-size: 0.75em;
	line-height: 1.2em;
	color: #fff;
	padding: 10px
}

#footer a { color: #fff; }

.logo {	float: left; margin: 15px 15px 5px 0;}

/*************************************/
/********** DROP-DOWN MENUS **********/
/*************************************/

#nav, #nav ul { /* all lists */
	display:block;
	margin: 0;
	list-style: none;
	font-size: .75em;
	line-height: 1em;
	padding: 5px;
	margin-bottom: 2em;
}

#nav li:hover, #nav li.sfhover { 
	color: #fff;
	background-color: #666; 
	text-decoration: underline; 
}

#nav a {
	display: block;
	text-decoration: none;
	text-align: left;
	color: #fff;
	padding: 4px 5px 5px 0; 
}

#nav li { /* all list items */
	display: block;
	float: left;
	font-size: 1em;
	/* width: 10em; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
/*	background: blue; */
	font-size: 1em;
	width: 11em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	background-color: #666666; 
	left: auto;
}

/*************************************/
/****** CUSTOM COLOR BY SECTION ******/
/*************************************/

body#visual-arts, #visual-arts #menu-visual, #visual-arts .place, body#visual-arts-future, #visual-arts-future #menu-visual, #visual-arts-future .place, a:hover#menu-visual, body#visual-arts-archive, #visual-arts-archive #menu-visual, #visual-arts-archive .place, a:hover#menu-visual { background-color: #0068b4; }

body#performing-arts, #performing-arts #menu-performing, #performing-arts .place, a:hover#menu-performing, body#performing-arts-archive, #performing-arts-archive #menu-performing, #performing-arts-archive .place, a:hover#menu-performing { background-color: #267c32; }

body#films, #films #menu-films, #films .place, a:hover#menu-films { background-color: #7f580c; }

body#education, #education #menu-education, #education .place, a:hover#menu-education, body#education-listing, #education-listing #menu-education, #education-listing .place, a:hover#menu-education-listing { background-color: #bf0e15; }

body#support, #support #menu-support, #support .place, a:hover#menu-support, body#Events, #Events #menu-support, #Events .place, a:hover#menu-Events { background-color: #8844cc; }

body#blog, #blog #menu-news, #blog .place, a:hover#menu-news { background-color: #7f580c; }

/* darker colors for header, footer, and banner */

#visual-arts #banner, #visual-arts #menu, #visual-arts #footer, #visual-arts-future #banner, #visual-arts-future #menu, #visual-arts-future #footer, #visual-arts-archive #banner, #visual-arts-archive #menu, #visual-arts-archive #footer { background-color: #004f89; }

#performing-arts #banner, #performing-arts #menu, #performing-arts #footer, #performing-arts-archive #banner, #performing-arts-archive #menu, #performing-arts-archive #footer { background-color: #145d1f; }

#films #banner, #films #menu, #films #footer { background-color: #614103; }

#education #banner, #education #menu, #education #footer, #education-listing #banner, #education-listing #menu, #education-listing #footer { background-color: #950208; }

#support #banner, #support #menu, #support #footer, #Events #banner, #Events #menu, #Events #footer { background-color: #551a8b; }

#blog #banner, #blog #menu, #blog #footer { background-color: #614103; }


/*************************************/
/****** hc-pac.org custom codes ******/
/*************************************/

body#hcpac, #current, a:hover.sidebar-menu { background-color: #267c32; }

body#hcpac { background-color: #267c32; }

#hcpac #banner, #hcpac #menu, #hcpac #footer, #hcpac #banner, #hcpac #menu, #hcpac #footer { background-color: #145d1f; }