@charset "UTF-8";
/* CSS Document */
/* PAGE STYLES */
body,td,th {
	color:#fff;
	font-size:20px;
}
form {
	color:#005DAA;
}
body {
 
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 50px;
	font-family:Arial, sans-serif;
	font-weight:normal;
	font-size:22px;
	text-align:left;
	letter-spacing:1.2px;
	line-height:1.1em;
	width:100%;
	color: #fff;
	-webkit-text-size-adjust: none;
 
}
h1 {
	font-family:"Century Gothic", Arial, sans-serif;
	font-weight:normal;
	letter-spacing:2px;
	color: #fdc60a;
	text-shadow: 2px 2px 3px #000;
	margin-top:0px;
	margin-bottom:0px;
	line-height:100%;
}
h2 {
	font-size:30px;
	font-family:"Century Gothic", Arial, sans-serif;
	font-weight: normal;
	color: #fdc60a;
	letter-spacing:2px;
	text-shadow: 2px 2px 3px #000;
}
h3 {
	font-size:26px;	
}
h4 {
	font-size:24px;	
}
h5 {
	font-size:20px;	
}
h6 {
	font-size:18px;	
	font-style:italic;
	color:#005DAA;
}
a { 
	outline: none;
	color:#fff;

}
a:link {
	color:#FFF;
	text-decoration:none;
	
}
a:visited {
	color:#FFF;
	text-decoration:none;
}
a:hover{
	color:#FCD60A;
	text-decoration:none;
}
a:active{
	color:#FCD60A;
	text-decoration:none;
}
a.image-link:focus { 
	outline: none;


}
img {

 
	outline:none;
}
area {

	outline:none;
}
ul {
	margin-left:auto;
}
li {
	padding-left:none;
	margin-bottom:25px;
}

/* GENERIC CLASSES */
.leavemealone {  /* PREVENTS STANDARD BROWSER SELECTION OF TEXT */

	border:none;
 
	
}



/* PAGE CONTAINER */
#pagecontainer {
	margin: 0px auto;
	padding: 0px;
	max-width:1000px;
	position: relative;
	z-index: 10;
	outline: none;

}

/* COMMON PAGE ELEMENTS */

#flex-wrap {display:flex;flex-wrap:wrap;}
        .flex-wrap > div {padding:1em 1em 1em 0;}


#pageheader {
	width:700px;
	height:150px;
	position:relative;
	background-image: url(../assets/ui/title-header.png);
	background-repeat:no-repeat;
}
#pageheadline {
	position: absolute;
	top: 20px;
	right: 50px;
	width:700px;
	height: auto;
	z-index: 20;
	text-align: right;
}
#page-title {
	position:absolute;
	top:20px;
	left:50px;
	height:auto;
	width:700px;
	text-align:left;
}

#pagecontent {
	position:absolute;
	top:100px;
	left:50px;
	width:700px;

	height:auto;	
	z-index: 20;
}
#pagecontent img {
	border:none;
}
.shadowedtext {
	text-shadow: 1px 1px 2px #000;
}
#imgcontainer {
	width:1022px;
	height:772px;
	position:absolute;
	left: 50px;
	top: 170px;	
}
#draggerinstructions {
	position:absolute;
	bottom:10px;
	left:710px;
	width:500px;
	height:auto;
	font-size:14px;
	text-align:center;
	color:#cac0b6;
}
#menuinstructions {
	position: absolute;
	bottom: 50px;
	left: 560px;
	width: 800px;
	height: auto;
	font-size: 20px;
	text-align: center;
	color: #cac0b6;
}
	.modalButtons {
		display:inline-block;
		width:auto; 
		height:auto; 
		text-align:center;
		
		background-color:rgba(255,255,255,0.58);
		padding:3px;
		margin:10px;
		
		-moz-border-radius:10px;
   		-moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .5);
    	-webkit-border-radius:10px;
    	-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .5);
    	border-radius:10px;
    	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .5);
		outline: none;

	
	}

