html, body { height:100%; }

body {
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, sans-serif;
  font-size:12px;
}


.region-page-closure {
  /*
   * If you want to make the page a fixed width and centered in the viewport,
   * this is the standards-compliant way to do that. See also the ie6.css file
   * for the necessary IE5/IE6quirks hack to center a div.
   */
  
/*  margin-left: auto;
  margin-right: auto;
  width: 960px; */
  width:100%;
}

/*
 * Header
 */
#header {
}

#header .section {
}

#search-box {
}

.region-header {
  clear: both; /* Clear the logo */
}

/*
 * Main (container for everything else)
 */






/* ------------------------- */
/* ---------- NEW ---------- */
/* ------------------------- */

#page-wrapper {
  width:100%;
  min-height:100%;
  position:relative;
  overflow-x:hidden;
  overflow-y:hidden;
}

#page {
  width:980px; 
  margin:0 auto;
  overflow-x:visible;
  overflow-y:visible;
  font-size:12px;
}


#main-wrapper {
  width:520px;
  float:left;
  margin-left:200px;
  margin-right:-720px;
  position:relative;
}

#main {
  width:520px;
}

#right-wrapper {
  width:260px;
  float:left;
  margin-left:720px;
  margin-right:-980px;
  position:relative;
  left:-10px;
  overflow:visible;
}

#right {
  background:rgb(80,80,80);
  background:rgba(20, 20, 20, 0.8);
  margin-bottom:50px;
  padding-top:90px;
  position:relative;
  width:260px;
}
.ie #right {
  background:transparent url('../images/bkg-70pctK.png');
}

.ie7 #right {
  padding-bottom:30px;
}

#left-spacer {
  width:200px;
  float:left;
  margin-left:0;
  margin-right:-200px;
}

#left-wrapper {
  width:200px;
  position:absolute;
  left:-200px;
}

#left {
  font-size:11px;
  width:200px;
  padding-bottom:30px;
}


#footer-wrapper {
  width:980px;
  height:30px; /* FIXED HEIGHT, ONE LINE */
  position:relative;
  clear:both;
  margin:0 auto; /* -margin = height of footer */
  /* margin:-30px auto 0 auto; */
}

#footer {
  width:980px;
  height:30px; /* FIXED HEIGHT, ONE LINE */
  background:black;
}


/* -------------------------- */
/* -------------------------- */
/* -------------------------- */






#featured-wrapper {
  overflow: hidden;
  width:100%;
  background:rgb(40,40,40);
  background:rgba(20,20,20,0.9);
}

#featured {
  position:relative;
  margin-top:90px;
  overflow:hidden;
  background:#000;
  /*background: url("../images/edge.png") repeat-x bottom;*/
}

/*
 * Content
 */
#content,
.no-sidebars #content,
.sidebar-first #content,
.sidebar-second #content,
.two-sidebars #content {
  float: right; /* LTR */
  width: 520px;
  margin-left: 0; /* LTR */
/*  margin-right: -500px; */ /* LTR */ /* Negative value of #content's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #content .section. */
}
 
#content .section {
  margin: 0;
  /* padding:0 0 30px 0; */
  padding:0;
}

#main a.imagecache-linked {
  border:none;
  padding:0;
  margin:0;
  background:none !important;
}





#main div#content {
	padding-top:77px;
}

#featured-wrapper + #page #main div#content {
  padding-top:0;
}

#featured-wrapper + #page #right-wrapper #right {
  padding-top:0;
}






#main #content .node {
  /* margin-bottom:30px; */
}

#main #content .node .meta {
  padding:10px 20px 20px 20px;
  font-size:10px;
  border-top:1px dotted;
}

/* HIDE META ON MOST NODES */
#main #content .node .meta {
  display:none;
}

/* SHOW META ON BLOG NODES */
.section-blog #main #content .meta,
#main #content .node.node-type-blog-entry .meta {
  display:block;
}

#main #content .node .meta a:link,
#main #content .node .meta a:visited,
#main #content .node .meta a:hover {
  text-decoration:underline;
  background:none;
}

#main #content .node ul.links {
  text-align:right;
  width:100%;
}

#footer .section,
#navigation .section {
	padding-top:0;
}

/*
 * First sidebar
 */
.region-sidebar-first {
	width:200px;
	left:0;
	padding-top:20px;
	padding-bottom:1px;
}

.region-sidebar-first .section {
  margin: 0 0 0 0; /* LTR */
  padding: 0 0 0 0;
}

/*
 * Second sidebar
 */
.region-sidebar-second {
  float: left; /* LTR */
  width: 260px;
  margin-left: 0px; /* 760px; */ /* LTR */ /* Width of content + sidebar-first. */
  margin-right: -260px; /* -960px; */ /* LTR */ /* Negative value of .region-sidebar-second's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-second .section. */
}

.region-sidebar-second .section {
  margin: 0 0 0 0; /* LTR */
  padding: 0;
}


/*
 * Closure
 */
.region-page-closure /* See also the #page-wrapper declaration above that this div shares. */ {
}

/*
 * Prevent overflowing content
 */
#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
#footer,
.region-page-closure {
  /* overflow: visible;*/
  word-wrap: break-word; /* A very nice CSS3 property */
}


/*/////////////////////////*/
/* PAGE BACKGROUND STYLING */
/*/////////////////////////*/

/**
 * @file
 * Page Background Styling
 *
 * The default layout method of Zen doesn't give themers equal-height columns.
 * However, equal-height columns are difficult to achieve and totally
 * unnecessary. Instead, use the Faux Columns method described in the following
 * ALA article:
 *   http://www.alistapart.com/articles/fauxcolumns/
 */
#main #content .field-field-page-intro p {
  background: #fff;
}

#content-area h3.subsection,
#content-area p.subsection {
  background:Orange;
}

.region-sidebar-first {
  background:#fff;
}
.region-sidebar-first .section {
}


#main #content {
  background: YellowGreen;
}

#main #content .node {
  background: Orange;
}
.node-type-page #main #content .node {
  background: none;
}


h1 span,
h2 span,
p.domain-title span {
	background:#fff;
}

#main #content .field-field-content-description {
  background: #fff;
}





/*
#right h2 {
 background:none;
 font-size:15px;
 margin-bottom:10px;
}
*/


/* ----- NODE-TYPE-GALLERY & GALLERIES PAGE ----- */

