@charset "utf-8";
/* CSS Document */

/*all png img transparent*/
*html .joinpanel img , *html #no-sign img  {
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "__utm.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);
}

.underline{
	text-decoration:underline;
}
.bold{
	font-weight:bold;
}
#regforclub{
	display:none;
}

/*global tag*/
body{
	background:#edeee9 url(../images/bg_body.jpg) left top repeat-x;
	color:#8c8b79;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
}

a{
	text-decoration:none;	
}
* a:hover{
	text-decoration:underline;
}
a.arrowlink{
	padding-left:10px;
	background:url(../images/arrow-more.gif) no-repeat left center;
	color:#8c8b79;
}
form, div, img, dl, dt, dd, h1, h2, h3, h4, p {
	border:0pt none;
	margin:0pt auto;
	padding:0pt;
}

.clearfloat{
	clear:both;
}

.joinpanel{
	height:75px;
	width:572px;
	border:1px solid #ff9420;
	clear:both;
	float:left;
	margin:12px 0px 0px 60px;
	display:inline;
	position:relative;
	*position:inherit;
	overflow:hidden;
	z-index:0;
	/*opacity:0.5;/*FF2 0.8 because the text also transparent in FF2
	background:#fff;*/
	*background-color:rgb(255,255,255);
	*filter:alpha(opacity=50);
}
/*.joinpanel, x:-moz-any-link, x:default{
	background-color:rgba(255,255,255,0.5) !important;/*FF3*
	opacity:1;/*FF3 SF3*
}*/
.joinpanel * {
	position:relative;
	z-index:0;
}
.joinpanel .halftransparent{
	position:absolute;
	*position:inherit;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:#fff;
	opacity:0.5;
	*filter:alpha(opacity=50);/*IE*/
	z-index:-1;
}
.joinpanel h2 {
	color:#dc812d;
	font-size:18px;
	padding:4px 0px 0px 5px;
	font-weight:normal;
	line-height:18px;
	letter-spacing:-0.5px;
}
.joinpanel table {
	float:left;
	display:inline;
	color:#97a96a;
	font-size:12px;
	font-weight:bold;
	width:460px;
	margin-left:5px;
}
.joinpanel table td{
	padding:0;
	margin:0;
	width:230px;
	height:10px;
	line-height:14px;
}
.joinpanel img{
	float:left;
	padding:3px 3px 2px 0px;
}

.joinpanel #signupnow{
	float:left;
	margin-top:25px;
}
.joinpanel #signupnow img{
	padding:0px;
}



