/* Theme Styles */

body  {
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	width: 1024px;
}
.thrColFixHdr #container { 
	width: 1024px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.thrColFixHdr #header { 
	background: #d8e5e8; 
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 138px;
	width: 1024px;
} 

/* ANCHOR TAG */
	a, a:link, a:visited {
		font-weight: normal;
		text-decoration: underline;
		color: #296894;
	}
	
	a:visited {
		color: #666;
	}
	
	a:hover {
		color: #4097c5;
	}
	
#header #logo {
	margin: 21px 47px 0 28px;
	float: left;
	}
	
#header #slogan {
	margin: 21px 0 10px 16px;
	float: left;
	font-size: 11px;
	color: #678697;
	text-transform: uppercase;
	}

#header #rightside {
	float: left;
	text-align: left;
	margin: 21px 27px 0 170px;
	color: #678697;
	text-transform: uppercase;
	}

#rightside a {
	color: #678697;
	font-weight: normal;
}

#rightside p {
	margin: 0 0 8px 0;
	padding: 0;
	}

#header #topnav {
	float: left;
	margin-top: 18px;
	width: 600px;
	border: none;
	background: none;
	}

.nice-menu {
	padding: 0;
	margin: 0;
	float: left;
	font-weight: bold;
	}

ul.nice-menu,
ul.nice-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border: none;
}

#topnav .content {
	border: none;
	}

#topnav .nice-menu li {
	float: left;
	list-style: none;
	color: #000;
	margin: 0 10px 0 0;
	border: none;
	background-color: #d8e5e8;
	}


#topnav .nice-menu li ul {
	margin-top: 16px;
	border: none;
  border-top: solid 2px #d8e5e8;
}

#topnav .nice-menu li ul li {
	float: left;
	list-style: none;
	padding: 0;
	color: #000;
	margin: 0;
	line-height: 20px;
	}

.thrColFixHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.thrColFixHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 184px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0; /* padding keeps the content of the div away from the edges */
}

#sidebar1 .indent {
	padding: 0 20px;
	font-size: 11px;
	}

.thrColFixHdr #sidebar1 ul {
	padding: 0;
	margin: 0 0 0 5px;
	list-style: none;
	line-height: 20px;
	color: #666;
}

.thrColFixHdr #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 298px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0; /* padding keeps the content of the div away from the edges */
	line-height: 15px;
	color: #666;
}

#sidebar2 .indent {
	padding: 38px 78px 0 12px;
	font-size: 11px;
	}

.blue- #sidebar2 .indent {
	padding: 0 78px 0 12px;
	}

#sidebar2 h3 {
	color: #000;
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	}
	
.thrColFixHdr #mainContent, .thrColFixHdr #mainContentWide, .thrColFixHdr #mainContentMedium { 
	margin: 0; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 542px;
	float: left;
	line-height: 17px;
	color: #000;
}

.thrColFixHdr #mainContentWide { 
	width: 780px; /* was 840 */
}

.thrColFixHdr #mainContentMedium { 
	width: 680px; /* was 840 and 540 */
}



#mainContent h6, #mainContentWide h6 {
	font-size: 13px;
	font-weight: normal;
	line-height: 19px;
	color: #333;
	border-bottom: solid 1px #fc0;
	padding: 10px 0;
	margin: 0;
	}
	
.thrColFixHdr #footer { 
	margin: 10px 0 20px 200px;
	
} 
.thrColFixHdr #blue-footer { 
	margin: 10px 0 20px 200px;
} 
.thrColFixHdr #footer p, .thrColFixHdr #blue-footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.indent {
	padding: 0px 16px 16px 16px;
	}

.nobreak { white-space: nowrap; }

.navParent {
	margin: 12px 0 12px 0;
	font-size: 80%;
	text-transform: uppercase;
}


#menu-122 {
	background: url(/sites/all/themes/csail/images/nav-about.gif) no-repeat;
	width: 100px;
	height: 28px;
	}

#menu-122 img {
	width: 100px;
	height: 28px;
	}

#menu-122:hover, #menu-122.on {
	background: url(/sites/all/themes/csail/images/nav-about-on.gif) no-repeat;
	}

#menu-122 span {
	z-index: -100;
	position: relative;
	}

#menu-122 span a {
	margin: 0;
	padding: 0;
	}

#menu-122 ul li span {
	z-index: 0;
	position: relative;
	border: solid 1px #333;
	}