.page-galleries #right,
.node-type-gallery #right,
.node-type-gallery-collection #right {
  display:none;
}

.page-galleries #content-area,
.page-galleries #main-wrapper,
.page-galleries #main,
.page-galleries #main h1.inside,
.page-galleries #main div#content,
.node-type-gallery #content-area,
.node-type-gallery #main-wrapper,
.node-type-gallery #main,
.node-type-gallery #main h1.inside,
.node-type-gallery #main div#content,
.node-type-gallery-collection #content-area,
.node-type-gallery-collection #main-wrapper,
.node-type-gallery-collection #main,
.node-type-gallery-collection #main h1.inside,
.node-type-gallery-collection #main div#content {
  width:780px;
}

.page-galleries .views-row img, 
.node-type-gallery .views-row img,
.node-type-gallery-collection .views-row img {
  float:left;
  padding:0 10px 10px 0;
}

.node-type-gallery-collection .print_html,
.node-type-gallery-collection .field-field-content-description,
.node-type-gallery-collection #content-area .node-teaser h3 {
  display:none;
}


/*/////////////////*/
/* VIEWS SLIDESHOW */
/*/////////////////*/

/* SHOWCASE ONLY */
.showcase li.views-row {padding: 0 0 10px !important;border-bottom: 1px solid #777;clear: both;overflow: visible;}
 
.showcase .views-field-title span.ext {display:none;}
.showcase .views-field-field-video-embedded-video-embed, .showcase .views-field-field-photo-image-fid {float:left;margin-bottom:25px;margin-right:15px;}
.showcase .views-field-field-video-embedded-video-embed a span {display:none;}
.showcase .views-field-field-video-embedded-video-embed img {width:125px;height:auto;}
.showcase .views-field-field-content-description-value {margin-bottom:25px;}

/*show case filter menus */
.section-showcase #main .region-content-top .block-menu {padding: 20px 0 12px;background: #1A1A1A;margin-bottom: 0;}
.section-showcase #main .region-content-top .block-menu h2 {padding-bottom: 10px;padding-left:20px;text-align: left;font-size: 1em;}
.section-showcase #main .region-content-top .block-menu ul.menu {margin:0 0 0 20px;}
.section-showcase #main .region-content-top .block-menu ul.menu li {display:inline-block;margin-bottom:13px;}
.section-showcase #main .region-content-top .block-menu ul.menu li a {background: #666;font-size: .9em;padding: 5px 5px 6px;}
.section-showcase #main .region-content-top .block-menu ul.menu li a:hover {color:#000!important;background:#89CC25;}
.block-menu + .block-views .views_slideshow_main {padding-top: 0;}


/* Single Frame */
.views_slideshow_singleframe_main {padding-bottom:20px;}
.views_slideshow_singleframe_pager div {
margin-right: 10px;
display: inline-block;
vertical-align: middle;}

.views_slideshow_singleframe_pager div a img {width:125px;height:auto;}
.views_slideshow_singleframe_pager .activeSlide a {background:#89CC25!important;}

/* With Thumbnails */
.views_slideshow_main {background:#252525;padding:0 0 15px;}
.views_slideshow_slide {z-index:0!important;padding:0;}
.views_slideshow_slide .sb-image {width:520px;text-align:center;background:black;}
.views_slideshow_slide .sb-image img {margin-right:-1px;}
.views_slideshow_slide .views-field-field-content-description-value {padding:10px 15px 0 20px;}
.views_slideshow_slide .views-field-field-content-description-value p {margin:0;}
.views-slideshow-controls-bottom {padding:15px 0 20px;background:#1a1a1a;}
.slideshow-nothumbs .views-slideshow-controls-bottom {display:none;}
	/* jcarousel thumbnails */
	.jcarousel-clip {overflow: hidden;}
	#thumbnail_carousel{overflow: hidden; position: relative; top: 0px; margin: 0px; padding: 0px; left: -595px;width: 950px;}
	#jcarousel_container{position: relative; display: block; width:auto;  }
	.jcarousel-clip-horizontal {margin:0 auto;width:409px;height:auto;}
	.jcarousel-item {cursor:pointer;margin-right:17px;height:auto;filter: alpha(opacity=70);opacity: 0.7;}
	.jcarousel-item:hover, .jcarousel-item.activeSlide {filter: alpha(opacity=100);opacity: 1;}
	.jcarousel-item img {cursor:pointer;padding-bottom:3px;background:rgba(30,30,30,0.2);width:125px;height:auto;}	
	.jcarousel-item:hover img {background:#89CC25;}	
	.jcarousel-item.activeSlide img {background:#89CC25;}
	.jcarousel-item .views-content-field-caption-value p {color: #999;font-size: .9em;width: 125px;margin:0;overflow: hidden;white-space: nowrap;-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
	.jcarousel-item-horizontal {margin-left: 0;}
	.jcarousel-item-vertical {margin-bottom: 10px;}
	.jcarousel-item-placeholder {background: #fff;color: #000;}
	.jcarousel-prev, .jcarousel-next {filter: alpha(opacity=70);opacity: 0.7;z-index:5;position: absolute;display: block;background:transparent;width: 32px;height: 32px; top:50%; margin-top:-19px; cursor: pointer;}
	.jcarousel-prev:hover, .jcarousel-next:hover {filter: alpha(opacity=100);opacity: 1;}
	.jcarousel-prev {left:8px;background:url(/sites/all/modules/custom/views_carousel/left.png) 0 0 no-repeat;}
	.jcarousel-next {right:8px;background:url(/sites/all/modules/custom/views_carousel/right.png) 0 0 no-repeat;}
	.jcarousel-prev-disabled, .jcarousel-next-disabled {filter: alpha(opacity=20)!important;opacity:.2!important;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=20)"!important; cursor:default;}

/* video slide fixes */
.emvideo-shadowbox img {width:520px;height:auto;}
.emvideo-thumbnail-replacement span {width:112px!important;height:111px!important;background-image:url(../images/emvideo-play_calartscircle.png)!important;}
a.emvideo-thumbnail-replacement:hover span {background-position: -112px 0px!important;} /* so whole image appears to act as a play button */
.emvideo-thumbnail-replacement span.field-content {display: block!important;
max-width: 220px!important;
margin-left: 20px!important;
font-size: 10px!important;
background-image:none;}
.emvideo-shadowbox .emvideo-thumbnail-replacement span, .emvideo-thumbnail-replace-full .emvideo-thumbnail-replacement span {margin-top: -63px;margin-left: -66px;left: 50%;top: 50%;}
.emvideo iframe {border:0;margin:0;padding:0;}


/* SLIDESHOW CONTROLS next/prev buttons */

.views_slideshow_controls {
  height:40px;
  position:absolute;
  width:100%;
  filter: alpha(opacity=0);opacity: 0;
}
.view-id-gallery_carousel_traditional .view-content:hover .views_slideshow_controls {filter: alpha(opacity=100);opacity:1;}

.views_slideshow_previous,
.views_slideshow_next {
  padding:15px 9px;
  text-align:center;
  cursor:pointer;
  background: rgb(255,255,255);
  background: rgba(255,255,255,0.7);
  border: none;
  position:absolute;
  color:#ffffff!important;
  top:15px;
  width:60px;
  z-index:5;
}

.views_slideshow_previous {
  left:0;
  padding-left: 26px;
  background-image:url(/sites/all/modules/custom/views_carousel/left.png)!important;
  background-position: left center!important;
  background-repeat:no-repeat!important;
}

.views_slideshow_next {
  right:10px;
  padding-right: 26px;
  background-image:url(/sites/all/modules/custom/views_carousel/right.png)!important;
  background-position: right center!important;
  background-repeat:no-repeat!important;
}



/*//////////////*/
/* TABS STYLING */
/*//////////////*/

/**
 * @file
 * Tabs Styling
 *
 * Adds styles for the primary and secondary tabs.
 *
 * Compare this with default CSS found in the system module's stylesheet (a copy
 * of which is in drupal6-reference.css, line 510.)
 */


div.tabs {
  margin: 20px 0 5px 0;
  border-bottom:1px solid Black;
}

ul.primary {
  margin: 0;
  padding: 0 0 0 10px; /* LTR */
  border-width: 0;
  list-style: none;
  white-space: nowrap;
  line-height: normal;
/*  background: url(../images/tab-bar.png) repeat-x left bottom; */
}

ul.primary li {
  float: left; /* LTR */
  margin: 0 2px 0 0;
  padding: 0;
}

ul.primary li a {
  display: block;
  height: 24px;
  margin: 0;
  padding: 0 0 0 5px; /* width of tab-left.png */
  border-width: 0;
  font-weight: bold;
  text-decoration: none;
  color: #777;
  background-color: transparent;
/*  background: url(../images/tab-left.png) no-repeat left -38px; */
}

ul.primary li a .tab {
  display: block;
  height: 20px; /* 24px (parent) - 4px (padding) */
  margin: 0;
  padding: 4px 13px 0 6px;
  border-width: 0;
  line-height: 20px;
/*  background: url(../images/tab-right.png) no-repeat right -38px; */
}

ul.primary li a:hover {
  border-width: 0;
  background-color: transparent;
/*  background: url(../images/tab-left.png) no-repeat left -76px; */
}

ul.primary li a:hover .tab {
  /* background: url(../images/tab-right.png) no-repeat right -76px; */
}

ul.primary li.active a,
ul.primary li.active a:hover {
  border-width: 0;
  /* color: #000; */
  background: Black !important;
  /* background: url(../images/tab-left.png) no-repeat left 0; */
}

ul.primary li.active a .tab,
ul.primary li.active a:hover .tab {
  /* background: url(../images/tab-right.png) no-repeat right 0; */
}

ul.secondary {
  margin: 0;
  padding: 0 0 0 5px; /* LTR */
  border-bottom: 1px solid #c0c0c0;
  list-style: none;
  white-space: nowrap;
  background: url(../images/tab-secondary-bg.png) repeat-x left bottom;
}

ul.secondary li {
  float: left; /* LTR */
  margin: 0 5px 0 0;
  padding: 5px 0;
  border-right: none; /* LTR */
}

ul.secondary a {
  display: block;
  height: 24px;
  margin: 0;
  padding: 0;
  border: 1px solid #c0c0c0;
  text-decoration: none;
  color: #777;
  /* background: url(../images/tab-secondary.png) repeat-x left -56px; */
}

ul.secondary a .tab {
  display: block;
  height: 18px; /* 24px (parent) - 6px (padding) */
  margin: 0;
  padding: 3px 8px;
  line-height: 18px;
}

ul.secondary a:hover {
  /* background: url(../images/tab-secondary.png) repeat-x left bottom; */
}

ul.secondary a.active,
ul.secondary a.active:hover {
  border: 1px solid #c0c0c0;
  color: #000;
  /* background: url(../images/tab-secondary.png) repeat-x left top; */
}











/*//////////////////*/
/* MESSAGES STYLING */
/*//////////////////*/

/**
 * @file
 * Message Styling
 *
 * Sensible styling for Drupal's error/warning/status messages.
 */


div.messages,
div.status,
div.warning,
div.error /* Important messages (status, warning, and error) for the user */ {
  min-height: 21px;
  margin: 0 1em 5px 1em;
  border: 2px solid #ff7;
  padding: 5px 5px 5px 35px; /* LTR */
  color: #000;
  background-color: #ffc;
  background-image: url(../images/messages-status.png);
  background-repeat: no-repeat;
  background-position: 5px 5px; /* LTR */
}

div.status /* Normal priority messages */ {
}

div.warning /* Medium priority messages */ {
  border-color: #fc0;
  background-image: url(../images/messages-warning.png);
}

div.warning,
tr.warning {
  color: #000; /* Drupal core uses #220 */
  background-color: #ffc;
}

div.error /* High priority messages. See also the .error declaration in pages.css. */ {
  /* border: 1px solid #d77; */ /* Drupal core uses: 1px solid #d77 */
  border-color: #c00;
  background-image: url(../images/messages-error.png);
}

div.error,
tr.error {
  color: #900; /* Drupal core uses #200 */
  background-color: #fee;
}

div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}











/*///////////////*/
/* PAGES STYLING */
/*///////////////*/

/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */



/*
 * The skip-to-nav link will be completely hidden until a user tabs to the link.
 */
#skip-to-nav a,
#skip-to-nav a:visited {
  position: absolute;
  display: block;
  left: 0;
  top: -500px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  text-align: center;
  background-color: #666;
  color: #fff;
}

#skip-to-nav a:hover,
#skip-to-nav a:active,
#skip-to-nav a:focus {
  position: static;
  width: 100%;
  height: auto;
  padding: 2px 0 3px 0;
}

/*
 * Header
 */
#header {
}

#header .section {
}

#logo /* Wrapping link for logo */ {
  float: left; /* LTR */
  margin: 0;
  padding: 0;
}

#logo img {
  vertical-align: bottom;
}

#name-and-slogan /* Wrapper for website name and slogan */ {
}