.bannerNocookie, .bannerimg{
	display:none;
}
/*struts*/
#htmlcontainer{
	background-color:#fff;
	margin:0 auto;
	width:794px;
	min-height:1057px;
	/*IE6 hack (no W3C Validate)*/
	_height:720px;
}

	#header{
		width:758px;
		margin:0 auto;
	}
		#logo{
			float:left;
			width:187px;
			padding:10px 0px 0px;
		}
		#usefullink{
			float:right;
			width:308px;
			text-align:right;
			padding:22px 0px 0px;
		}
			#usefullink a, #welcomelink a{
				/*text-decoration:none;*/
				text-transform:uppercase;
				color:#6b6856;
				font-size:10px;
				font-weight:bold;
			}
		#welcomelink{
			float:right;
			width:450px;
			text-align:right;
			padding:10px 0px 0px;
			color:#6B6856;
			font-weight:bold;
			text-transform:uppercase;
			}
		#welcomelink a#clickhere{
			color:#eb7025;
		}
		#welcomelink a#clickhere1{
			color:#eb7025;
		}
		#welcomelink span{
			font-size:10px;
		}
		#navigation{
			float:left;
			width:758px;
			margin:0;
			padding:0;
			list-style:none;
			background:#fff;
		}
			#navigation li{
				float:left;
				margin-right:1px;
				background:url(../images/nav_empty.jpg) left top repeat-x;
				display:inline;
			}
				#navigation li a{
					color:#fff;
					text-decoration:none;
					text-align:left;
					/*text-transform:uppercase;*/
					width:252px;
					height:50px;
					line-height:65px;
					display:block;
					font-family: Arial, Helvetica, sans-serif;
					font-size:18px;
					text-indent:30px;
					overflow:hidden;
				}
				#controlpanel #findWorkshops{
					padding-left:5px;
					text-indent:0px;
					background:#ce6e27;
					font-weight:bold;
				}

				#navigation li#projects a{
					color:#8c8b79;
					background:url(../images/nav_project.jpg)  left center  no-repeat;
				}

				#navigation li#workshops a{
					color:#8c8b79;
					background:url(../images/nav_workshops.jpg)  left center  no-repeat;
				}
				#navigation li.joinli {
					margin-right:0px;
					background:url(../images/nav_mybinder.jpg) left top repeat-x;
					width:252px;
					height:50px;
				}
				#navigation li.joinnow a{
					color:#8c8b79;
					background:url(../images/nav_join.jpg)  left center  no-repeat;
				}
				#navigation  li.joinnow{
					margin-right:0px;
				}
			#welcome, .welcome{
				float:right;
				padding:0px 0 0px;
				font-size:10px;
				font-weight:bold;
				color:#dc812d;
				text-transform:uppercase;
				visibility:hidden;
			}
			#tabs{
				background:url(../images/bg_repline.gif)  left top  repeat-x;
				padding:10px 0px 0px;
				margin:0;
				height:57px;
				z-index:1;
				clear:both;
			}
			#tabsoth{
				margin:0;
				position:relative;
				height:57px;
				z-index:100002;
				width:252px;
				float:right;
				z-index:100002;
			}

				#clubtitle{
					float:left;
				}
				#alertcontainer{
					background:url(../images/bg_alert.jpg)  left top  repeat-x;
					width:252px;
					height:57px;
					float:right;
					line-height:60px;
					color:#fff;
					font-weight:bold;
					text-indent:50px;
					overflow:hidden;
					margin-right:1px;
					
				}
				#searchcontainer{
					width:252px;
					height:57px;
					color:#fff;
					position:absolute;
					z-index:100002;
					right:0;
				}
				#innerspan{
					background:url(../images/bg_search.png)  left top  repeat-x;
					position:static;
					width:252px;
					height:57px;
					display:block;

				}

				*html #innerspan{
					filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/bg_search.png"); 
					background:none;
					position:static;
					width:252px;
					height:57px;
					display:block;
				}
				#alview{
					padding-left:12px;
					background:url(../images/ico_arrow_al.gif) left center no-repeat;
					color:#fff;
				}

				#searchcontainer p{
					padding:10px 0px 2px 0px;
					text-indent:12px;
				}
				#searchcontainer .setborder{
					border:1px solid #afae9a;
					display:block;
					margin-left:14px;
					_margin-left:7px;
					width:187px;
					*width:189px;
					height:18px;
					top:0;
					left:0;
					margin-bottom:10px;
					float:left;
				}

				#searchcontainer .input{
					width:188px;
					height:15px;
					position:absolute;
					border-style:solid none none solid;
					border-width:1px 0px 0px 1px;
					border-color:#6b6856;
					*border-width:1px 0px 0px 3px;
					*border-color:#6b6856 #6b6856 #6b6856 #fff;
					text-indent:3px;
					*text-indent:0px;
					z-index:100002;
					font-size:10px;
					color:#8E8D7B;
					font-family:Arial,Helvetica,sans-serif;
				}
				#btn_search{
					float:right;
					margin:-2px 10px 0px 0px;
					display:inline;
					position:relative;
				}
				.sr-noresu{
					font-size:11px;
					line-height:15px;
					padding-left:8px;
					padding-bottom:8px;
					padding-top:3px;
					display:block;

				}
				.golink{
					margin:0px;
					padding:0px 0px 6px 8px;
					clear:both;
					float:left;
				}

	#body{
		width:758px;
		margin:0 18px;
		float:left;
		background-color:#AFAE9A;
		border-bottom:30px solid #FFFFFF;
		display:inline;
		}
		#contentcontainer {
			background:#ffffff;
		}
	#footer{
		width:758px;
		margin:0 auto;
		clear:both;
		border-bottom:15px solid #fff;
	}
		#footerlink{
			background-color:#afae9a;
			height:21px;
			width:758px;
			text-align:center;
			color:#fff;
			line-height:21px;
			font-weight:bold;
		}
			#footerlink a{
				/*text-decoration:none;*/
				color:#fff;
				font-size:11px;
				font-weight:bold;
			}
		#corpright{
			background-color:#efefe3;
			text-align:center;
			height:36px;
			width:758px;
			font-size:11px;
			color:#afae9a;
			padding-top:10px;
		}