.nice-menu li#menu-122 ul li {
	background-color: #f2d259;
	}
	
.nice-menu li#menu-122 ul li a:hover {
	color: #000;
	background: #ebbb00;
	}

.nice-menu li#menu-122 ul li a {
	padding: 4px 16px;
	}





#menu-231 {
	background: url(/sites/all/themes/csail/images/nav-research.gif) no-repeat;
	width: 87px;
	height: 28px;
	}

#menu-231 img {
	width: 87px;
	height: 28px;
	}

#menu-231:hover, #menu-231.on {
	background: url(/sites/all/themes/csail/images/nav-research-on.gif) no-repeat;
	}

#menu-231 span {
	z-index: -100;
	position: relative;
	}

#menu-231 span a {
	margin: 0;
	padding: 0;
	}

#menu-231 ul li span {
	z-index: 0;
	position: relative;
	}

.nice-menu li#menu-231 ul li {
	background-color: #f26161;
	}
	
.nice-menu li#menu-231 ul li a:hover {
	color: #000;
	background: #ec0f0f;
	}

.nice-menu li#menu-231 ul li a {
	padding: 4px 16px;
	}





#menu-123, #menu-505 {
	background: url(/sites/all/themes/csail/images/nav-news.gif) no-repeat;
	width: 114px;
	height: 28px;
	}

#menu-123 img, #menu-505 img {
	width: 114px;
	height: 28px;
	}

#menu-123:hover, #menu-123.on, #menu-505:hover, #menu-505.on {
	background: url(/sites/all/themes/csail/images/nav-news-on.gif) no-repeat;
	}

#menu-123 span, #menu-505 span {
	z-index: -100;
	position: relative;
	}

#menu-123 span a, #menu-505 span a {
	margin: 0;
	padding: 0;
	}

.nice-menu li#menu-123 ul li, .nice-menu li#menu-505 ul li {
	background-color: #87c6e1;
	}
	
.nice-menu li#menu-123 ul li a:hover, .nice-menu li#menu-505 ul li a:hover {
	color: #000;
	background: #49a8d1;
	}

.nice-menu li#menu-123 ul li a, .nice-menu li#menu-505 ul li a {
	padding: 4px 16px;
	}





#menu-124 {
	background: url(/sites/all/themes/csail/images/nav-resources.gif) no-repeat;
	width: 94px;
	height: 28px;
	}

#menu-124:hover, #menu-124.on {
	background: url(/sites/all/themes/csail/images/nav-resources-on.gif) no-repeat;
	}

#menu-124 span {
	z-index: -100;
	position: relative;
	}

#menu-124 span a {
	margin: 0;
	padding: 0;
	}

#menu-124 img {
	width: 94px;
	height: 28px;
	}
	
.nice-menu li#menu-124 ul li span {
	z-index: 0;
	position: relative;
	}

.nice-menu li#menu-124 ul li {
	background-color: #b8d475;
	}
	
.nice-menu li#menu-124 ul li a:hover {
	color: #000;
	background: #93bd2e;
	}

.nice-menu li#menu-124 ul li a {
	padding: 4px 16px;
	}





#menu-120 {
	background: url(/sites/all/themes/csail/images/nav-directory.gif) no-repeat;
	width: 90px;
	height: 28px;
	}

#menu-120 img {
	width: 90px;
	height: 28px;
	}

#menu-120:hover, #menu-120.on {
	background: url(/sites/all/themes/csail/images/nav-directory-on.gif) no-repeat;
	}

#menu-120 span {
	z-index: -100;
	position: relative;
	}

#menu-120 span a {
	margin: 0;
	padding: 0;
	}

#menu-120 ul li span {
	z-index: 0;
	position: relative;
	}

.nice-menu li#menu-120 ul li {
	background-color: #f09f5a;
	}
	
.nice-menu li#menu-120 ul li a:hover {
	color: #000;
	background: #e86e04;
	}

.nice-menu li#menu-120 ul li a {
	padding: 4px 16px;
	}





.nice-menu li a {
	color: #000;
	text-decoration: none;
	}



ul.nice-menu ul,
/* Repeat for Garland header. */
#header-region ul.nice-menu ul {
  top: 12px;
  left: 0;
  border: none;
  margin-right: 0;
}

/* Override for Garland header. */
#header-region ul.nice-menu ul {
  top: 12px;
}

.nice-menu {
	background: #d8e5e8;
	}

