* html {
	font-size:100.01%;
}
body {
	margin: 0;
	padding: 0;
	background: #efefef url(/img/page-bg.gif) repeat-y 50% 0;
	font-family: Arial, sans-serif;
	font-size: 64%;
}
h1 {
	clear: left;
	margin: 0;
	padding: 0;
	font-size: 210%;
	color: #1e6ac9;
	font-weight: normal;
}
h3 {
	font-size: 130%;
	color: #1e6ac9;
	margin: 0;
	padding: 0;
}
h2 {
	font-size: 160%;
	color: #5f5f5f;
	padding: 15px 0 0;
	margin: 0;
}



a img {
	border: none;
}
form {
	margin: 0;
	padding: 0;
}
/* logo */
#logo {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url(/img/logo.gif) no-repeat;
	width: 206px;
	height: 85px;
	margin: 15px 0 0 7px;
	padding: 0;
}
/* The top background of page */
.header-page-bg-left {
	position: absolute;
	top: 0;
	left: 0;
	height: 110px;
	width: 100%;
	float: left;
	background: url(/img/left-top-bg.gif) repeat-x;
}
* +html .header-page-bg-right {
	margin: 0 0 0 24.98%;
}
* html .header-page-bg-right {
	margin: 0 0 0 24.98%;
}
.header-page-bg-right {
	margin: 0 0 0 50%;
	float: left;
	background: url(/img/right-top-bg.gif) repeat-x;
	width: 50%;
	height: 110px;
}
/* header content */
.header {
	background: #fff;
	width: 740px;
	height: 110px;
	margin: 0 auto;
	position: relative;
}
.logo-bg {
	background: url(/img/left-top-bg.gif) repeat-x;
	height: 110px;
	float: left;
	width: 220px;
}
/* The top navigation */
#top-menu {
	float: left;
	background: #d3a0be url(/img/top-nav-bg.jpg) no-repeat;
	width: 518px;
	height: 110px;
	margin: 0 0 0 1px;
	padding: 0;
}
#top-menu li {
	border-left: 1px solid #cc7f81;
	list-style: none;
	margin: 0;
	padding: 31px 0 0;
	text-align: center;
	float: left;
	height: 62px;
	overflow: hidden;
}
#top-menu li:hover, #top-menu li.hover {
	background: #7F004D;
}
#top-menu li.active {
	background: #f06d00;
}
#top-menu li.active a{
	background: url(/img/top-nav-separator-hover.gif) no-repeat 50% 0;
}
#top-menu li:hover a, #top-menu li.hover a{
	background: url(/img/top-nav-separator.gif) no-repeat 50% 0;
}
#top-menu li a {
	color: #fff;
	text-decoration: none;
	font-size: 120%;
	font-weight: bold;
	display: block;
	padding: 22px 0 0;
	background: url(/img/top-nav-separator.gif) no-repeat 50% 0;
}
* html #top-menu li.home {
	margin: 0 0 0 8px;
}
#top-menu li.home {
	width: 57px;
	margin: 0 0 0 17px;
}
#top-menu li.about-interplay {
	width: 100px;
}
#top-menu li.facilitators {
	width: 144px;
}
#top-menu li.news-events{
	width: 122px;
}
#top-menu li.contact-us {
	width: 73px;
}
/* page content box */
.page-content {
	clear: both;
	background: #fff;
	width: 740px;
	margin: 0 auto;
}
/* left column page */
.left-column {
	position: relative;
	width: 220px;
	overflow: hidden;
	float: left;
}
.left-column p {
	margin: 0;
	padding: 12px 0 7px 25px;
	color: #686868;
	font-size: 110%;
	font-weight: bold;
}
.left-column p.interplay {
	position: absolute;
	top: 12px;
	left: 25px;
	padding: 0;
}
/* Left navigation */
#left-menu {
	margin: 36px 0 0 14px;
	padding: 0;
}
#left-menu a {
	background: url(/img/menu-bg.gif) no-repeat;
	width: 206px;
	height: 65px;
	display: block;
	margin: 0 0 4px;
	text-indent: -99999px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
