@charset "UTF-8";


.shadow {
  -moz-box-shadow: 1px 3px 6pxx #000;
  -webkit-box-shadow: 1px 3px 6px #000;
  box-shadow:1px 3px 6px #000;
}

.reflection {
	
	-webkit-box-reflect:below 1px
    -webkit-gradient(linear, left top, left bottom, from(transparent),
    color-stop(0.5, transparent), to(white));
	
	/* No Mozilla Reflection code*/
}	
	

#body-background-glare-wrapper {
   position: fixed;
   width:100%;
}

#body-background-glare
{
   position: relative;
   top: 0;
   max-width:1264px;
   min-width: 1000px;
   height:548px;
   left: 0;
   margin-right: auto;
   background-image: url('/images/page_gl.png');
   background-repeat: no-repeat;
   background-position: left top;
}

body {
	background-color: #a19a7e;
	background-repeat: repeat;
	top: 0px;
	margin-top: 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}





.page {
	background-image: url(/images/bg-page.gif);
	background-repeat: repeat-y;
	height: 750px;
	width: 1000px;
	left: auto;
	right: auto;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	bordercolor: #4D3639;
	margin-top: 0px;
	top: 0px;
	background-color: #dbd7c3;
}

.slideBorder {
	height: 501px;
	width: 621px;
	margin-top: 0px;
	border: 2px groove #FFF;
}
.slideBorderIndex {
	height: 580px;
	width: 621px;
	margin-top: 0px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-color: #4D3639;
	border-top-style: groove;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: groove;
}



.theHornes {
	left: auto;
	width: 1000px;
	position: relative;
	color: #f4f2e3;
	text-shadow: #000 1px 1px 2px;
	font-size: 30px;
	text-align: center;
	padding-top: 10px;
}

.theHornes a:link {
	color: #f4f2e3;
	text-shadow: #000 1px 1px 2px;
	font-size: 30px;
	text-align: center;
	text-decoration: none;
}
.theHornes a:visited {
	text-decoration: none;
	color: #f4f2e3;
	text-shadow: #000 1px 1px 2px;
	font-size: 30px;
	text-align: center;
}
.theHornes a:hover {
	text-decoration: none;
	color: #f4f2e3;
	text-shadow: #000 1px 1px 2px;
	font-size: 30px;
	text-align: center;
}
.theHornes a:active {
	text-decoration: none;
	color: #f4f2e3;
	text-shadow: #000 1px 1px 2px;
	font-size: 30px;
	text-align: center;
}

