body {
	/* background-color: #262254;
	font-family: Verdana, Arial, Sans-serif; */
	background-color: #d3b7a6;
    background-image: url(images/bg.jpg);
	font-size: small-caps;
	padding-top: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Sans-serif;
	}

table td img{
	display: block;
}	

	.scroll-box {
		width: 100%;
		height: auto;
		overflow-x: hidden;
		font-family: arial, Helvetica, sans-serif;
		background: rgb(0, 0, 0) transparent;
		background: rgba(0, 0, 0, 0.5);
		border: 1px ridge lightgray;
		margin-top: 20px;
		margin-bottom: 60px;
		margin-left: auto;
		margin-right: auto;
		font-size: 13px;
		padding: 10px;
	}
#container{
	background-color: transparent;
		margin-left:auto;
		margin-right:auto;
		width: 1025px;
		
		}
		
#Table_01{
	display: block;
}
#header{
		background-image:url("./images/header.jpg");
        background-repeat:repeat-x;
		background-position:center; 
		width: 10205px;
		height: 466px;
		}
		
.logo{
		float: center;
		
		}
		
#center-content{
	background-image: url(images/home_03.jpg);
	width: 100%;
	height: auto;
	display: block;
}
		
#content{
		background-position:center;
		margin-top: 0;
		width: 1025px;
		}
	
.content_box 
		{
	background-image:url(images/scene_thumb.png);
	background-repeat:no-repeat;
	width:343px;
	text-align:center;
	height:245px;
	margin-left: 10px;
	margin-top: 20px;
	float:left;
	text-shadow: 2px 2px black;
		}
		
.thumb {
	padding:6px 6px 0;
}

.thumb a:hover {
	border:none;
	opacity:0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */
}

.text_box {
	background-image:url(images/scene_desc.png);
	background-repeat:no-repeat;
	padding:1px 1px;
	height:48px;
	
}

.text_box a {
	text-decoration:none;
}

.text_box a:hover {
	text-decoration:underline;
	border:none;
	}
			
		a {
			color: white;
		}	
	
		h1 {
		font-family: Verdana, Arial, Sans-serif;
        font-weight: bold;
        color: white;
        font-size: 26px;
        text-shadow: 2px 2px 3px black;
          }

        .text_box h2 {
		height:6px;
        color: white;
		font-weight: bold;
        font-size:14px;	
		float:left;		
		width:120px;
		height:25px;
		margin:3px;
		text-shadow: 1px 1px #272822;
		
}

		.text_box h3 {
        color: white;
		font-weight: normal;
        font-size:12px;
		width:450px;
		height:2px;
		margin:3px;
		position:relative;
		top:20px;
		left:-120px;
		text-align:left;
		text-shadow: 1px 1px #272822;
		
		}
			
			p {
			text-align: center;
			color: #000;
			}
			
		
		
div#footer_nav{
	height:1.5em;
	clear:both;
	padding-top:.5em;
	width:800px;
}
div#footer_nav ul{
	margin:0;
	padding:0;
	list-style:none;
}
div#footer_nav li{
	width:450x;
	display:inline-block;
	text-align:center;
}

#footer_nav ul li a {
		text-decoration: none;
		padding: .2em 1em;
		font-size: 1.2em;
		color: #000;
		font-weight: bold;
		}
		
#footer_nav a:hover{
		color: rgb(255, 136, 0);
		font-weight: bold;	
		}
.table{
		border: none;
		color:#000;
		text-align:center;
		border-collapse:collapse;
		}
			
			
.next_page{
		width: 600px;
		height: 26px;
		border-radius: 10px;
		background: #cd1717;
}
.next_page li{
		vertical-align: middle;
		margin: 5px;
}

.next_page ul li a{
		font-weight: bold;
		color: black;
		list-style: none;
		text-decoration: none;
}


.underline{
		text-decoration:underline;
		}

.active{
		color: white;
		font-weight: bold;
		}
		


li
	{
		display:inline;
	}

#navigation{	
		/* background-image:url("./images/navigation.png"); */
		background-color: #543884;
		width: 100%;
		height: auto;
		margin: auto;
		padding: 0;
		background-position:center; 
		}
#nav ul{
		margin: 0;
		padding:25px 25px;
		font-size: large;
		list-style-type: none;
		text-align: center;
		text-shadow: 1px 1px 3px #272822;
		}

#nav ul li { 
		display: inline; 
		
		}

#nav ul li a{
		font-weight: bold;
		text-decoration: none;
		padding: 1em .4em;
		color: white;
		}


		
#footer{
		background-image:url("./images/footer.png");
		width: 1020px;
		height: 141px;
		padding:0;
		margin:0;
		}
		
		#join-header{
	background-image: url(./images/join-header.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	width: 992px;
	height: 300px;
	padding-top: 0;

}	

.join-insert{
	width: 90%;
	height: 480px;
	margin: 0 auto;
	background: #310000;
	color: #fff;
	text-align: center;
	padding: 10em auto; 
	margin-top: 1em;
}

.join-content{
        background-color: #fff;
		text-align: center;
		width: 1025px;	
		height: auto;
		padding: 4em 0;
		color: #000;
		}