#left-menu a.first {
	margin: 0 0 3px;
}
* html #left-menu a span.separator {
	margin: 25px 0 0 6px;
}
#left-menu a span.separator {
	background: url(/img/menu-separator.gif) no-repeat;
	margin: 25px 0 0 12px;
	height: 20px;
	display: block;
	width: 17px;
	height: 18px;
	float: left;
}
#left-menu a span.presence, #left-menu a span.potential,
#left-menu a span.connection, #left-menu a span.playfulness {
	height: 20px;
	width: 87px;
	float: left;
	margin: 0 0 0 20px;
}
#left-menu a span.presence {
	background: url(/img/presence.gif) no-repeat;
}
#left-menu a span.potential {
	background: url(/img/potential.gif) no-repeat;
}
#left-menu a span.connection {
	background: url(/img/connection.gif) no-repeat;
}
#left-menu a span.playfulness {
	background: url(/img/playfulness.gif) no-repeat;
}
#left-menu a.active span.presence, #left-menu a:hover span.presence {
	background: url(/img/presence-hover.gif) no-repeat;
}
#left-menu a.active span.potential, #left-menu a:hover span.potential {
	background: url(/img/potential-hover.gif) no-repeat;
}
#left-menu a.active span.connection, #left-menu a:hover span.connection {
	background: url(/img/connection-hover.gif) no-repeat;
}
#left-menu a.active span.playfulness, #left-menu a:hover span.playfulness {
	background: url(/img/playfulness-hover.gif) no-repeat;
}
#left-menu a.active, #left-menu a:hover {
	background: url(/img/menu-bg-hover.gif) no-repeat;
}
#left-menu a.active span.separator, #left-menu a:hover span.separator {
	background: url(/img/menu-separator-hover.gif) no-repeat;
}
#left-menu a img {
	position: absolute;
	top: 4px;
	left: 116px;
}