ul.nice-menu ul li {
  width: 160px;
}

#header-region ul.nice-menu-down li ul li ul {
  left: 200px;
  top: -10px;
}

.nice-menu ul li ul {
	visibility: hidden;
	}

ul.nice-menu-down li li.menuparent,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li li.menuparent {
  background: none;
}

ul.nice-menu-down li li.menuparent:hover,
ul.nice-menu-down li li.over,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li li.menuparent:hover,
#header-region ul.nice-menu-down li li.over {
  background: none;
}


#footer, #blue-footer {
	background: none;
	border-top: solid 1px #ccc;
	width: 500px;
	}

#footer.footwide {
	width: 730px;
}

#footer.footmedium {
	width: 630px;
}

.blue- #footer {
	background: none;
	border-top: none;
	width: 510px;
	}


#search label {
	display: none;
	}

#search input.form-text {
	border: none;
	background: #e7eff1;
	width: 180px;
	color: #4f5252;
	font-size: 10px;
	padding: 5px 10px;
	}

#search input.form-submit {
	border: none;
	background: #e7eff1;
	color: #4f5252;
	font-size: 10px;
	padding: 5px;
	height: 25px;
	}
	
	input.form-submit {
	border: none;
	background: #e7eff1;
	color: #4f5252;
	font-size: 10px;
	padding: 5px;
	height: 25px;
	}	

.style-122 #header {
	border-bottom: solid 4px #e6b300;
	}

.style-231 #header {
	border-bottom: solid 4px #eb0000;
	}

.style-123 #header {
	border-bottom: solid 4px #49a8d1;
	}

.style-124 #header {
	border-bottom: solid 4px #87bd2e;
	}

.style-120 #header {
	border-bottom: solid 4px #eb6e00;
	}


h1 {
	font-size: 19px;
	color: #333;
	}

.style-122 h2 {
	color: #e6b300;
	}

.style-231 h2 {
	color: #eb0000;
	}

.style-123 h2 {
	color: #49a8d1;
	}

.style-124 h2 {
	color: #87bd2e;
	}

.style-120 h2 {
	color: #eb6e00;
	}

.nice-menus {
	height: 30px;
	}

.block {
	border-bottom: none;
	}

/* #################################### */
/* CUSTOM MODULE STYLES ONLY BELOW HERE */
/* #################################### */

	/* GENERIC */
		.paddingLeftTD {
			padding-right: 8px;
		}
		
		.paddingRightTD {
			padding-left: 8px;
		}
		
		/* @csail: remove this style when new user module is created */
		#user-login-form {
			text-align: left; 
		}
		
		.csailloginBlock {
			margin-left: 5px;
		}
		
		
		.bgodd {
			background-color: #e5e5e5;
		}
		
		.bgeven {
			background-color: #fff;
		}

	/* CUSTOM MODULES */
		.studentspotlightdetail_picture, .csailnewsdetail_picture {
			float: left;
			margin: 2px 8px 8px 0;
		}
		
		.studentspotlight_photo_caption, .csailnewsPhotoCaption {
			font-size: .8em;
		}
		
		.studentspotlight_photo_credit, .csailnewsPhotoCredit {
			font-size: .8em;
		}
		
		.studentspotlight_img, .csailnews_img {
			max-width: 230px;
		}
  
    li.odd {
    	padding: 8px;
    }
    
    li.even {
    	background-color: #e5e5e5;
    	padding: 8px;
		}

  /* CSAIL SEARCH */
    .searchResults li {
      margin-left: 8px;
      padding-left: 8px;
    }
	
		


