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

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


html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr{
  margin:0px;
  padding:0px;
  border:0px;
  border-collapse:separate;
  border-spacing:0px;
}
input,select{
  margin:0;
  padding:0;
}

body{
	background:url(../images/bg.jpg) repeat-x;
	margin:0;
}

/*header divs start======================================================*/

	#header{
		width:800px;
		height:179px;
		background:url(../images/top.png) no-repeat;
		margin:0 auto 0 auto;
	}
	
	#login{
		float:left;
		width:300px;
		height:63px;
		margin:85px 0 0 14px;
	}
	
	#join{
		float:left;
		width:300px;
		height:66px;
		margin:85px 0 0 160px;
	}
	
		/*join content======================================================*/
		
		.signinbtn{
			display:block;
			width:175px;
			height:32.5px;
			margin:28px 0 0 70px;
			background:url(../images/signinbtn.jpg) no-repeat;
		}
		
		a.signinbtn:link, a.signinbtn:visited, a.signinbtn:active{
			background:url(../images/signinbtn.jpg) no-repeat;
			}
			
		a.signinbtn:hover {
			background-position:0 -32.5px;
			}
			
			.join{
				font-family:Arial, Helvetica, sans-serif;
				font-size:9px;
				color:#fff;
				margin:10px 0 5px 10px;
			}
			
			a.join:link, a.join:visited, a.join:active{
				text-decoration:none;
				color:#fff;
			}
			
			a.join:hover {
				text-decoration:none;
				color:#0FF;
			}
	
	#menu{
		clear:left;
		position:relative;
		z-index:47;
		width:768px;
		height:28px;
		margin:0 0 0 15px;
	}
	
	table tr td{
		padding:0;
	}
	
	/*menu divs start======================================================*/
		
		.homebtn{
			display:block;
			width:110px;
			height:28px;
			background:url(../images/homebtn.jpg) no-repeat;
		}
		
		a.homebtn:link, a.homebtn:visited, a.homebtn:active{
			background:url(../images/homebtn.jpg) no-repeat;
			}
			
		a.homebtn:hover {
			background-position:0 -28px;
			}
			
			
		.aboutbtn{
			display:block;
			width:110px;
			height:28px;
			background:url(../images/aboutbtn.jpg) no-repeat;
		}
		
		a.aboutbtn:link, a.aboutbtn:visited, a.aboutbtn:active{
			background:url(../images/aboutbtn.jpg) no-repeat;
			}
			
		a.aboutbtn:hover {
			background-position:0 -28px;
			}
			
		
		.membershipbtn{
			display:block;
			width:110px;
			height:28px;
			background:url(../images/membershipbtn.jpg) no-repeat;
		}
		
		a.membershipbtn:link, a.membershipbtn:visited, a.membershipbtn:active{
			background:url(../images/membershipbtn.jpg) no-repeat;
			}
			
		a.membershipbtn:hover {
			background-position:0 -28px;
			}
			
			
		.sponsorsbtn{
			display:block;
			width:110px;
			height:28px;
			background:url(../images/sponsorsbtn.jpg) no-repeat;
		}
		
		a.sponsorsbtn:link, a.sponsorsbtn:visited, a.sponsorsbtn:active{
			background:url(../images/sponsorsbtn.jpg) no-repeat;
			}
			
		a.sponsorsbtn:hover {
			background-position:0 -28px;
			}
			
			
		.calendarbtn{
			display:block;
			width:110px;
			height:28px;
			background:url(../images/calendarbtn.jpg) no-repeat;
		}
		
		a.calendarbtn:link, a.calendarbtn:visited, a.calendarbtn:active{
			background:url(../images/calendarbtn.jpg) no-repeat;
			}
			
		a.calendarbtn:hover {
			background-position:0 -28px;
			}
			
			
		.downloadsbtn{
			display:block;
			width:110px;
			height:28px;
			background:url(../images/downloadsbtn.jpg) no-repeat;
		}
		
		a.downloadsbtn:link, a.downloadsbtn:visited, a.downloadsbtn:active{
			background:url(../images/downloadsbtn.jpg) no-repeat;
			}
			
		a.downloadsbtn:hover {
			background-position:0 -28px;
			}
			
			
		.contactbtn{
			display:block;
			width:95px;
			height:28px;
			background:url(../images/contactbtn.jpg) no-repeat;
		}
		
		a.contactbtn:link, a.contactbtn:visited, a.contactbtn:active{
			background:url(../images/contactbtn.jpg) no-repeat;
			}
			
		a.contactbtn:hover {
			background-position:0 -28px;
			}
			
			
		.joinbtn{
			display:block;
			width:84px;
			height:48px;
			margin:10px 0 0 10px;
			background:url(../images/joinbtn.png) no-repeat;
		}
		
		a.joinbtn:link, a.joinbtn:visited, a.joinbtn:active{
			background:url(../images/joinbtn.png) no-repeat;
			}
			
		a.joinbtn:hover {
			background-position:0 -48px;
			}
			
		.subaboutbtn{
			display:block;
			width:122px;
			height:32.5px;
			margin:10px 0 0 70px;
			background:url(../images/subaboutbtn.jpg) no-repeat;
		}
		
		a.subaboutbtn:link, a.subaboutbtn:visited, a.subaboutbtn:active{
			background:url(../images/subaboutbtn.jpg) no-repeat;
			}
			
		a.subaboutbtn:hover {
			background-position:0 -32.5px;
			}
			
		.pahcombtn{
			display:block;
			width:122px;
			height:32.5px;
			margin:10px 0 0 70px;
			position:relative;
			z-index:49;
			background:url(../images/pahcombtn.jpg) no-repeat;
		}
		
		a.pahcombtn:link, a.pahcombtn:visited, a.pahcombtn:active{
			background:url(../images/pahcombtn.jpg) no-repeat;
			}
			
		a.pahcombtn:hover {
			background-position:0 -32.5px;
			}
			
		.detailsbtn{
			display:block;
			width:122px;
			height:32.5px;
			margin:5px 0 0 10px;
			background:url(../images/detailsbtn.jpg) no-repeat;
		}
		
		a.detailsbtn:link, a.detailsbtn:visited, a.detailsbtn:active{
			background:url(../images/detailsbtn.jpg) no-repeat;
			}
			
		a.detailsbtn:hover {
			background-position:0 -32.5px;
			}