.join-form{ 
	float: left;
	background: #272822 ;
    width: 500px;
    height: 350px; 	
    margin-top: 0x;
    margin-left: 25px; 
    padding-top: 0px;


}

.join-list{
	float: left;
	background: #e70909;
	width: 550px;
	height: 350px;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: auto;
    margin-right: auto; 
}

.join-list li {
	list-style-type: lower-roman;
    padding: auto;
 	overflow: hidden;

	}

.join-list ul {
  line-height: 12px; 
  width: 500px;
}

.join-list h2 {
		
        color: #272822;
		font-weight: bold;
        font-size:15px;			
		width: 250px;
		text-align: left;
		margin-bottom: 0px;
		margin-top: 10px;

}

.join-list h3 {
		
        color: white;
		font-weight: normal;
        font-size:12px;	
        width: 450px; 	
        text-align: left;
        margin-top: 15px;
        text-shadow: 1px 1px black;	
		
}

.join-content h4 {
		color: #272822;
		font-weight: bold;
        font-size:55px;			
		width: 1000px;
		text-align: center;
		margin-left: 50px;
		text-shadow: 2px 2px 3px white;
}

#join-footer{
	background-image: url("./images/footer.png");
	width: 1025px;
	height: 100px;
	padding-top: 15px;
	margin-top: 10px;
}

	#join-footer p {
			text-align: center;
			color: #fff;
			}
		
	#members-header{
	background-image: url(./images/member-header.jpg);
	background-repeat: no-repeat;
	background-position: center;	
	
	width: 1020px;
	height: 174px;
	padding-bottom: 0px;
}

.members-nav {
	background-color: black;
		width: 1020px;
		height: 34px;
		background-position:center; 
}

.members-nav ul{
		margin: 0;
		padding:5px;
		float: center;
		font-size: large;
		list-style-type: none;
		text-align: center;
		}

.members-nav ul li  { 
		display: inline-block;
		color: white;
		margin-left: 30px;
		margin-right: 30px;
		}

.members-nav a  { 
		color: #ffebd5;
		text-decoration: none;
		}

.members-nav a:hover { 
		color: #543884;
		text-decoration: underline;
		}

#members-container{
        background-image: url(./images/carbon_fibre.png);
		margin-left:auto;
		margin-right:auto;
		overflow: hidden;
		clear: both;
		width: 1020px;
		
		}

#members-container p {
		margin-left: 100px;
			text-align: center;
			width: 870px;
			font-size: smaller;
			color: lightgray;
			}



.members-content {
		background-image: url(./images/carbon_fibre.png);
		background-repeat: no-repeat;
		margin-left:auto;
		margin-right:auto;
		width: 1020px;
}


.members-content-box 
		{
	background-color: white;
	background-repeat:no-repeat;
	width:256px;
	text-align:center;
	height:125px;
	margin-left: 17px;
	margin-top: 3px;
	margin-bottom: 30px;
	padding-bottom: 100px;
	float:left;
		
		}


.members-thumb {
	padding:6px 6px 0;
}

.members-thumb h2 {
	color: black;
	font-size: 12px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.members-thumb h3 {
	color: black;
	font-size: 10px;
	width: 250px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.latest-videos {
	background-image: url(./images/snippet.png);
	background-repeat: no-repeat;
	overflow: hidden;
	text-align:center;

}

.latest-videos h3 {
	color: white;
	font-size: 12px;
	width: 250px;
	margin-bottom: 35px;
	margin-top: 8px;
	margin-left: 60px;
	text-align: left;
}



.photo-sets {
	background-image: url(./images/snippet.png);
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 5px;
	text-align:center;
}

.photo-sets h3 {
	color: white;
	font-size: 12px;
	width: 250px;	
	height: 50px;
	margin-bottom: 6px;
	margin-top: 3px;
	padding-top: 8px;
	margin-left: 60px;
	text-align: left;
}

.photo-sets h2 {
	color: black;
	font-size: 12px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-left: 0;
	text-align: center;
}


.photo-content-box {
	background-color: white;
	width: 177px;
	height: 246px;
	
	
	
	padding-bottom: 10px;
	padding-top:  1px;
	margin: auto;
	margin-left: 37px;
	margin-bottom: 25px;
	float: left;
}

.photo-thumb {
	padding:6px 50px 0;
}

.photo-content-box h3 {
	color: black;
	font-size: 10px;
	width: 250px;	
	height: 50px;
	margin-bottom: 6px;
	margin-top: 3px;
	padding-top: 2px;
	margin-left: 5px;
	text-align: left;
}

.pagination {
    display: inline-block;
    padding: 1.5em 0;
    width: 100%;
    display: flex;
    justify-content: center;
}
	.pagination a{
        color: #fff;
        padding: 10px 25px;
        text-decoration: none;
        transition: #a13670 .3s;
        margin: 5px;
        font-size: 1.8em;
        font-weight: normal;
	}

	.pagination a:hover{
            text-decoration: underline;
            color: #ec4176;
        }

    .active-page{
        background-color: #ec4176;
        color: #000;
        font-weight: 900;
	}
		.active-page:hover{
            background-color: #ec4176;
            color: #000;
        }

		#content{
			background-color: transparent;
		}


.bottom{
	margin: 0;
	padding: 0;
	display: flex;
}