/* END COMMON PAGE ELEMENTS */
/* Video/PHOTO TREATMENTS */
.divbevel_black_p10_m30_30 {
	padding:10px;
	background-color:rgba(0, 0, 0, 1);
    border:1px solid #666;
    margin:30px 30px;
    -moz-border-radius:10px;
    -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .5);
    -webkit-border-radius:10px;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .5);
    border-radius:10px;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .5);
	outline: none;

}
.divbevel_blue_p6_m30_30 {
	padding:6px;
	background-color:rgba(18, 25, 82, 0.7);
    border:1px solid #666;
    margin:30px 30px;
    -moz-border-radius:10px;
    -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .5);
    -webkit-border-radius:10px;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .5);
    border-radius:10px;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .5);
	outline: none;
 
 
}
.divbevel_blue_p6_m15_15 {
	padding:6px;
	background-color:rgba(18, 25, 82, 0.7);
    border:1px solid #666;
    margin:15px 15px;
    -moz-border-radius:10px;
    -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .5);
    -webkit-border-radius:10px;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .5);
    border-radius:10px;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .5);
	outline: none;
 
 
}
.divbevel_p6_m5_5 {
	padding:6px;
	background-color:rgba(0, 0, 0, 1);
    border:1px solid #666;
    margin:15px 15px;
    -moz-border-radius:10px;
    -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .5);
    -webkit-border-radius:10px;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .5);
    border-radius:10px;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .5);
	outline: none;
 
 
}
.gallerypicturebox {
	width:auto;
	position:relative;
	float:left;
	margin-bottom:30px;
	margin-right:30px;
}
/*VIDEO THINGS*/
#detailvidplayer { /*VIDEO PLAYER 1280x720 */
	background-image: url(../assets/videos/VideoBkg-1280x720.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 200px;
	width: 1425px;
	height: 892px;
	overflow: hidden;
	z-index: 35;
}
/*#vidplaybtn { /*VIDEO PLAYER* /
	position: absolute;
	left: 61px;
	top: 75px;
	width: 1280px;
	height: 720px;
	overflow: hidden;
	z-index: 37;
}
#vidplayer { VIDEO PLAYER*/
	/*position:absolute;
	left: 61px;
	top: 75px;
	width:1280px;
	height:720px;
	overflow:hidden;
	z-index: 36;
}*/
.detailvidplayerbottom-thumb { /*VIDEO PLAYER 640x480 */
	position: relative;
	float:left;
	/*top: 85px;
	left: 53px;
	width: 210px;
	height: 118px;*/
	overflow: hidden;
	z-index: 35;
	background-color: #fff;
	padding: 6px;
	border: 1px solid #ccc;
	margin: 5px 5px;
 
	-moz-border-radius: 10px;
	-moz-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, .75);
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, .75);
	border-radius: 10px;
	box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, .75);
}
/* end video stuff*/
.container_w_auto_h_auto { 
	/*max-width: auto;*/
	font-size:16px;
	text-align: center;
	display: table-cell;
	vertical-align: bottom;
	
	width:auto;
	height: 185px;
	float: left;
	margin: 20px 10px 50px 10px;
}

.container_w_auto_h_auto img { 
	/*
	height: 100px;*/
	display:inline-block;
	max-height:140px;
	width: auto;
	
}
.divbevel_p3_m10 {
	padding:4px;
	background-color:#CD7A31;
    border:2px solid #cac0b6;
    margin:3px 0px;
    
    -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .5);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .5);
	-moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    
	outline: none;
	min-height:100px;
	max-width: 350px;
 
 
}
.divroundedshadow {
	-moz-border-radius:10px;
	 -webkit-border-radius:10px;
	 border-radius:10px;
    -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .5);
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .5);
	outline: none;
 
}
.dropshadow {
    -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .5);
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .5);
	outline: none;
 
}
.textshadow {
	text-shadow: 2px 2px 3px #000;
}
.loupe {  
	background:rgba(0, 0, 0, 0.25); 
	padding:2px;
	border:3px solid #6e7645; 
	z-index:1000;
	-moz-border-radius:400px;
    -webkit-border-radius:400px;
    border-radius:400px;
	-moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .5);
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .5);
}

/*END IMAGE AND DROP SHADOW THINGS*/