h1#site-name,
div#site-name /* The name of the website */ {
  margin: 0;
  font-size: 2em;
  line-height: 1.3em;
}

#site-name a:link,
#site-name a:visited {
  color: #000;
  text-decoration: none;
}

#site-name a:hover,
#site-name a:focus {
  text-decoration: underline;
}

#site-slogan /* The slogan (or tagline) of a website */ {
}

.region-header /* Wrapper for any blocks placed in the header region */ {
}

/*
 * Main (container for everything else)
 */
#main-wrapper {
}

#main a {
}

#main a:link {
  background:rgb(200,200,200);
  background:rgba(30,30,30,0.2);
  /* Let Flexicolor determine
  color:White; 
  */
  text-decoration:none;  
}
#main a:visited {
  background:rgb(200,200,200);
  background:rgba(30,30,30,0.2);
  /* Let Flexicolor determine
  color:White; 
  */
  text-decoration:none;  
}
#main a:hover {
  background:rgb(51,128,0);
  color:#ffffff;
  text-decoration:none;  
}

#right-wrapper {
}

#right {
  color:#ffffff;
}

/*
 * Content
 */
#content {
}

#content .section {
}

#mission /* The mission statement of the site (displayed on homepage) */ {
}

.region-content-top /* Wrapper for any blocks placed in the "content top" region */ {
}

