body{
	background-color: white;
}
h1{
	font-family: arial;
	font-size: 28px;
	font-variant: small-caps;
	color: #F69611;
	}
.desca{
	font-family: arial;
	font-size: 13px;
	font-variant: small-caps;
	color: #F69611;
	text-decoration: none;	
	}
.desca:hover{
	font-family: arial;
	font-size: 13px;
	font-variant: small-caps;
	background-color: #F69611;	
	color: white;
	}	
.joinp{
	font-family: arial;
	text-decoration: blink;	
	font-weight: bold;
	font-size: 13px;
	font-variant: small-caps;
	color: #F69611;
	text-decoration: none;	
	}
.joinp:hover{
	font-family: arial;
	font-weight: bold;
	font-size: 13px;
	font-variant: small-caps;
	background-color: #F69611;	
	color: white;
	}	
.descb{
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	background-color: white;	
	color: #666666;
	}
.descb:hover{
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	background-color: white;	
	color: #F69611;
	text-decoration: none;	
	}	
.header{
	position:relative;
	width:1060px;
	min-width:120px;
	margin-left:15px;
	border:0px solid black;
	background-color:white;
	padding:10px;
	z-index:3; 
	float: center}
.header1{
	position:relative;
	width:500px;
	height: 75px;
	min-width:120px;
	margin-left:auto;
	margin-right:auto;
	border:0px solid black;
	background-color:white;
	padding:10px;
	z-index:3; 
	float: center}
.footer{
	vertical-align: baseline;
	display: block;
	font-family: arial;
	font-size: 12px;
	color: #666666;
	margin-left: auto;
	margin-right: auto;
} 
.logo{
	display: block;
	margin-left: auto;
	margin-right: auto;
} 
/*active, center side */
.table1>p {margin:0px;}
.table1>p+p {text-indent:30px;}
.table1 {
	position:absolute; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:700px;
	margin-left:200px;
	margin-right:200px;	
	border:1px solid #D4D4DD;
	color: #666666;
	background-color:white;
	padding:2px;
	z-index:3;
	}
.table1 div {
	padding:5px;
	border:0px solid #blue;
	}
/*active, left side */
.table4>p {margin:0px;}
.table4>p+p {text-indent:30px;}
.table4 {
	position:absolute;
	width:160px;
	margin-left:15px;
	margin-right:15px;	
	border:1px solid #BFBFBF;
	background-color: #D4D4DD;
	padding:5px;
		}
.table4 div {
	padding:5px;
	border:1px solid #blue;
	}
/*active, right side */
.table5>p {margin:0px;}
.table5>p+p {text-indent:30px;}
.table5 {
	position:absolute;
	width:160px;
	margin-left:920px;
	margin-right:15px;	
	border:1px solid #BFBFBF;
	background-color: #D4D4DD;
	padding:5px;
		}
.table5 div {
	padding:5px;
	border:1px solid #blue;
	}	
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.gallerycontainer{
position: relative;
float:left;
width: 244px;
height: 110px;
font-family: arial;
color: #666666;
font-size: 12px;
border-top: 1px dashed #D4D4DD;
z-index:50;
}
.gallerycontainer1{
position: relative;
float:left;
padding: 5px;
color: #666666;
width: 430px;
height: 110px;
font-family: arial;
font-size: 12px;
line-height: 17px;
border-top: 1px dashed #D4D4DD;
z-index:0;
}
.gallerycontainer2{
border: 0px solid black;
float:left;
width: 90%;
height: 850px;
font-family: arial;
font-size: 12px;
}
.thumbnail img{
border: 2px solid white;
margin: 0 5px 5px 0;
}
.thumbnail:hover{
background-color: transparent;
}
.thumbnail:hover img{
border: 2px solid #F69611;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #D4D4DD;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: blue;
z-index: 50;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;}
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -50px;
left: 250px; /*position where enlarged image should offset horizontally */
z-index: 50;
}