.navBar {
	width: 1020px;
	height: 28px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 5px;
	color: #4D3639;
	left: auto;
	position: inherit;
	right: 10px;
	margin-right: auto;
	margin-left: auto;
	background-color: #e6e6dc;
	border: 1px solid #4D3639;
	
	background: #a19a7e; /* Old browsers */

	background: -moz-linear-gradient(left,  #a19a7e 0%, #e1e0ca 30%, #e1e0ca 70%, #a19a7e 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a19a7e), color-stop(30%,#e1e0ca), color-stop(70%,#e1e0ca), color-stop(100%,#a19a7e)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(left,  #a19a7e 0%,#e1e0ca 30%,#e1e0ca 70%,#a19a7e 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(left,  #a19a7e 0%,#e1e0ca 30%,#e1e0ca 70%,#a19a7e 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(left,  #a19a7e 0%,#e1e0ca 30%,#e1e0ca 70%,#a19a7e 100%); /* IE10+ */

	background: linear-gradient(left,  #a19a7e 0%,#e1e0ca 30%,#e1e0ca 70%,#a19a7e 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a19a7e', endColorstr='#a19a7e',GradientType=1 ); /* IE6-9 */






}

/*  shadow: h-shadow v-shadow blur spread color inset;*/

.navShadow {
  -moz-box-shadow: 2px 2px 4px #666;
  -webkit-box-shadow: 2px 2px 4px #666;
  box-shadow: 2px 2px 4px #666;
}

.navText {
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-size: 14px;
	text-align: center;
	font-weight: normal;
}


.navGallery {
	padding-top: 5px;
	padding-bottom: 5px;
	/*height: 26px;*/
	width: 100px;
	position: absolute;
	left: 300px;
	/*top: 73px;*/
	border-right-width: thin;
	border-right-style: ridge;
	border-right-color: #4D3639;
	border-left-width: thin;
	border-left-style: ridge;
	border-left-color: #4D3639;
}

.navGenealogy {
	padding-top: 5px;
	padding-bottom: 5px;
	/*height: 26px;*/
/*	height: 26px;*/
	width: 100px;
	position: absolute;
	left: 400px;
/*	top: 73px;*/
	border-right-width: thin;
	border-right-style: groove;
	border-right-color: #4D3639;
}

.navMembers {
	padding-top: 5px;
	padding-bottom: 5px;
	/*height: 26px;*/
	/*height: 26px;*/
	width: 100px;
	position: absolute;
	left: 500px;
	/*top: 73px;*/
	border-right-width: thin;
	border-right-style: groove;
	border-right-color: #4D3639;
}

.navAbout {
	padding-top: 5px;
	padding-bottom: 5px;
	/*height: 26px;*/
	/*height: 26px;*/
	width: 100px;
	position: absolute;
	left: 600px;
	/*top: 73px;*/
	border-right-width: thin;
	border-right-style: groove;
	border-right-color: #4D3639;
}


.indexContent {
	right: auto;
	bottom: auto;
	width: 560px;
	margin-right: auto;
	margin-left: auto;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	position: absolute;
	left: 225px;
	top: 515px;
}

 #indexImage {
	 
	right: auto;
	bottom: auto;
	width: 560px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
}

.aboutContent {
	width: 620px;
	left: 344px;
	position: absolute;
	top: 134px;
	height: 584px;
}

.timelineContent {
	width: 620px;
	left: 344px;
	position: absolute;
	top: 134px;
	height: 584px;
	background: #EAE9D5;
}

.memberContent {
	width: 620px;
	left: 344px;
	position: absolute;
	top: 134px;
	height: 584px;
}
.genealogyContent {
	width: 620px;
	left: 344px;
	position: absolute;
	top: 134px;
	height: 584px;
}
.galleryContentHead {
	height: 20px;
	width: 629px;
	left: 341px;
	margin-top: 0px;
	top: 100px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	font-variant: small-caps;
	color: #f4f2e3;
	text-shadow: #000 1px 1px 2px;
	font-style: italic;
}

.galleryContent {
	width: 625px;
	/*	background-repeat: no-repeat;
	background-position: center top;*/
	padding-top: 0px;
	left: 341px;
	position: absolute;
	top: 134px;
	z-index: 5000;
	height: 584px;
	background: #EAE9D5;
	border: 1px solid #4D3639;
}
.galleryContent-Description {
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	padding-top: 0px;
	font-size: 14px;
	line-height: 16px;
	left: 113px;
	position: absolute;
	top: 350px;
	text-shadow: #000 1px 1px 1px;
	text-align: justify;
	height: 106px;
	bottom: 0px;
}


.movieBorder {
	height: 451px;
	width: 611px;
	margin-top: 0px;
	border: 2px groove #4D3639;
	background-color: #000;
	padding-left: 10px;
}

.galleryDescriptionMovie {
	width: 595px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	line-height: 16px;
	left: 0px;
	position: absolute;
	top: 456px;
	background-color: #EAE9D5;
	height: 98px;
	text-align: left;
	padding: 15px;
}

a:link {
	color: #666;
	text-decoration: none;
	
}
a:visited {
	text-decoration: none;
	color: #666;
}
a:hover {
	text-decoration: none;
	color: #FF6633;
	font-size: 15px;
}
a:active {
	text-decoration: none;
	color: #666;
}

.menuShadow {
  -moz-box-shadow: inset 0 0 10px #666 ;
  -webkit-box-shadow: inset 0 0 10px #666 ;
  box-shadow: inset 0 0 10px #666 ;
}


.menu {
	width: 280px;
	height: 584px;
	left: 30px;
	position: relative;
	top: 6px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	line-height: 14px;
	background-color: #EAE9D5;
	border: 1px solid #4D3639;
	margin-right: 10px;
}


.menuText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 10px;
	line-height: 18px;
	text-align: justify;
	height: 564px;
}


.menuTitle {
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align: left;
	color: #f4f2e3;
	text-shadow: #000 1px 1px 2px;
	font-style: italic;
	margin-top: 10px;
	padding-bottom: 6px;
	position: relative;
	padding-left: 60px;
}

.menuAccordianActive {
	height: 452px;
	padding:10px 0px 15px 15px;
	overflow-y: auto;
	width: 264px;
	line-height: 16px;
}

.menuAccordianActive a:hover  {
	font-size: 12px;
	}

.help {
	height: 20px;
	width: 20px;
	margin-left: 974px;
	margin-top: 10px;
}


#image-help {
	background-color: #FFF;
	display: none;
	margin: 3px;
	height: 320px;
	width: 300px;
	border: 1px  #4D3639;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px;
}


.hidden {
	visibility: hidden;
}



.footer {
	height: 20x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	text-align: right;
	text-decoration: none;
	margin-top: 20px;
}	
	
	
.footer a:link {
	color: #666;
}

.footer a:hover 
{
	color: #FF6633;
	font-size: 10px;
}
.footer a:visited {
	color: #666;
}

.footer a:active {
	color: #666;
}