#pagefooter-Search {
	position:absolute; bottom:10px; right:280px; z-index:1000;
}
/* begin pagination stuff*/
#paginationcontainer {
	width:1920px;
	height:80px;
	position:absolute;
	left:0px;
	bottom:10px;
	z-index:500;
	text-align:center;
}
#pagination {
	width:1155px;
	height:80px;
	margin:0px auto;
}
#pagination .button {width:86px; height:70px; display:inline-block; margin:0px 10px 0px 10px; padding:0px; color:#FFF; font-size:30px; line-height:64px;text-align:center;background:transparent url(btn-pages.png) 0 0px no-repeat;position:relative;text-transform:uppercase;font-weight:bold;}
/*this is for the listings, it added a grey color below the name*/
.coloredbottom {border-bottom-color: rgba(218,218,218,0.3);border-bottom-style:solid;border-bottom-width:1px;}
.coloredbottomheader {border-bottom-color: rgba(218,218,218,0.3);border-bottom-style:solid;border-bottom-width:3px;}
/*View Bio Buttons*/
.button_view_bio {
	position:relative;
	width:110px;  
 
	margin:0px 0px 0px 0px; 
	padding:0px; 
	
	background: linear-gradient (rgba(50,69,125,1), rgba(50,69,125,0.7));
	background: -webkit-linear-gradient(rgba(50,69,125,1), rgba(50,69,125,0.7)); /*Safari 5.1-6*/
  	background: -o-linear-gradient(rgba(50,69,125,1), rgba(50,69,125,0.7)); 		/*Opera 11.1-12*/
  	background: -moz-linear-gradient(rgba(50,69,125,1), rgba(50,69,125,0.7)); 	/*Fx 3.6-15*/
	background-image: -ms-linear-gradient(rgba(50,69,125,1), rgba(50,69,125,0.7)); 	/*IE 11*/
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	 border-radius:10px;
	
	color:#fff; 
	font-size:15px; 
	text-transform:uppercase;
	font-weight:normal;
	line-height:25px;
	text-align:center;
	
 
	outline:none;
}

.button_view_bio a:link {
	color:#FFF;
	text-decoration:none;
	
}
.button_view_bio a:visited {
	color:#FFF;
	text-decoration:none;
}
.button_view_bio a:hover{
	color:#FCD60A;
	text-decoration:none;
}
.button_view_bio a:active{
	color:#FCD60A;
	text-decoration:none;
}
/* end button to view bio*/

#introtext {
	margin: 0px;
	height:auto;
	max-width:800px;
	margin-left:35px;
}

#navigationfooter {
 
	width:540px;
	height: 80px;
	text-align:right;
 
}

#navigationfooterleft {
 
	width:540px;
	height: 80px;
	text-align:left;
 
}

.verticalalignmiddle {
		vertical-align:middle;
	}