/* The citation block */
* html .left-column p.citation {
	padding-top: 10px;
}
.left-column p.citation {
	clear: left;
	margin: 0;
	padding: 25px 20px 0 14px;
	font: italic 180% "Times New Roman", Times, serif;
	color: #424242;
}
.left-column p.author {
	margin: 0 0 0 25px;
	float: right;
	padding: 0 25px 0 0;
	font-size: 100%;
	color: #424242;
}
.left-column p strong {
	font-size: 120%;
	font-weight: normal;
	padding-top: 10px;
}
.left-column p span {
	display: block;
	padding: 0px 0 0;
}
/* The card block */
.left-column h4 {
	clear: both;
	margin: 0;
	padding: 25px 0 3px;
	font-size: 120%;
	color: #d3771e;
	text-align: center;
	width: 100%;
}
.left-column a.map-link-img {
	border: 1px solid #555;
	display: block;
	width: 189px;
	margin: 0 0 0 15px;
}
.left-column a.map-link-img:hover {
	border-color: #000;
}
.left-column a.map-link {
	width: 190px;
	display: block;
	padding: 0 0 0 15px;
	font-size: 120%;
	color: #c46403;
}
.left-column a.map-link:hover {
	text-decoration: none;
}
/* content right box */
.right-column {
	position: relative;
	width: 520px;
	float: left;
}
/* content page menu attributes */
.attributes-position {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.here {
	margin: 0;
	padding: 12px 0 0 5px;
	float: left;
		font-size: 110%;
}
* html .attributes {
	margin-right: 8px;
}
.attributes {
	margin: 2px 17px 0 0;
	padding: 10px 0 0;
	float: right;
}
.attributes li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	font-size: 110%;
	color: #515151;
}
.here li a, .here a {
	color: #515151;
}
.attributes li a {
	color: #515151;
	display: block;
}
.here a:hover, .attributes li a:hover {
	color: #000;
	text-decoration: none;
}
.zoomincrease {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url(/img/font-zoom-out.gif) no-repeat;
	width: 16px;
	height: 14px;
	margin: 0 0 0 6px;
}
.zoomincrease:active {
	background: url(/img/font-zoom-out-activ.gif) no-repeat;
}
.zoomreduce {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url(/img/font-zoom-in.gif) no-repeat;
	width: 16px;
	height: 14px;
	margin: 0 0 0 3px;
}
.zoomreduce:active {
	background: url(/img/font-zoom-in-activ.gif) no-repeat;
}
#print {
	float:left;
	background: url(/img/print-ico.gif) no-repeat;
	height: 14px;
	margin: 0 0 0 16px;
	padding:0 0 0 20px;
}
.tab #player1,
.tab #player2,
.tab #player3,
.tab #player4 {
	border: 5px solid #f06d00;
	margin: 36px 0 0;
	background-color: #000000;
	text-align: center;
}
.content {
	margin: 18px 0 0;
	border-left: 1px solid #e3e3e3;
	width: 506px;
	padding: 0 0 50px 13px;
}
.content-leftcolumn {
	float: left;
	width: 234px;
}
.content p {
	padding: 10px 30px 0 0;
	margin: 0;
	font-size: 120%;
	color: #000;
}
/* content left column */
.content-leftcolumn p {
	padding: 5px 0 0;
	margin: 0 5px 0 0;
	font-size: 140%;
	color: #5f5f5f;
	line-height: 140%;
}
/* content right column */
.content-rightcolumn {
	float: left;
	width: 259px;
	margin: 28px 0 20px;
	padding: 0 0 0 12px;
	border-left: 1px solid #e3e3e3;
}
.content-rightcolumn h3 .thumb {
	background: url(/img/content-separator.gif) no-repeat 0 5px;
	padding: 5px 0 0 21px;
	color: #90125c;
	font-weight: bold;
	font-size: 120%;
	height: 16px;
	display: block;
	line-height: 16px;
}
.content-rightcolumn a:hover {
	text-decoration: none;
}
.content-rightcolumn p {
	color: #666;
	padding: 5px 10px 0 0;
	margin: 0;

}
.content-rightcolumn p a{
	background: none;
	padding: 0px 0 0 5px;
	height: 14px;
	line-height: 14px;
	text-decoration: none;
	font-size: 100%;
	color: #1E6AC9;	
	font-weight: normal;
}

.filedowns {
	margin-top: 10px;
	}
.filesize {
	text-decoration: none;
	color:#666666;
	}
	
.filedesc {
	padding-left: 22px;
	width: 100%;
	color:#000;
	}
	
	a.filesize:hover {
	text-decoration: none;
	color:#666666;
	}

.content-rightcolumn p a:hover{
	text-decoration: underline;
}

.content-rightcolumn p a img{
	padding: 5px 5px 0 0px;
}
.foto {
	float: right;
	clear: right;
	border: 1px solid #000;
	margin: 20px 33px 10px 20px;
}
.clear {
	height: 1px;
	overflow: hidden;
	clear: both;
}
/* The contact block */
.contact {
	margin: 0px 0 0;
	width: 486px;
	padding: 0 10px 0 13px;
}
.contact p {
	font-size: 140%;
	color: #000;
	padding: 5px 0 0 70px;
}
.contact p strong, .contact p span {
	display: block;
}
.contact p a {
	margin: 20px 0 0;
	display: block;
	color: #c46403;
}
.contact p a:hover {
	text-decoration: none;
}
.contact form {
	font-size: 120%;
	color: #000;
	padding: 0 0 70px;
}

.contact form .register h2{
	font-size: 100%;
	margin-bottom: 10px;
	clear: both;
}

.contact form .register p{
	font-size: 100%;
	margin:0px;
	padding: 0px;
}
.contact form label {
	width: 70px;
	margin: 18px 0 0;
	padding: 0;
	float: left;
	clear: left;
	font-size: 110%;
	color: #5d5d5d;
	line-height: 18px;
}

.contact form .register label {
	width: 120px;
	margin: 18px 0 0;
	padding: 0 10px 0 0;
	float: left;
	clear: left;
	font-size: 110%;
	color: #5d5d5d;
	line-height: 18px;
	text-align: right;
}