.breadcrumb /* The path to the current page in the form of a list of links */ {
  padding-bottom: 0; /* Undo system.css */
}

h1.title, /* The title of the page */
h2.title, /* Block title or the title of a piece of content when it is given in a list of content */
h3.title /* Comment title */ {
  margin: 0;
  font-weight:normal;
}

h1, h2, h3 {
	margin:0 0 0 0;
}


h1 {
	font-weight:normal;
	font-size: 60px;
	line-height: 100%;
	display:block;
	width:650px;
}

.front h1 {
	margin-top:17px;
	position:relative;
	left:-200px;
}

h1.inside {
	/* left:0; */
	/* width:520px; */
	width:500px;
}

.node-type-program h1.inside {
	left:-150px;
}

.node-type-audio-item h1.inside,
.node-type-video-item h1.inside,
.node-type-photo-item h1.inside {
	font-size:30px;
	line-height:39px;
}
body.node-type-audio-item,
body.node-type-video-item,
body.node-type-photo-item,
.node-type-audio-item #main #content,
.node-type-audio-item #main #content .node,
.node-type-audio-item #main #content-area .field-field-content-description,
.node-type-video-item #main #content,
.node-type-video-item #main #content .node,
.node-type-video-item #main #content-area .field-field-content-description,
.node-type-photo-item #main #content,
.node-type-photo-item #main #content .node,
.node-type-photo-item #main #content-area .field-field-content-description {
	background: #333333;
	background-image: none;
}

.node-type-audio-item #main #content,
.node-type-video-item #main #content,
.node-type-photo-item #main #content,
.node-type-audio-item #main #content-area .field-field-content-description,
.node-type-video-item #main #content-area .field-field-content-description,
.node-type-photo-item #main #content-area .field-field-content-description {
	color: #ffffff;
}

h1 span {
	display:inline;
}


h2 {
	font-weight:normal;
	position:relative;
	left:0;
	font-size: 30px;
	line-height: 100%;
	display:block;
}

h2 span {
	display:inline;
}

h1, h2, h3 {
  font-weight:normal !important;
}

p.domain-title {
	position:relative;
	left:-150px;
	font-size: 18px;
	line-height: 120%;
	display:block;
	margin:0 0 0 0;
	width:650px;
}

p.domain-title span {
	display:inline;
}

h2.title {
	left:0;
}



#main #content h2.title a:link {
  color:Black;
  background:#fff;
}
#main #content h2.title a:visited {
  color:Black;
  background:#fff;
}
#main #content h2.title a:hover {
  background:rgb(51,128,0);
  color:White;
  text-decoration:none;  
}

#main #content h3 a:link {
  text-decoration:underline;
  background:none;
}
#main #content h3 a:visited {
  text-decoration:underline;
  background:none;
}
#main #content h3 a:hover {
  text-decoration:none;  
}

/*//////////////////////*/
/* CONTENT-AREA STYLING */
/*//////////////////////*/

/* makes it so that the tabs don't hijack the layout when visible */
#main #content-area {
  clear:both;
}

#main #content-area ul a:link,
#main #content-area ul a:visited,
#main #content-area ol a:link,
#main #content-area ol a:visited {
	background:none;
	text-decoration:underline;
	/* Let Flexicolor determine
	color:#000000;
	*/
}

/*
#main .item-list ul a:link,
#main .item-list ul a:visited,
#main .item-list ol a:link,
#main .item-list ol a:visited {
	color:#ffffff;
}
*/

#main #content-area ul a:hover,
#main #content-area ol a:hover {
  background:rgb(30,30,30);
  text-decoration:none;
  color: #ffffff;
}


.field-field-page-intro p,
#content-area .field-field-page-intro p {
	font-size:20px;
	line-height:150%;
	margin:10px 0 0 0;
	padding:10px 10px 10px 0;
	width:490px;
	border-right:10px solid;
}

#content-area .field-field-page-intro p strong {
  font-weight:normal;
}


#content-area h3,
#content-area h3 strong,
#content-area h4,
#content-area h4 strong,
#content-area h5,
#content-area h5 strong {
  font-weight:normal;
}

#content-area h3 { font-size: 20px; }
#content-area h4 { font-size: 16px; }
#content-area h5 { font-size: 12px; font-style:italic; }


#content-area h3 {
/*	display:inline !important; This is overriding some key styles. Let's try removing it. */
	display:inline; 
	padding: 0 5px 3px 0;
	line-height:1.2em;
}

#content-area h3 + ul,
#content-area h3 + ol,
#content-area h3 + p {
	margin-top:20px;
}