/*RETURN TO MAIN MENU*/
.button_returntomainmenu {
	float:right;
	bottom: 0px;
	z-index: 1000;
	width: auto;
	height: auto;
	margin: 15px 15px 15px 15px;
	padding: 15px;
	background: linear-gradient (rgba(50,69,125,1), rgba(50,69,125,0.7));
	background: -webkit-linear-gradient(rgba(50,69,125,1), rgba(50,69,125,0.7)); /*Safari 5.1-6*/
	background: -o-linear-gradient(rgba(50,69,125,1), rgba(50,69,125,0.7)); 		/*Opera 11.1-12*/
	background: -moz-linear-gradient(rgba(50,69,125,1), rgba(50,69,125,0.7)); 	/*Fx 3.6-15*/
	background-image: -ms-linear-gradient(rgba(50,69,125,1), rgba(50,69,125,0.7)); 	/*IE 11*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #FFF;
	font-size: 20px;
	font-weight: normal;
	line-height: 20px;
	text-align: center;
 
 
}

a .button_returntomainmenu:link {
	color:#FFF;
	text-decoration:none;
	
}
a .button_returntomainmenu:visited {
	color:#FFF;
	text-decoration:none;
}
a .button_returntomainmenu:hover{
	color:#FCD60A;
	text-decoration:none;
}
a .button_returntomainmenu:active{
	color:#FCD60A;
	text-decoration:none;
}


/**/
/*SEARCH FOR A MEMBER*/
.button_searchformember {
	float:right;
	bottom: 0px;
	z-index: 1000;
	width: auto;
	height: auto;
	margin: 15px 15px 15px 15px;
	padding: 15px;
	background: linear-gradient (rgba(50,69,125,1), rgba(50,69,125,0.7));
	background: -webkit-linear-gradient(rgba(50,69,125,1), rgba(50,69,125,0.7)); /*Safari 5.1-6*/
	background: -o-linear-gradient(rgba(50,69,125,1), rgba(50,69,125,0.7)); 		/*Opera 11.1-12*/
	background: -moz-linear-gradient(rgba(50,69,125,1), rgba(50,69,125,0.7)); 	/*Fx 3.6-15*/
	background-image: -ms-linear-gradient(rgba(50,69,125,1), rgba(50,69,125,0.7)); 	/*IE 11*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #FFF;
	font-size: 20px;
	font-weight: normal;
	line-height: 20px;
	text-align: center;
 
 
}

a .button_searchformember:link {
	color:#FFF;
	text-decoration:none;
	
}
a .button_searchformember:visited {
	color:#FFF;
	text-decoration:none;
}
a .button_searchformember:hover{
	color:#FCD60A;
	text-decoration:none;
}
a .button_searchformember:active{
	color:#FCD60A;
	text-decoration:none;
}
/**/
/*VIEW FULL LISTING*/
.button_fallen_full_listing {
	float:right;
	bottom: 0px;
	z-index: 1000;
	width: auto;
	height: auto;
	margin: 15px 15px 15px 15px;
	padding: 15px;
	background: linear-gradient (rgba(50,69,125,1), rgba(50,69,125,0.7));
	background: -webkit-linear-gradient(rgba(50,69,125,1), rgba(50,69,125,0.7)); /*Safari 5.1-6*/
	background: -o-linear-gradient(rgba(50,69,125,1), rgba(50,69,125,0.7)); 		/*Opera 11.1-12*/
	background: -moz-linear-gradient(rgba(50,69,125,1), rgba(50,69,125,0.7)); 	/*Fx 3.6-15*/
	background-image: -ms-linear-gradient(rgba(50,69,125,1), rgba(50,69,125,0.7)); 	/*IE 11*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #FFF;
	font-size: 20px;
	font-weight: normal;
	line-height: 20px;
	text-align: center;
 
 
}

a .button_fallen_full_listing:link {
	color:#FFF;
	text-decoration:none;
	
}
a .button_fallen_full_listing:visited {
	color:#FFF;
	text-decoration:none;
}
a .button_fallen_full_listing:hover{
	color:#FCD60A;
	text-decoration:none;
}
a .button_fallen_full_listing:active{
	color:#FCD60A;
	text-decoration:none;
}
/**/
/*GO BACK*/
.button_goback {
	float:left;
	bottom: 0px;
	z-index: 1000;
	width: auto;
	height: auto;
	margin: 15px 15px 15px 15px;
	padding: 15px;
	background: linear-gradient (rgba(50,69,125,1), rgba(50,69,125,0.7));
	background: -webkit-linear-gradient(rgba(50,69,125,1), rgba(50,69,125,0.7)); /*Safari 5.1-6*/
	background: -o-linear-gradient(rgba(50,69,125,1), rgba(50,69,125,0.7)); 		/*Opera 11.1-12*/
	background: -moz-linear-gradient(rgba(50,69,125,1), rgba(50,69,125,0.7)); 	/*Fx 3.6-15*/
	background-image: -ms-linear-gradient(rgba(50,69,125,1), rgba(50,69,125,0.7)); 	/*IE 11*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #FFF;
	font-size: 20px;
	font-weight: normal;
	line-height: 20px;
	text-align: center;
 
 
}

a .button_goback:link {
	color:#FFF;
	text-decoration:none;
	
}
a .button_goback:visited {
	color:#FFF;
	text-decoration:none;
}
a .button_goback:hover{
	color:#FCD60A;
	text-decoration:none;
}
a .button_goback:active{
	color:#FCD60A;
	text-decoration:none;
}
/**/
/* modal css */
/* non CC */
.modalDialog {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
	}

	.modalDialog:target {
		opacity:1;
		pointer-events: auto;
	}

	.modalDialog > div {
		width: 740px;
		position: relative;
		margin: 10% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
		text-align:center;
	}
	/* end non CC version */
	
	/* begin CC version */
	.modalDialog-CC {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
	}

	.modalDialog-CC:target {
		opacity:1;
		pointer-events: auto;
	}

	.modalDialog-CC > div {
		width: 740px;
		position: relative;
		margin: 10% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
		text-align: center;
	}
	/* end CC version */
	.close {
		background: rgba(140,65,31,1.00);
		color: #FFFFFF;
		line-height: 50px;
		position: absolute;
		right: -12px;
		text-align: center;
		top: -10px;
		width: 50px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}

	.close:hover { background: rgba(240,202,54,1.00); }
/* end modal css */