/* ANYTHING IN THE RIGHT COLUMN */		
		.rColBlock {
			margin-bottom: 10px;
		}

		.rColBlock ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
		.rColBlock li {
			margin-bottom: 8px;
		}
		
		hr {
			height: 1px; 
			border: none; 
			margin: 14px 0 14px 0;
			border-top: 1px solid #666666;			
		}

			
		.readMore {
			font-size: 80%;
			text-transform: uppercase;
			font-weight: normal;
		}
		
		
    
    /* LANDING PAGE */
			.csailnewsFeatured h2 {
				margin-bottom: 1px;
			}

			.csailnewsFeatured .byline {
				margin-bottom: 8px;
			}

			.csailnewsFeatured .photo {
				float: left;
				margin-right: 8px;
			}
			
			.csailnewsFeatured img {
				max-width: 300px;
				border: 0;
			}
			
			.csailnewsFeatured ul {
				margin: 0;
				padding: 0;
				list-style: none;
			}
			
			.csailnewsFeatured li {
				margin-bottom: 8px;
			}
			
			
			.clear {
				clear: left;
			}

			
			.studentspotlight_feature_include_img {
				max-width: 175px;
				float: left;
				margin-right: 8px;
			}
			.studentspotlight_feature_include_name {
				font-weight: bold;
			}
			
			ul.csailnewsMoreNewsList {
				margin: 0;
				padding: 0;
				list-style: none;
			}
			
		/* ARCHIVE PAGE */
			.csailnews_all li {
				margin-bottom: 12px;
			} 
			
			ul.csailnews_all {
				margin: 0;
				padding: 0;
				list-style: none;
			}

			ul.csailnews_all a {
				font-weight: bold;
				font-size: 12px;
				color: #3198cb;
				text-decoration: none;
			}

		/* DETAIL PAGE */
			ul.csailnews_meta {
				margin: 0;
				padding: 0;
				list-style: none;
			}
			
			ul.csailnews_meta li {
				font-weight: bold;
			}

		/* AWARDS PAGE */
			.csailawardLanding {
				margin-top: 12px;
			}
			
			.csailawardLanding a {
				text-decoration: none;
			}
			
			.csailawardLanding table {
				width: 100%;
			}
			
			.csailawardLanding .filters {
				text-align: right;
			}
			
			table.featuredAwards {
				margin-bottom: 12px;
			}
				

	/* HOME PAGE NEWS & EVENTS MODULE HOOKS */
		.homeRightCol {
			margin-top: 28px;
			padding: 0;
		}
		
		.homeRightCol h6 {
			font-size: 11px;
			text-transform: uppercase;
			color: #e0771c;
			margin: 0 0 5px 0;
			padding: 0;
		}
		
		ul.homeRecentNews, .homeEvents ul {
			margin: 0 0 20px 0;
			padding: 0 0 0 0;
			list-style: none;
		}
		
		.homeRecentNews li, .homeEvents li {
			margin-bottom: 12px;
		}
				
		.homeRecentNews .date, .homeRecentNews .byline, .homeEvents .eventDateTime {
			font-weight: bold;
		}
		
		.homeRecentNews li, .homeRecentNews .date, .homeRecentNews .byline, .homeEvents li, .homeEvents .eventDateTime, .eventInformation .byline   {
			color: black;
		}
		
		.homeRecentNews a, .homeEvents a {
			font-weight: normal;
		}


/* Tabular View Styles */

table.content tr th {
     background: #fad3b2;
     padding: 2px 12px;
     border: none;}

table.control tr td {
     border: none;}

table.content tr th a {
     color: #000;}

table.content tr th a.asc {
     padding-right: 14px;
     background: url('/csail/images/arrowSm-o-d.gif') no-repeat right;}

table.content tr th a.desc {
     padding-right: 14px;
     background: url('/csail/images/arrowSm-o-u.gif') no-repeat right;}

table.content tr td {
     background: #f2f2f2;
     padding: 6px 12px;}

table.content tr.rowOdd td,
table.content tr td.paginationLinks {
     background: #fff;
     }

table.content tr td.paginationLinks a {
     padding: 0 5px;}
     
table.content, 
table.control {
     width: 100%;
     }

table.control tr td.alignR {
     text-align: right;
     padding-top: 10px;
     }


/* ############################################################################################## */
/* CHANNEL SPECIFIC COLORS AND OPTIONS : see page.tpl.php for placement and information
/* ############################################################################################## */

	h1, h1.title {
		text-transform: uppercase;
		padding-bottom: 7px;
		border-bottom: 1px solid;
		font-size: 19px;
		color: #333;
	}
	
	h2 {
		font-size: 12px;
	}
	
	h3 { 
	 font-size: 11px;
	 margin-bottom: 2px;
	}
	
	.node ul {
		margin-left: 0;
		padding-left: 0;
		list-style: none;
	}
	
	.breadcrumb {
		margin-top: 4px;
		font-size: 11px;
	}
	
	.breadcrumb a {
		color: #666;
		text-decoration: none;
	}

  #sidebar1 strong {
    color: black;
  }

	#sidebar1 h2 {
		color: black;
		text-transform: uppercase;
		font-size: 11px;
	}
	
	#sidebar1 a {
		text-decoration: none;
		color: #666;
	}
	
	#sidebar1 a:hover {
		text-decoration: underline;
	}
	
	.submitted {
		display: none;
	}