#content-area p {
	margin:10px 15px 30px 20px;
	padding:0 20px 0 0;
}

#content-area ol + p,
#content-area ul + p,
#content-area p + ol,
#content-area p + ul,
#content-area p + p {
	margin-top:-10px;
}

#content-area h4 {
	margin:30px 15px 10px 20px;
	padding:5px 30px 5px 0;
	border-bottom:1px dotted;
}

#content-area h5 {
	margin:30px 15px 10px 20px;
	padding:0 20px 0 0;
}

#content-area ol,
#content-area ul {
	font-size:12px;
/*	margin:10px 15px 10px 35px; */
	margin:10px 15px 30px 20px;
	padding:0 20px 0 0;
	list-style-type: none;
}

/* No bottom margin on nested lists */
#content-area ul li ul,
#content-area ul li ol,
#content-area ol li ul,
#content-area ol li ol {
  margin-bottom:0;
}


#content-area ol + ol,
#content-area ul + ol,
#content-area ol + ul,
#content-area ul + ul {
	margin-top:-10px;
}

#content-area p ul {
	margin-left:10px;
}

#content-area p {
	font-size:12px;
	line-height:150%;
}

#content-area ol li,
#content-area ul li {
  padding-bottom:10px;
  margin-left:0;
  padding-left:15px;
  background:url(../images/bullet-arrow-black.png) no-repeat -3px 2px;
}

#content-area ol li li,
#content-area ul li li {
  margin-left:0;
  list-style-type:disc;
  padding-left:0;
  background-image:none;
}


#main #content .field-field-content-description {
  margin-right:20px;
  font-size:14px;
  padding:20px 10px 20px 0;
}

#content-area .boxed {
  background:Yellow;
  padding-top:20px;
  padding-bottom:20px;
}

#content-area ul.two-col-odd {
  width:160px;
  float:left;
}
#content-area ul.two-col-even {
  width:160px;
  float:right;
}

#main #content-area p a:link,
#main #content-area p a:visited {
  text-decoration:underline;
  background:none;
}

#main #content-area p a:hover {
  text-decoration:none;
}

#main #content-area .field-field-content-styled-images .field-item {
	float:left;
	margin:0 10px 10px 0;
}
/*
#main #content-area .field-field-content-styled-images .field-item.even {
	margin-right:0;
}
*/
#main #content-area .field-field-content-styled-images:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#main #content-area .content > .field {
	clear:both;
}




#main #content-area div.vertical-tabs ul.vertical-tabs-list {
	border-top:1px solid #CCCCCC;
	float:left;
	left:-15em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:-1px -100% -1px 0;
	padding:0;
	position:relative;
	width:15em;
}

#content-area .vertical-tabs ul li {
	margin-left:0;
	text-indent:0;
}

#content-area .vertical-tabs ul li:before {
	content: "";
}

.node-form .content-multiple-table td.content-multiple-drag {
	background:#999999;
}

.node-form {
	padding:10px 20px 10px 10px;
}

/*
.section-admin #main #content,
.section-node-edit #main #content {
	background: #DDDDDD !important; /* ONE BACKGROUND FOR ALL EDITING ENVIRONMENTS
	color:#000000 !important; /* ONE TEXT COLOR FOR ALL EDITING ENVIRONMENTS
}
*/

/* CALENDAR EXCEPTIONS */
/*#content-area .view-id-calarts_calendar p {margin-bottom:10px;}*/
/*.section-calendar #main #content-area .field-field-content-description {padding: 10px 10px 0 10px;}*/
body.section-calendar .share {padding:0 10px;}
body.section-calendar .share a {color:#777!important;}
body.section-calendar .share a:hover {color:#fff!important;}
body.node-type-event .share {display:none;visibility:hidden;}

/* NEWS-FEED EXCERPTS */

.page-blog .field-field-blogexcerpt + .field-field-content-description, .section-blog .field-field-blogexcerpt + .field-field-content-description {display:none;}
.page-blog .field-field-content-description + .field-field-content-styled-images, .section-blog .field-field-content-description + .field-field-content-styled-images {margin-top:-30px;margin-bottom:30px;margin-left:20px;}
#main #content .field-field-blogexcerpt {margin-right: 20px;font-size: 14px;padding: 20px 10px 20px 0;}


/* RIGHT LINKS */

#right a {
  color:#fff;
  text-decoration:none;
}

#right a:link {
  background:rgb(30,30,30);
  background:rgba(30,30,30,0.7);
}

#right a:visited {
  background:rgb(30,30,30);
  background:rgba(30,30,30,0.7);
}

/* managed by flexicolor

#right a:hover {
  background:rgb(30,30,30) none;
}
*/


ul.menu {
  list-style:none outside none;
  margin:0 0 0 10px;
  padding:0;
}

ul.menu li {
  margin:0 0 5px 0;
}

ul.menu li.expanded {
  margin-bottom:15px;
}

ul.menu ul {
  margin-left:15px;
}

ul.menu li {
  list-style:none outside none;
}

ul.menu li.leaf {
  list-style:none outside none;
}

ul.menu li.collapsed {
  list-style:none outside none;
}

ul.menu li.expanded {
  list-style:none outside none;
}

ul.menu li.expanded ul.menu {
  margin-top:5px;
}

/*
#main ul.menu li.active-trail {
  margin-left:0;
  position:relative;
  left:-10px;
}
*/

/*
#main ul.menu li a.active:link {
  background:rgb(154,205,50);
  background:rgba(154,205,50,0.8);
  color:White;
}
#main ul.menu li a.active:visited {
  background:rgb(154,205,50);
  background:rgba(154,205,50,0.8);
  color:White;
}
#main ul.menu li a.active:hover {
  background:rgb(154,205,50);
  color:White;
}
*/
#main ul.menu li a {
  padding:0 5px 3px 0;
}

#main ul.menu li a:link {
  background:none;
  color:Black;
}
#main ul.menu li a:visited {
  background:none;
  color:Black;
}
#main ul.menu li a:hover {
  /*background:rgb(154,205,50);*/
  color:#ffffff !important;
}

/*
#main ul.menu li ul li a:link {
  background:rgb(0,0,0) none;
  background:rgba(0,0,0,0.5) none;
}
#main ul.menu li ul li a:visited {
  background:rgb(0,0,0) none;
  background:rgba(0,0,0,0.5) none;
}
*/