/*calendar*/
	div#cal table{
		width:168px;
		border-color: #afae9a;
		border-style:solid none none solid;
		border-width:1px 0px 0px 1px;
	}
	div#cal th,div#cal td{
		width:23px;
		height:22px;
		line-height:22px;
		text-align:center;
	}
	div#cal th{
		border-color:#c5692d;
		color:#fafcfc;
		font-size:14px;
		font-weight:normal;
	}
	div#cal td{
		background:#efefe3;
		border:1px solid #afae9a;
		border-top:0px;
		border-left:0px;
		font-size:10px;
		font-weight:bold;
		color:#c5692d;
	}
	div#cal td.sel{
		color:#fefdfc;
	}
	div#cal td.sel span{
		background:#4d4d4f;
		height:20px;
		line-height:20px;
		width:21px;
		display:block;
		margin:0 auto;
	}
	div#cal{
		width:173px;
		background:url(../images/arrow-cal.gif) no-repeat 168px 11px;
		position:absolute;
		/*left:673px;*/
		top:209px;
		display:none;
	}
	#map-container{
		float:left;
	}
	.gmnoprint{
		display:none;
	}	
	
	#pagedescript{
		font-size: 14px;
	}
	
	#TermofUseLink{
	color:#AFAE9A;
	font-weight:bold;
	}
	
	#TermsUsePrint{
	text-decoration:underline;
	}


/*search*/
#footer #search-result-panel{
	width:311px;
	border:1px solid #6c933b;
	position:absolute;
	z-index:100002;
	background-color:#fff;
	display:none;
}
	ul#search-result{
		margin:0;
		padding:0;
		list-style:none;
		position:relative;

	}
		ul li.sr-list{
			display:none;
			clear:both;
		}
		ul#search-result li.show{
			display:block;
		}
			p.sr-title{
				height:45px;
				background-color:#dbdac3;
				line-height:45px;
				font-size:15px;
				color:#333333;
				font-weight:bold;
				font-family:Arial,Helvetica,sans-serif;
				clear:both;
			}
			.sr-leng{
				font-size:9px;
				color:#333333;
				line-height:15px;
				padding-left:8px;
			}
				span.sr-header{
					float:left;
				}
					span .sort-ico{
						float:left;
					}
					.view-all{
						color:#333333;
						font-size:13px;
						font-weight:bold;
						float:right;
						margin-right:10px;
						background:url(../images/arrow-list-2.gif) left center no-repeat;
						padding-left:10px;
					}
			ul.listpanel{
				margin:0;
				padding:0;
				list-style:none;
			}
				ul li.listrow{
					width:100%;
					float:left;
					margin-bottom:10px;
					display:none;
				}
					
					ul li .detimgspan{
						float:left;
						width:77px;
					}
					ul li .detimg{
						width:62px;
						height:62px;
						border:1px solid #afae9a;
						margin-left:6px;
					}
					.detpanel{
						width:224px;
						float:left;
						margin-right:10px;
						display:inline;
					}
						.detlink{
							color:#333333;
							font-size:12px;
							font-weight:bold;
							background:url(../images/arrow-con.gif) left 3px no-repeat;
							padding-left:10px;
							float:left;
						}
						.detcontent{
							float:left;
							padding-top:3px;
							margin-left:10px;
							clear:both;
							width:214px;
							display:inline;
						}
						#result-close{
							height:23px;
							background-color:#dbdac3;
							clear:both;
						}
						#btn-result-close{
							padding:5px;
							cursor:pointer;
						}
var{
	font-style: normal;
	font-variant: normal;
}

#brightcoveContainer { margin:15px 15px 15px 0; }

#main_404 {background-color: #fff; margin: 0 auto; width: 794px;}
#main_404 .bannerNocookie{display: none;}
#main_404 #navigation li#projects a {background: url(../images/nav_project.jpg) no-repeat left center transparent; color: #8C8B79;}
#main_404 .subnavigation li ul.close {display: block;}
#main_404 #body {background: #fff;}

#page_404 {background:url(../images/404.jpg) no-repeat; clear:both; height:399px; margin-bottom: 40px; position: relative; width: 758px;}
div.links {left: 38px; top:200px; position: absolute;}
div.links a {display: block; margin-bottom: 8px; width: 135px}
img {border: 0}
#main_404 .subnavigation li {background: #EFEFE3}
#main_404 .subnavigation li ul li {background: #F9F9F8;}
#main_404 .subnavigation li a.accordion {background:url("../images/ico_arrowdown.gif") no-repeat scroll right center transparent;color:#4D4D4F;}
#site_map {padding:20px 0 0 20px}
h4.site_map {color: #8b8a76; font-size: 18px; margin-bottom: 10px;}
div.column {float: left; display: inline; width: 190px;}
ul {list-style:none outside; margin:0 0 20px; padding:0}
div.column ul li.title {margin-bottom: 12px}
div.column ul li.title a {background: url(../images/arrow_site_map.gif) no-repeat right 7px; color: #dc812d; font-size: 16px; padding-right:10px;}
div.column ul li.title span {color: #dc812d; font-size: 16px;}
div.column ul li {margin-bottom: 5px}
ul li a {color: #666; font-size: 12px; text-decoration: none;}