.contact form .register label.zemRequirederrorElement {
	color: #ff0000;
}

.contact form .register .zemCheckbox {
	margin: 0px 0 0 20px;
}

.contact form label.zemCheckbox {
	width: 300px;
	margin: 0px 0 0;
	padding: 0;
	float: none;
	clear: none;
	font-size: 110%;
	color: #5d5d5d;
	line-height: 18px;
	text-align: left;
}

#name, #regarding {
	margin: 10px 250px 0 0;
	float: left;
	line-height: 16px;
	width: 160px;
	padding: 0 2px;
}
#name {
	background: #ffffa0;
}
#regarding {
	width: 170px;
}
#message {
	margin: 10px 0 0;
	float: left;
	width: 398px;
	padding: 2px;
	height: 128px;
}
.zemSubmit {
	padding: 1px 10px;
	font-size: 100%;
	color: #000;
	margin: 1px 0 0 70px;
	clear: left;
	display: block;
}
/* footer content */
.footer {
	clear: both;
	position: relative;
	width: 740px;
	background: #fff;
	margin: 0 auto;
	text-align: center;
	padding: 0 0 18px;
}
.footer ul {
	margin: 0;
	padding: 0;
}
.footer ul li {
	background: url(/img/footer-menu-separator.gif) no-repeat 100% 50%;
	list-style: none;
	margin: 0;
	padding: 0 4px 0 1px;
	display: inline;
}
* html .footer ul li {
	padding: 0 1px 0 3px;
}
* html .footer ul li.end {
	padding: 0 0 0 3px;
}
.footer ul li.end {
	background: none;
	padding: 0 0 0 1px;
}
.footer ul li a {
	color: #8e8e8e;
	font-size: 110%;
}
.footer ul li a:hover {
	text-decoration: none;
}
.footer p {
	color: #8e8e8e;
	font-size: 110%;
	padding: 4px 0 0;
	margin: 0;
}
.top-of-page {
	position: absolute;
	top: 25px;
	left: 648px;
	background: url(/img/top-of-page.gif) no-repeat;
	width: 76px;
	height: 7px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}
.footer-bg {
	z-index: 0;
	background: url(/img/left-bottom-bg.gif) repeat-x;
	height: 30px;
	width: 100%;
	float: left;
	position: relative;
}
* +html .right-footer-bg {
	margin: 0 0 0 24.98%;
}
* html .right-footer-bg {
	margin: 0 0 0 24.98%;
}
/* The bottom background page */
.right-footer-bg {
	background: url(/img/right-bottom-bg.gif) repeat-x;
	height: 30px;
	width: 50%;
	margin: 0 0 0 50%;
	float: left;
}
.footer-content-left {
	z-index: 10;
	background: url(/img/footer-left-bg.gif) repeat-x;
	position: relative;
	width: 740px;
	display: block;
	margin: 0 auto -30px auto;
	height: 30px;
}
.footer-content-right {
	background: url(/img/footer-right-bg.gif) repeat-x;
	height: 30px;
	width: 519px;
	float: left;
	position: absolute;
	left: 220px;
	top: 0;
	border-left: 1px solid #fff;
}
.footer-content-right p {
	margin: 8px 0 0 8px;
	padding: 0;
	color: #bd77a0;
	font-size: 110%;
}
.footer-content-right p strong {
	font: 130% "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
}
.footer-content-right p a {
	color: #bd77a0;
}
.footer-content-right p a:hover {
	text-decoration: none;
	color: #90125c;
	background: #d3a0be;
}

div#MapBuilderMap div span,
div#MapBuilderMap div a {
display: none;
}      

div#MapBuilderInfo {
display: none;
}  

a.gmnoprint  {
display: none;
}  

/* search form */


/* The search block */
#localsearchform input.text {
  border:1px solid #7b8894;
  margin: 22px 3px 0 17px;
  padding:2px 7px;
	color: #c1c1c1;
	width: 120px;
		float: left;
}

#localsearchform input.button {
  margin: 23px 10px 0 4px;
	float: left;
	width: 35px;
	height: 19px;
}