tr.even /* Some tables have rows marked even or odd. */ {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

tr.odd {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

div.messages /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */ {
}

div.status /* Normal priority messages */ {
}

div.warning,
tr.warning /* Medium priority messages */ {
  /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
}

div.error,
tr.error /* High priority messages. See also the .error declaration below. */ {
}

.error /* Errors that are separate from div.messages status messages. */ {
  /* color: #e55; */ /* Drupal core uses a #e55 background */
}

.warning /* Warnings that are separate from div.messages status messages. */ {
  /* color: #e09010; */ /* Drupal core uses a #e09010 background */
}

div.tabs /* See also the tabs.css file. */ {
}
div.tabs a {
  color:#ffffff !important;
}

.help /* Help text on a page */ {
  margin: 1em 0;
}

.more-help-link /* Link to more help */ {
  font-size: 0.85em;
  text-align: right;
}

#content-area /* Wrapper for the actual page content */ {
}

ul.links /* List of links */ {
  margin: 1em 0;
  padding: 0;
}

ul.links.inline {
  margin: 0;
  display: inline;
}

ul.links li {
  display: inline;
  list-style-type: none;
  padding: 0 0.5em;
}

.pager /* A list of page numbers when more than 1 page of content is available */ {
  clear: both;
  margin: 1em 0;
  text-align: center;
}

.pager a,
.pager strong.pager-current /* Each page number in the pager list */ {
  padding: 0.5em;
}

ul.pager {
	list-style-type: none; 
	margin:20px 0; 
}

ul.pager li{
	margin:0;
	white-space:nowrap;
}

ul.pager a,ul.pager li.pager-current{
	padding:3px 6px 2px 6px;
	text-decoration:none;
}

ul.pager li {
	background: none!important;
}

ul.pager a:link,ul.pager a:visited{
	color:inherit;
}

.feed-icons /* The links to the RSS or Atom feeds for the current list of content */ {
  margin: 1em 0;
}

#feed-icon {
  padding:20px;
}
#feed-icon a.feed-icon {
  padding:10px;
}

#feed-icon a img {
  position:relative;
  top:3px;
}

.more-link /* Aggregator, blog, and forum more link */ {
  text-align: right; /* LTR */
}

.region-content-bottom /* Wrapper for any blocks placed in the "content bottom" region */ {
}

/*
 * First sidebar (on left in LTR languages, on right in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-first
 * (see the layout.css file.)
 */
.region-sidebar-first { 
}

.region-sidebar-first .section {
  border-top:1px solid #666666;
  padding-right:10px;
}

/*
 * Second sidebar (on right in LTR languages, on left in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-second
 * (see the layout.css file.)
 */
.region-sidebar-second {
/*	background:yellow; */
}

.region-sidebar-second .section {
}

/*
 * Footer
 */
#footer {
  color:#777;
}

#footer .section {
}

#footer-message /* Wrapper for the footer message from Drupal's "Site information"
                   and for any blocks placed in the footer region */ {
}

.region-footer { }


#footer-left {
  float:left;
  width:65%;
  padding:5px 0 5px 10px;
  font-size:11px;
}

#footer-right {
  float:right;
  width:30%;
  padding:5px 10px 5px 0;
  font-size:11px;
  text-align:right;
}

#footer-right a {
  margin-left:15px;
}

#footer .footer-pop {
  color:#fff;
}

#footer #footer-left .footer-pop {
  padding-right:10px;
}

#footer-right a:link { color:#999; text-decoration:none; background:none; }
#footer-right a:visited { color:#999; text-decoration:none; background:none; }
#footer-right a:hover { color:#fff; text-decoration:none; }

#footer span.ext { display:none; }

/*
 * Closure
 */
.region-page-closure /* Wrapper for any blocks placed in the closure region */ {
}

/*
 * Drupal boxes
 *
 * Wrapper for Comment form, Comment viewing options, Menu admin, and
 * Search results.
 */
.box /* Wrapper for box */ {
}

.box h2 /* Box title */ {
}

.box .content /* Box's content wrapper */ {
}

/*
 * Markup free clearing (See: http://www.positioniseverything.net/easyclearing.html )
 */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/**
 * Hide elements from all users.
 *
 * Used for elements which should not be immediately displayed to any user. An
 * example would be a collapsible fieldset that will be expanded with a click
 * from a user. The effect of this class can be toggled with the jQuery show()
 * and hide() functions.
 */
.element-hidden {
  display: none;
}

/**
 * Hide elements visually, but keep them available for screen-readers.
 *
 * Used for information required for screen-reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user. Must
 * not be used for focusable elements (such as links and form elements) as this
 * causes issues for keyboard only or voice recognition users.
 */
.element-invisible {
  height: 0;
  overflow: hidden;
  position: absolute;
}


#main #content a.tabledrag-handle {
  background:none;
}

#stripe {
	display:none;
/*	display:block; */
	z-index:900;
	position:absolute;
	bottom:0;
	left:0;
	width:10px;
	height:1000%;
	background:url(//blog.calarts.edu/wp-content/gallery/jazz-cd-2010/jazz_cd2010.jpg);
}

p.pullquote-ends {
  display:inline;
  background:YellowGreen;
  color:#fff;
  font-size:16px;
  line-height:24px;
  margin-right:3px;
}

p.pullquote {
  display:inline;
  background:YellowGreen;
  color:#fff;
  font-size:16px;
  line-height:24px;
  margin-right:3px;
}

p.pullquote-author {
  display:block;
  color:#fff;
  font-size:11px;
  margin:10px 20px;
}

/*///////*/
/* NODES */
/*///////*/

/**
 * @file
 * Node Styling
 *
 * Style anything that isn't in the $content variable.
 */


.node /* Node wrapper */ {
}

.node-sticky /* A sticky node (displayed before others in a list) */ {
}

.node-unpublished /* Unpublished nodes */ {
  /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
}

.node-unpublished div.unpublished,
.comment-unpublished div.unpublished /* The word "Unpublished" displayed underneath the content. */ {
  height: 0;
  overflow: visible;
  color: #d8d8d8;
  font-size: 75px;
  line-height: 1;
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  word-wrap: break-word; /* A very nice CSS3 property */
}

.node-by-viewer /* A node created by the current user */ {
}

.node-teaser /* A node displayed as teaser */ {
}