/*content divs start======================================================*/

	#content{
		width:800px;
		background:url(../images/contentbg.png) repeat-y;
		margin:0 auto 0 auto;
		padding-top:15px;
	}
	
	#container{
		width:742px;
		margin:0 auto 0 auto;
		background:url(../images/contentbg.jpg) no-repeat;
	}
	
	#container2{
		width:742px;
		margin:0 auto 0 auto;
		background:url(../images/contentbg2.jpg) no-repeat;
	}
	
	#left{
		float:left;
		width:240px;
		margin:0 12px 0 0;
	}
	
	#middle{
		float:left;
		width:238px;
		margin:0 10px 0 0;
	}
	
	#right{
		float:right;
		width:225px;
		margin:0 0 0 0;
	}
	
	#right2{
		float:left;
		width:476px;
		margin:0 0 0 2px;
	}
	
	#clear{
		clear:both;
		width:742px;
		height:20px;
	}
	
	#clear2{
		clear:left;
		width:742px;
		height:20px;
	}
	
	h1{
		font-family:"Times New Roman", Times, serif;
		color:#20438D;
		margin:10px 0 5px 10px;
		font-size:18px;
	}
	
	h2{
		font-family:Arial, Helvetica, sans-serif;
		color:#2877B7;
		margin:10px 0 5px 10px;
		font-size:13px;
	}
	
	h3{
		font-family:Arial, Helvetica, sans-serif;
		color:#20438D;
		margin:0 0 5px 10px;
		font-size:12px;
		font-weight:normal;
	}
	
	p{
		font-family:Arial, Helvetica, sans-serif;
		color:#000;
		margin:0 10px 10px 10px;
		font-size:12px;
	}
	
	ul{
		font-family:Arial, Helvetica, sans-serif;
		color:#000;
		margin:0 10px 10px 30px;
		font-size:12px;
		list-style:disc;
	}
	
	li{
		margin-bottom:5px;
	}
	
	a:link, a:visited, a:active{
		text-decoration:none;
		color:#20438D;
			}
			
	a:hover {
		text-decoration:none;
		color:#06F;
		}