/* set defaults for all channels */
	#sidebar1 h2, #sidebar1 h2.title, #sidebar2 h2.title {
		color: black;
		text-transform: uppercase;
		font-size: 11px;
	}
	
	.spacer {
	  margin-bottom: 25px;
	}
	
	p.pageIntro {
		font-size: 14px;
		padding-bottom: 11px;
		line-height: 20px;
		color: #666666;
	}

/* home page */
	#channelHome #sidebar2 {
		position: absolute;
		top: 66px;
		left: 723px;
	}
	
	#channelHome .homeFlash {
		position: absolute;
		top: 135px;
		left: 0px;
		width: 710px;
		height: 555px;
		border: 0;
	}

	
	#channelHome #footer img {
		position: absolute;
		top: 700px;
		left: 190px;
	}
	
/* about */
	#channelAbout p.pageIntro {
		border-bottom: solid 1px #e6b300;
	}
	
	#channelAbout #mainContentWide h2 {
		color: #e6b300;
	}
	
	#channelAbout hr {
		border-color: #e6b300;
	}
	
	#channelAbout h1.title {
		border-color: #e6b300;
	}
	
	#channelAbout #header {
		border-bottom: 4px solid #e6b300;
	}	

/* other -- things like search results, etc. */
	#channelOther hr {
		border-color: #296894;
	}
	
	#channelOther h1.title {
		border-color: #296894;
	}
	
	#channelOther td, #channelOther th {
	  padding: 4px;
	}
	
	#channelOther th {
	  background-color: #d8e5e8;
	  font-weight: normal;
	}
	
	#channelOther h2 {
	  font-size: 14px;
	  margin: 18px 0 0 0;
	}
	
	#channelOther ul {
	  margin-top: 2px;
	}
	
	#channelOther .searchResultsDirectory table {
	  width: 100%;
	}
	
	#channelOther #header {
		border-bottom: 4px solid #35a3de;
		}

/* directory */
		table.directory_exhibit td {
			vertical-align: top;
		}
		
		#channelDirectory .profilePicture {
			margin-right: 8px;
			max-width: 140px;
		}
		
		#channelDirectory .profile ul {
			margin: 0 0 25px 0;
			padding: 0;
			list-style: none;
			width: 300px;
		}
		
		#channelDirectory ul.tags {
      display: inline;
      list-style: none;
      margin-bottom: 30px;
    }
		
		#channelDirectory table.profile td {
		  vertical-align: top;
		}
		
		#channelDirectory .profile li {
			margin: 0 0 5px 0;
			padding: 0;
			line-height: 16px;
		}
		
	  #channelDirectory .profileList li {
		  margin-bottom: 0px;
		  padding-bottom: 0px;
		}

	#channelDirectory h1.title {
		border-color: #eb6e00;
	}
	
	#channelDirectory .profile h3 {
		text-transform: uppercase;
		font-weight: bold;
		border-bottom: 0;
		margin: 0;
	}

	#channelDirectory #header {
		border-bottom: 4px solid #eb6e00;
	}
	
	#channelDirectory #sidebar1 {
	 padding-top: 23px;
	}
	
/* news */
	#channelNews h1, #channelNews h2 {
		border-color: #35a3de;
	}
	
	#channelNews hr {
		color: #35a3de;
		border-top: 1px solid #a3d3e7;	
	}
	
	#channelNews th {
		background-color: #87c6e1;
		font-weight: normal;
		color: black;
	}
	
	#channelNews th a {
		text-decoration: none;
		font-weight: normal;
		color: black;
	}
	
	#channelNews ul.menu {
		margin-left: 3px;
		padding-left: 2px;
	}
	#channelNews ul.menu li {
		margin:0;
		list-style: none;
	}
	
	#channelNews #header {
		border-bottom: 4px solid #35a3de;
	}
	