/* All nodes are given a node-type-FOO class that describes the type of
 * content that it is. If you create a new content type called
 * "my-custom-type", it will receive a "node-type-my-custom-type" class.
 */
.node-type-page /* Page content node */ {
}

.node-type-story /* Story content node */ {
}

.node h2.title /* Node title */ {
}

.marker /* "New" or "Updated" marker for content that is new or updated for the current user */ {
  color: #c00;
}

.node .picture /* The picture of the node author */ {
}

.node.node-unpublished .picture,
.comment.comment-unpublished .picture {
  position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */
}

.node .meta /* Wrapper for submitted and terms data */ {
}

.node .submitted /* The "posted by" information */ {
}

.node .terms /* Node terms (taxonomy) */ {
}

.node .content /* Node's content wrapper */ {
}

.node ul.links /* Node links. See also the ul.links declaration in the pages.css. */ {
}

.preview .node /* Preview of the content before submitting new or updated content */ {
  /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
}

span.imagecache-with-text-container span.imagecache-text {
  display: none;
}

#block-cck_blocks-field_page_block_images span.imagecache-with-text-container span.imagecache-text {
  display: block;
}







/*//////////*/
/* COMMENTS */
/*//////////*/

/* $Id: comments.css,v 1.5 2009/11/01 20:54:20 johnalbin Exp $ */

/**
 * @file
 * Comment Styling
 */


#comments /* Wrapper for the list of comments and its title */ {
  margin: 1em 0;
}

#comments .title /* Heading for the list of comments */ {
}

.comment /* Wrapper for a single comment */ {
}

.comment-preview /* Preview of the comment before submitting new or updated comment */ {
}

.comment.new /* A new comment since the user last viewed the page. */ {
}

.comment.first /* The first comment in the list of comments */ {
}

.comment.last /* The last comment in the list of comments */ {
}

.comment.odd /* An odd-numbered comment in the list of comments */ {
}

.comment.even /* An even-numbered comment in the list of comments */ {
}

.comment-unpublished /* Unpublished comments */ {
  /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
}

.comment-unpublished div.unpublished /* The word "Unpublished" displayed underneath the content. See also the div.unpublished declaration in the nodes.css. */ {
}

.comment-by-anonymous /* A comment created by an anonymous user */ {
}

.comment-by-node-author /* A comment created by the node's author */ {
}

.comment-by-viewer /* A comment created by the current user */ {
}

.comment h3.title /* Comment title */ {
}

.new /* "New" marker for comments that are new for the current user */ {
  color: #c00;
}

.comment .picture /* The picture of the comment author */ {
}

.comment .submitted /* The "posted by" information */ {
}

.comment .content /* Comment's content wrapper */ {
}

.comment .user-signature /* The user's signature */ {
}

.comment ul.links /* Comment links. See also the ul.links declaration in the pages.css. */ {
}

.indented /* Nested comments are indented */ {
  /* margin-left: 25px; */ /* Drupal core uses a 25px left margin */
}

.preview .comment /* Preview of the comment before submitting new or updated comment */ {
  /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
}

/*///////////////////////*/
/* SEARCH RESULTS STYLES */
/*///////////////////////*/

.section-search #main h2 {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:18px;
  margin-left:15px;
}

.section-search dl.search-results {
  width:500px;
}

.section-search .search-results dt {
  margin-left:10px;
  background: url("../images/bkg-40pctW.png");
  padding:15px;
  border-bottom:1px dotted;
}

.section-search .search-results dd {
  border-bottom:1px dotted;
  background: url("../images/bkg-40pctW.png");
  margin-left:10px;
  padding:5px;
}

.section-search .block-luceneapi_facet .item-list h3 {
  font-size:13px;
  margin:10px 15px;
}

.section-search #main #content-area ul.pager li { padding:0; }


#right #block-luceneapi_facet-luceneapi_node {
  background: url("../images/bkg-60pctk.png");
}




/*//////////////////*/
/* DIRECTORY STYLES */
/*//////////////////*/

.view-Directory-Search table {
  width: 730px;
}

.view-Directory-Search td{
  padding: 10px 20px 10px 20px;  
}

.view-Directory-Search th {
  padding: 10px 20px 10px 20px;  
}

.view-Directory-Search tr.odd {
  border-bottom:1px solid #777777;
  height: 24px; 
}

.view-Directory-Search tr.even {
  border-bottom:1px solid #777777;
  height: 24px; 
}


/*
 * These should look the same as other forms across the domains
 *
.region-content-top #block-views--exp-Directory_Search-page_1,
#content-bottom #block-views--exp-Directory_Search-page_1
.region-content-top #block-views--exp-Directory_Search-page_1 form,
.view-Directory-Search form {
  width:460px;
  background-color: #FFFFFF; 
  padding:20px;
}

*/

.region-content-top #block-views--exp-Directory_Search-page_1,
.view-Directory-Search {
  position:relative;
}

.region-content-top #block-views--exp-Directory_Search-page_1 .views-exposed-widget,
.view-Directory-Search .views-exposed-widget {
	padding:5px 5px 5px 10px;
}

.region-content-top #block-views--exp-Directory_Search-page_1 .views-exposed-form input#edit-title,
.view-Directory-Search .views-exposed-form input#edit-title {
	width: 400px;
}

.region-content-top #block-views--exp-Directory_Search-page_1 .views-exposed-form select,
.view-Directory-Search .views-exposed-form select {
	 width: 220px;
}

.region-content-top #block-views--exp-Directory_Search-page_1 #edit-submit-Directory-Search,
.view-Directory-Search #edit-submit-Directory-Search {
  margin: 14px 0px 0px 3px; 
}

#directory-profile {
/*	padding: 5px; */
	padding: 0 20px 20px 0;
	min-height: 240px; 
}

#directory-top {
  padding: 20px 0px;
  margin: 0 20px 20px 40px;
  border-bottom: 1px dotted;
  overflow: auto;
}

#directory-bottom {
  padding: 0px 20px 20px 20px;
}

#directory-profile #profile-picture {
	float: left;
	/* margin: 0px 8px 0px 0px; */
	padding: 0px 20px 20px 20px;
	/* border-right: 1px dotted; */
}

#directory-profile #profile-info p {
	margin: 5px 0px;
    font-size:14px;
}

#directory-taxonomy{
	/*
	float: left;
	width: 140px;
	min-height: 80px; 
	margin: 0px 20px 0px 20px;
	padding: 5px;
	border: 1px solid grey;
	*/
	padding: 0 20px;
}