/*about us buttons======================================================*/

.foundersbtn{
	display:block;
	width:175px;
	height:32.5px;
	margin:5px 0 0 30px;
	background:url(../images/foundersbtn.jpg) no-repeat;
}

a.foundersbtn:link, a.foundersbtn:visited, a.foundersbtn:active{
	background:url(../images/foundersbtn.jpg) no-repeat;
	}
	
a.foundersbtn:hover {
	background-position:0 -32.5px;
	}
	
.ethicsbtn{
	display:block;
	width:175px;
	height:32.5px;
	margin:5px 0 0 30px;
	background:url(../images/ethicsbtn.jpg) no-repeat;
}

a.ethicsbtn:link, a.ethicsbtn:visited, a.ethicsbtn:active{
	background:url(../images/ethicsbtn.jpg) no-repeat;
	}
	
a.ethicsbtn:hover {
	background-position:0 -32.5px;
	}
	
.benefitsbtn{
	display:block;
	width:175px;
	height:32.5px;
	margin:5px 0 0 30px;
	background:url(../images/benefitsbtn.jpg) no-repeat;
}

a.benefitsbtn:link, a.benefitsbtn:visited, a.benefitsbtn:active{
	background:url(../images/benefitsbtn.jpg) no-repeat;
	}
	
a.benefitsbtn:hover {
	background-position:0 -32.5px;
	}
	
.aboutusbtn{
	display:block;
	width:175px;
	height:32.5px;
	margin:5px 0 0 30px;
	background:url(../images/aboutusbtn.jpg) no-repeat;
}

a.aboutusbtn:link, a.aboutusbtn:visited, a.aboutusbtn:active{
	background:url(../images/aboutusbtn.jpg) no-repeat;
	}
	
a.aboutusbtn:hover {
	background-position:0 -32.5px;
	}
	
	
/*membership buttons======================================================*/

.brochurebtn{
	display:block;
	width:175px;
	height:32.5px;
	margin:5px 0 0 30px;
	background:url(../images/brochurebtn.jpg) no-repeat;
}

a.brochurebtn:link, a.brochurebtn:visited, a.brochurebtn:active{
	background:url(../images/brochurebtn.jpg) no-repeat;
	}
	
a.brochurebtn:hover {
	background-position:0 -32.5px;
	}
	
.appbtn{
	display:block;
	width:175px;
	height:32.5px;
	margin:5px 0 0 30px;
	background:url(../images/appbtn.jpg) no-repeat;
}

a.appbtn:link, a.appbtn:visited, a.appbtn:active{
	background:url(../images/appbtn.jpg) no-repeat;
	}
	
a.appbtn:hover {
	background-position:0 -32.5px;
	}
	
	
/*sponsor buttons======================================================*/

.sponsor{
	margin-bottom:20px;
}

.sponsorlistbtn{
	display:block;
	width:175px;
	height:32.5px;
	margin:5px 0 0 30px;
	background:url(../images/sponsorlistbtn.jpg) no-repeat;
}

a.sponsorlistbtn:link, a.sponsorlistbtn:visited, a.sponsorlistbtn:active{
	background:url(../images/sponsorlistbtn.jpg) no-repeat;
	}
	
a.sponsorlistbtn:hover {
	background-position:0 -32.5px;
	}
	
.corpguidelinesbtn{
	display:block;
	width:175px;
	height:32.5px;
	margin:5px 0 0 30px;
	background:url(../images/corpguidelinesbtn.jpg) no-repeat;
}

a.corpguidelinesbtn:link, a.corpguidelinesbtn:visited, a.corpguidelinesbtn:active{
	background:url(../images/corpguidelinesbtn.jpg) no-repeat;
	}
	
a.corpguidelinesbtn:hover {
	background-position:0 -32.5px;
	}
	
.corpappbtn{
	display:block;
	width:175px;
	height:32.5px;
	margin:5px 0 0 30px;
	background:url(../images/corpappbtn.jpg) no-repeat;
}

a.corpappbtn:link, a.corpappbtn:visited, a.corpappbtn:active{
	background:url(../images/corpappbtn.jpg) no-repeat;
	}
	
a.corpappbtn:hover {
	background-position:0 -32.5px;
	}
	