div.searchresults p,
div.searchresults p {
  margin: 0px;
  padding:0px;
	}
	
div.searchresults p a,
div.searchresults p a:hover {
  font-weight: bold;
	font-size: 130%;
	color: #777;
	}
	
div.searchresults p.small, 
div.searchresults p.small a {
	font-size: 100%;
	color: #1E6AC9;
	}
	
	div.horRule hr {
	color: #cccccc;
	border:1px;
	padding: 5px 0px;
	width: 490px;
	}


  
.content table tr td {
  padding-right: 15px;
  }
  
.content table h3 {
  padding-top:10px; 
  }
  
.content table h3 a {
  padding-top:10px; 
  color:#DF4737;
  padding-right: 10px;
  }
.content table h3 a:hover {
  color:#AF2E20;
  }

.zemError, .zemThanks {
color: red;
}

.zemThanks {
color: #000;
font-size: 120%;
}


.contact form .register .zemSubmit{
	margin:0px;
	padding: 0px;
}

  
a.more{
	margin:0 0 0 16px;
	padding:0 0 0 23px;
	background:url(/img/bullet2.gif) no-repeat left;
	font-weight:bold;
	display: block;
}
a.more.open{background:url(/img/bullet5.gif) no-repeat left;}
a.more:hover{text-decoration:none;}

h2 a.more{
	margin:0 0 0 16px;
	padding:0 0 0 23px;
	background:url(/img/bullet2.gif) no-repeat left;
	font-weight:bold;
	display: block;
}
h2 a.more.open{background:url(/img/bullet5.gif) no-repeat left;}
h2 a.more:hover{text-decoration:none;}



#content .box{
	margin:0 0 0 37px;
	display:none;
}


#content h3{
	margin:8px 0 0 10px;
}
#content h2{
	margin:0px 0 0 0;
	padding: 0 0 0 15px;
}

.content h3, .content h3 a {
	color: #90125C;
	text-decoration:none;
}

.content h3 a:hover {
	color: #90125C;
	text-decoration:underline;
}

.content h2, .content h2 a {
	color: #5f5f5f;
	text-decoration:none;
}

.content h2 a:hover {
	color: #5f5f5f;
	text-decoration:underline;
}

span.fileicon {
	line-height: 25px;
	float: left;
}
span.fileicon img {
	height: 25px;
	float: left;
	padding: 5px 5px 5px 10px;
}
span.fileicon .grey {
	font-size: 0.8em;
	color: #333333;
	}
	
	
/* Local Nav styling */

#local-nav {
	margin: 0 0 0 22px;
	padding: 22px 0 0 0;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	text-transform: uppercase;
	width: 176px;
	border-bottom: 1px solid #eae9e9;
	overflow: hidden;
}

#local-nav li {
	list-style: none;
	border-top: 1px solid #eae9e9;
	padding: 3px 0 3px;
}

#local-nav li a {
	text-decoration: none;
	color: #6c6c6c;
	width: 166px;
	display: block;
	padding: 7px 0 7px 10px;

}

#local-nav li a:hover {
	color: #000;
	background-color: #eae9e9;
}
#local-nav li .active,
#local-nav li .active:hover {
	color: #fff;
	background-color: #F06D00;
	font-weight: bold;
}

/*gallery start*/
.gallery{
	width: 580px;
	margin: 0 -15px 0 0;
	overflow: hidden;
	padding: 0 0 17px;
	list-style: none;
}
.gallery li{
	float: left;
	padding: 10px 17px 11px 0;
}
.gallery a{
	float: left;
	padding: 6px;
	background: #fff;
}
.gallery a:hover{background: #000;}
.gallery img{display: block;}
/*gallery end*/

#imagegallerybox {
	width: 170px;
	border: 1px solid #999;
	padding: 0 10px 10px 10px;
	margin:10px;
	float: left;
	}
	
#imagegallerybox p{
	margin: 0px auto 0px auto;
	}
	
#imagegallerybox:hover{
	background-color: #EFEFEF;
	border: 1px solid #000;
	}