#directory-taxonomy ul {
	/*
	display: block;
	text-align: left!important;
	*/
	list-style-type: none;
	
}

#content-area #directory-taxonomy ul li {
	display: inline;
}

#directory-taxonomy .links {
	margin: 0px!important;
	padding: 0px 0px 0px 10px!important;
}

#content-area #directory-taxonomy ol li,
#content-area #directory-taxonomy ul li {
  padding-bottom: 10px;
  margin-left: 0;
  padding-left: 0;
  background: none;
  display: inline;
}

#main #content .node #directory-taxonomy ul.links {
  text-align: left;
  width: auto;
}

/*/////////////////////*/
/* Faculty View Styles */
/*/////////////////////*/

.view-Faculty-List .views-exposed-widget .form-submit{
	margin: 13px 0px 0px 0px; 
}

.view-Faculty-List table {
/*	width: 95%; */
/*	color: #FFF; */ 
}

.view-Faculty-List td{
	padding: 5px 0px 5px 2px;  
}

.view-Faculty-List th {
	padding: 5px 20x 5px 2px;  
}

.view-Faculty-List tr.odd {
	border-bottom:1px solid #777777;
	height: 24px; 
}

.view-Faculty-List tr.even {
	border-bottom:1px solid #777777;
	height: 24px; 
}

.view-Faculty-List .views-field-tid{
width: 190px; 
}


/* LOCAL FACULTY VIEW */

.faculty-list-local .views-row {
  background:url('../images/bkg-40pctW.png');
  margin:15px 20px 15px 0;
  padding:15px;
  border-right:10px solid #333;
}

#content-area .faculty-list-local h5 {
  margin:0;
}

#content-area .faculty-list-local .views-field-field-profile-biography-value,
#content-area .faculty-list-local .views-field-field-profile-title-value {
  /*margin-left:150px;*/
}
#content-area .faculty-list-local .views-field-field-profile-title-value div,
#content-area .faculty-list-local .views-field-field-profile-biography-value p {
  margin-left:0;
  padding-left:0;
}

.faculty-list-local .views-field-field-profile-picture-fid {
  float:left;
  /*margin:0 10px 10px 0;*/
}
.faculty-list-local .views-field-field-profile-picture-fid a {
	margin-right:13px;
}
#content-area .faculty-list-local .view-Faculty-List .views-field-tid {
  width:auto;
  margin-top:0;
  clear:both;
  border-top:1px dotted;
  padding-top:10px !important;
  /*margin-left:150px;*/
  padding-left:0!important;
}

.faculty-list-local .views-field-tid label {
  float:left;
  margin-right:15px;
  font-size:11px;  
}

.faculty-list-local .views-field-tid ul {
  display:inline;
}
.faculty-list-local .views-field-tid ul li {
  display:inline;
  margin-right:10px;
  font-size:11px;
}

/*/////////////////*/
/*Employment Styles*/
/*/////////////////*/

/*
.view-Employment table {
  width: 100%; 
}
*/

.view-Employment td{
  padding: 10px 20px 10px 20px;  
}

.view-Employment th {
  padding: 10px 20px 10px 20px;  
}

.view-Employment tr.odd {
  border-bottom:1px solid #777777;
  height: 24px; 
}

.view-Employment tr.even {
  border-bottom:1px solid #777777;
  height: 24px; 
}

#employment-listing {
  padding: 4px; 
}

#employment-listing #quick-info {
  padding: 4px;
}

#employment-listing .info {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #646464; 
  margin: 20px 0px 0px 0px; 
}

/*//////////////////*/
/*  Taxonomy Terms */
/*/////////////////*/

.view-taxonomy-term  table { }

.view-taxonomy-term  td{
  padding: 10px 20px 10px 20px;  
}

.view-taxonomy-term  th {
  padding: 10px 20px 10px 20px;  
}

.view-taxonomy-term  tr.odd {
  border-bottom:1px solid #777777;
  height: 24px; 
}

.view-taxonomy-term  tr.even {
  border-bottom:1px solid #777777;
  height: 24px; 
}


/* GLOBAL FACULTY/DIRECTORY STYLES */
#content-area .directory-area { margin-top:28px; display: inline-block; }
#content-area .directory-area + .directory-area { margin-top:0; }


/*//////////////*/
/* OTHER STYLES */
/*//////////////*/


/* CROSS-BROWSER WEIRDNESS */

.gecko .short-inline-left,
.ie8 .short-inline-left {
  min-height:186px;
}

.gecko .connect-inline-left,
.ie8 .connect-inline-left {
  min-height:250px;
}


.gecko.win .inline-left,
.ie8 .inline-left {
  margin-top:-3px;
}



.ie7 .inline-left {
  margin-top:9px;
}

.ie7 .short-inline-left {
  margin-bottom:80px;
}

.ie7 .connect-inline-left {
  margin-bottom:80px;
}

.gecko.win #right #search .form-submit {
  top:-1px;
}
.ie7 #right #search .form-submit {
  top:1px;
}


/* OTHER OTHER STYLES */

span.mailto { display:none; } /* Remove little email icon */

div.inline-left {
  position: absolute;
  left: -250px;
  padding:0 0 40px 0;
}

.inline-left img {
  max-width:250px;
  position:relative;
  top:-9px;
  padding-bottom:20px;
}

.inline-left + h3 {
  border-top:10px solid;
}

hr {
  border: none;
  border-bottom:1px dotted;
  margin: 20px;
}

#content-area li.print_html {
  background:none!important;
  display:block;
  margin:0 20px;
  border-top:1px dotted;
  padding:10px 10px 10px 0 ;
  text-align:right;
}


/* THUMBNAIL GROUPS IN THREE-COLUMN LAYOUT */

.three-column {
  width:130px;
}
.thumb-group {
  float:left;
  margin: 0 20px 10px 0;
}
.thumb-group .thumb-caption {
  font-size:11px;
  margin:0 5px 5px 2px;
}
.thumb-group .thumb-title {
  font-size:13px;
  padding:5px 0;
  margin: 5px 0;
  border-bottom:1px dotted; 
}
.thumb-group .thumb-title.no-description {
  border-bottom:none;
}

/* FULL PAGER */
.item-list .pager-full li {
padding:0!important;
}