.vendorfairbtn{
	display:block;
	width:175px;
	height:32.5px;
	margin:5px 0 0 30px;
	background:url(../images/vendorfairbtn.jpg) no-repeat;
}

a.vendorfairbtn:link, a.vendorfairbtn:visited, a.vendorfairbtn:active{
	background:url(../images/vendorfairbtn.jpg) no-repeat;
	}
	
a.vendorfairbtn:hover {
	background-position:0 -32.5px;
	}
	
/*Calelndar buttons======================================================*/

.topicsbtn{
	display:block;
	width:175px;
	height:32.5px;
	margin:5px 0 0 30px;
	background:url(../images/topicsbtn.jpg) no-repeat;
}

a.topicsbtn:link, a.topicsbtn:visited, a.topicsbtn:active{
	background:url(../images/topicsbtn.jpg) no-repeat;
	}
	
a.topicsbtn:hover {
	background-position:0 -32.5px;
	}
	
.markbtn{
	display:block;
	width:175px;
	height:32.5px;
	margin:5px 0 0 30px;
	background:url(../images/markbtn.jpg) no-repeat;
}

a.markbtn:link, a.markbtn:visited, a.markbtn:active{
	background:url(../images/markbtn.jpg) no-repeat;
	}
	
a.markbtn:hover {
	background-position:0 -32.5px;
	}
	

/*foot divs start======================================================*/
	
	#foot{
		width:800px;
		height:149px;
		background:url(../images/foot.png) no-repeat;
		margin:0 auto 0 auto;
	}
	
	/*foot content======================================================*/
	
		#foot1{
			float:left;
			width:230px;
			height:88px;
			margin:0 0 0 24px;
		}
		
		#foot2{
			float:left;
			width: 250px;
			height:88px;
			margin:0 0 0 25px;
		}
		
		#foot3{
			float:right;
			width:220px;
			height:88px;
			margin:0 24px 0 0;
		}
			
			/*foot content======================================================*/
				
				.foot{
					font-family:Arial, Helvetica, sans-serif;
					color:#fff;
					font-size:11px;
					text-align:center;
					margin:40px 0 -5px 0;
				}
		
	/*foot buttons======================================================*/
	
	
		.boardbtn{
			display:block;
			width:182px;
			height:48px;
			margin:0 0 0 22px;
			background:url(../images/boardbtn.png) no-repeat;
		}
		
		a.boardbtn:link, a.boardbtn:visited, a.boardbtn:active{
			background:url(../images/boardbtn.png) no-repeat;
			}
			
		a.boardbtn:hover {
			background-position:0 -48px;
			}
			
			
		.fullcalendarbtn{
			display:block;
			width:117px;
			height:48px;
			margin:0 0 0 44px;
			background:url(../images/fullcalendarbtn.png) no-repeat;
		}
		
		a.fullcalendarbtn:link, a.fullcalendarbtn:visited, a.fullcalendarbtn:active{
			background:url(../images/fullcalendarbtn.png) no-repeat;
			}
			
		a.fullcalendarbtn:hover {
			background-position:0 -48px;
			}
			
.logoutbtn{
	display:block;
	width:175px;
	height:32.5px;
	margin:5px 0 0 30px;
	background:url(../images/logoutbtn.jpg) no-repeat;
}

a.logoutbtn:link, a.logoutbtn:visited, a.logoutbtn:active{
	background:url(../images/logoutbtn.jpg) no-repeat;
	}
	
a.logoutbtn:hover {
	background-position:0 -32.5px;
	}
			
/*LOGIN TABLE---------------------------------------------------------------------------------*/
					
					table.login{
						background:url(images/loginpic.jpg) no-repeat;
						margin:0 0 0 40px;
						width:242px;
						height:87px;
					}
					
					td.logintd{
					}
					
					.user{
						font-family:Arial, Helvetica, sans-serif;
						font-size:12px;
						font-weight:bold;
						word-spacing:.5px;
						color:#fff;
						margin:0;
					}
					
					.password{
						font-family:Arial, Helvetica, sans-serif;
						font-size:12px;
						font-weight:bold;
						word-spacing:.5px;
						color:#fff;
						margin:0 0 0 0;
					}
					
					.loginbtn{
						margin:3px 0 0 0;
					}
					
/*Lightbox================================================================*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