/* research */
	#channelResearch h1, #channelResearch h2 {
		border-color: #ec0f0f;
	}
	
  #channelResearch p.pageIntro {
		border-bottom: solid 1px #ec0f0f;
	}

	
	#channelResearch hr {
		border-color: #ec0f0f;
	}

	#channelResearch #header {
		border-bottom: 4px solid #ec0f0f;
	}	
	

	.play-page #mainContentMedium {
		width: 675px;
		padding-top: 6px;
		}
	
	.play-page #sidebar1 .indent {
		padding-top: 20px;}
	
	.play-page h1.title {
		border-color: #ec0f0f;
	}
	
	.play-page .content p {
		line-height: 17px;
		}
	
	.play-page .content .pageIntro {
		padding-bottom: 0;
		font-size: 11px;}
	
	.play-page .content .download {
		float: right;
		position: relative;
		margin-bottom: 20px;
		height: 24px;}
	
	.play-page .content .section-header {
		border-top: solid 1px #ec0f0f;
		padding: 10px 0;
		width: 100%;
		position: relative;
		height: 25px;
		clear: both;
		}
	
	.play-page .content .right {
		float: right;
		position: relative;
		height: 24px;}
	
	.play-page .content .left {
		line-height: 17px;
		font-size: 13px;
		font-weight: bold;
		float: left;
		position: relative;
		height: 24px;}
	
	.play-page .content .left a {
		font-size: 13px;
		font-weight: bold;
		}
	
	.play-page .content h4 {
		font-size: 13px;
		font-weight: bold;
		color: #ec0f0f;
		}
	

/* resources */
	#channelResources hr {
		border-top: 1px solid #93bd2e;
	}
	
	#channelResources h1 {
		border-color: #93bd2e;
		color: black;
	}
	
	#channelResources h3 {
	  color: black;
	}
	
  #channelResources p.pageIntro {
		border-bottom: solid 1px #93bd2e;
	}
	
	
	#channelResources .node h2 {
		color: #000;
		font-weight: bold;
	}

	#channelResources #header {
		border-bottom: 4px solid #93bd2e;
	}	
	
	th {
		padding: 6px 0 6px 0;
	}
	
	th a {
		text-decoration: none;
	}
	
	th a:hover {
		text-decoration: underline;
	}
	
	
/* REPLACE DEFAULT TABS STYLES */
/*
** Tab navigation
*/
ul.primary {
  padding: 0;
  white-space: nowrap;
  list-style: none;
  margin: 2px 0 0 0;
  border: 0;
}
ul.primary li {
  display: inline;
  text-transform: uppercase;
 	font-size: 9px;
}
ul.primary li a {
	border: 0;
  background-color: white;
  padding: 0;
  margin: 0 8px 0 0;
  text-decoration: none;
}
ul.primary li.active a {
  background-color: #fff;
  border: 0;
}
ul.primary li a:hover {
	font-weight: bold;
	background-color: white;
}

	/* EXHIBIT CONTROLS */
		.exhibitFilterBox {
			padding: 4px;
			background-color: #e5e5e5;
			margin-bottom: 2px;
		}
		
		#sidebar1 .exhibitFilterBox a {
			color: black;
			text-transform: uppercase;
			font-weight: normal;
			display: block;
			font-size: 10px;
		}
	
		#sidebar1 .exhibitFilterBox a:hover {
			text-decoration: none;
		}

    .exhibit-thumbnailView-itemContainer {
      margin: 0;
      padding: 0;
      width: 145px;
    }
    
    .exhibit-thumbnailView-itemContainer img  {
      width: 20px;
    }

		.person-thumbnail {
			width: 150px;
			margin-bottom: 38px;
			font-size: 11px;
		}
		.person-thumbnail .name {
			font-weight: bold;
		}
		.person-thumbnail img {
			width: 140px;
			height: 140px;
		}
		.person-thumbnail a {
			font-weight: normal;
		}

		.exhibit-facet-header {
			display: none;
		}


/* FEATURES */

.feature-page h1.title {
		border: none;
	}

.feature-page #mainContentWide {
	width: 632px;
	}

.feature-page #floating-right {
	float: right;
	position: relative;
	margin-right: -160px;
	padding: 16px;
	}


/* SEARCH RESULTS */
  .searchResults ul {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
  }
  
  .searchResults li {
    margin-bottom: 6px;
  }

/* PLAIN TEMPLATE FOR FORMS */
  .basicHead {
    text-align: left;
    width: 300px;
    padding-left: 10px;
    font-size: 11px;
  }
  
  .basicHead h1 {
    font-size: 12px;
    border-bottom: none;
  }
  
/* home page icons */
.photo_icon {
  position: relative;
  top: +2px;  
}

.video_icon {
  position: relative;
  top: +1px;  
}