/* CSS reset*/
html, body, div, span, applet, object, iframe, h1, h2,h3,h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, sam, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, lable, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;padding:0;outline:0;}
ol, ul, li {
list-style-type:none;}
header, nav, footer, section {
display:block;}
a {text-decoration:none;}
img{  border-style: none;}



	
/* End CSS reset */

.center {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
	
@font-face{ 
			font-family: 'WebSymbolsRegular';
			src: url('../css/webfonts/websymbols-regular-webfont.eot');
			src: url('../css/webfonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     		url('../css/webfonts/websymbols-regular-webfont.woff') format('woff'),
	     		url('../css/webfonts/websymbols-regular-webfont.ttf') format('truetype'),
	     		url('../css/webfonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
	}
        
body {
    /*background-image:url("../images/bg_suede.jpg");*/
    background-image:url("../images/background.jpg");
	padding-top:30px;
    min-height:850px;
    position: relative;
    width:100%;

}

body#home {
    background-image:url("../images/temp.jpg");
    max-width:100%;
    background-size: cover;
    
    background-color:#988866;
    
}
body#home2 {
    background-image:url("../images/dun_opaque.jpg");
    max-width:100%;
    background-size: cover;
    
    background-color:#988866;
    
}


#container, #container_1942, #container_1943{
    padding-top:100px;
	margin-left:auto;
	margin-right:auto;
	width:1700px;
	overflow:visible;
}


#container_1943 {

	margin-top:100px;
	margin-left:305px;
	padding-top:0px;
	/*border:red solid 1px;*/
	width:1030px;
	height:430px;
}



#diary_container {
	width:1300px;
    padding-top:50px;
	margin-left:auto;
	margin-right:auto;
	display:block;

}

#diary_header {
	postition:relative;
	width:500px;
	
	
}

#diary_header h2 {
	position: relative;
	top:-1200px;
	left:400px;
	width:450px;
	z-index:10;
	font-family: courgette;
	font-size:16px;
	font-weight:200;
	text-align:center;
	
	
}
#diary_header p  {
	margin-top:20px;
	position: relative;
	top:-1200px;
	left:400px;
	width:430px;
	z-index:10;
	font-family: 'Cantora One', sans-serif;
	font-size:16px;
	font-weight:200;
	text-align:left;
	color: #535353;
	
}


#menubar {
    position: fixed;
    height: 30px;
    width: 100%;
    top:0px;
    background-color: black;
    opacity:0.6;
    filter:alpha(opacity=60); /* For IE8 and earlier */
	-moz-box-shadow:    0 -4px 27px 2px #000;
    -webkit-box-shadow: 0 -4px 27px 2px #000;
    box-shadow:         0 -4px 27px 2px #000;
    z-index:40;
    

    
}

#menubar ul {
    list-style: none;
    padding-left:20px;
}

#menubar ul li {
    display: block;
    float: left;
    width: 16.66%;
}

#menubar ul li a {
    display: block;
    text-decoration: none;
    text-align: center;
    font-size:140%;
    color: grey;
}

#menubar ul li a:hover {
    color:gold;
    
}

#menubar li ul {
    display:none;
}

#menubar li:hover ul {
    display:block;
}

#menubar ul li ul li{
    background-color: black;
    width: 200px;
}

#menubar ul li ul li:hover{
    background-color: gold;
    
    
}

#menubar ul li ul li a{
    text-align:left;
    padding-left:9px;
}

#menubar ul li ul li a:hover{
    color:black;
}


#home_container {
    
    width: 800px;
    background-color:white;
    opacity:0.8;
    box-shadow:  -0px 3px 25px #333;
        -moz-box-shadow:  -0px 3px 25px #333;
        -webkit-box-shadow:  -0px 3px 25px #333;
    min-height:850px;
    margin:auto;
    top:50px;
    font-family: monospace;
    padding:15px;
   
}

#diary_nav,#diary_month {
	background-color: black;
	position:fixed;
    opacity:0.6;
    filter:alpha(opacity=60); /* For IE8 and earlier */
	width:100%;
	height:25px;
	padding-top:4px;
	z-index:40;	

}


#diary_nav 	{ }
#diary_month{top:58px; }


#diary_nav ul li {
	float:left;
	width:10%;

}

#diary_month ul li {
	float:left;
	width:8.3%;

}


#diary_nav ul li a,#diary_month ul li a {
	display: block;
    text-decoration: none;
    text-align: center;
    font-size:100%;
    color: grey;
}

#diary_nav ul li a:hover,#diary_month ul li a:hover {
	color:gold;
}

.gold {
	color: gold;
}

#leftpage, #leftpage_1944  {

    float:left;
    margin-left:50px;
    color:gray;
        box-shadow: -0px 3px 25px #333;
        -moz-box-shadow: -0px 3px 25px #333;
        -webkit-box-shadow: -0px 3px 25px #333; 
	
}

#leftpage  {
    background-image:url("../diaries/1938_pages/blank.jpg");
	height:790px;
    width:370px;
}

#leftpage_1944  {
    background-image:url("../diaries/1944_pages/1944-blank.jpg");
	height:590px;
    width:370px;
}



#book_container_1936 {
	width:590px;
	height:425px;
	float:left;
	margin-left:auto;
	margin-right:auto;
	background-image:url("../diaries/1936_pages/1936_bg.jpg");
	background-repeat:no-repeat;
	border-radius:15px;
	box-shadow: -0px 3px 25px #333;
        -moz-box-shadow: -0px 3px 25px #333;
        -webkit-box-shadow: -0px 3px 25px #333; 
}

#leftpage_1936 {
	z-index:50;
	height:400px;
    width:270px;
    float:left;
    margin-left:25px;
	margin-top:10px;
    background-image:url("../diaries/1938_pages/blank.jpg");
    color:gray;
        box-shadow: -0px 3px 25px #000;
        -moz-box-shadow: -0px 3px 25px #000;
        -webkit-box-shadow: -0px 3px 25px #000;
}

#rightpage_1936 {
	float:left;
	position:relative;
	height:380px;
    width:260px;
	margin-top:9px;
	
}

#sideImg1936 {
	position:relative;
	margin-top:20px;
	left:0px;
	float:left;

}


#sideImg1936 .img, #sideImg .img {
    
	box-shadow:  -0px 3px 25px #333;
        -moz-box-shadow:   -0px 3px 25px #333;
        -webkit-box-shadow:  -0px 3px 25px #333;

}

#book_container_1942 {
	
	position:absolute;
	width:950px;
	height:425px;
	float:left;
	left:225px;
	top:370px;
	background-image:url("../diaries/1942_pages/1942_bg.jpg");
	background-repeat:no-repeat;
	border-radius:15px;
	box-shadow: -0px 3px 25px #333;
        -moz-box-shadow: -0px 3px 25px #333;
        -webkit-box-shadow: -0px 3px 25px #333; 
}

#book_container_1943 {
	
	position:absolute;
	width:1030px;
	height:425px;
	float:left;
	left:325px;
	top:110px;
	background-image:url("../diaries/1943_pages/1943_bg.jpg");
	background-repeat:no-repeat;
	border-radius:15px;
	box-shadow: -0px 3px 25px #333;
        -moz-box-shadow: -0px 3px 25px #333;
        -webkit-box-shadow: -0px 3px 25px #333; 
}


#leftpage_mem {

    text-align:left;
	font-size:80%;
	height:500px;
    width:400px;
    float:left;
    margin-left:50px;
	background-image:url("../diaries/memories_pages/blank.jpg");
    color:#333;
        box-shadow: -0px 3px 25px #333;
        -moz-box-shadow: -0px 3px 25px #333;
        -webkit-box-shadow: -0px 3px 25px #333; 
}


#rightpage {
    width:370px;
    float:left;
}






#image1942, #image1943 {
    margin-left:20px;
    margin-top:20px;
    width:450px;
    float:left;
	
}

#image1942 img {
    width:450px;
    border-radius:18px;
}

#image1943 img {
    height:380px;
    border-radius:18px;
	
}


#image1942_left {
    background-image:url("../diaries/1942_pages/text_page_left.jpg");
    margin-left:15px;
    margin-top:22px;
    padding-left:15px;
    padding-right:15px;
    width:195px;
    height:375px;
    border-radius:18px 0px 0px 18px;
    float:left;
    box-shadow: -4px 2px 15px #848484;
        -moz-box-shadow: -4px 2px 15px #848484;
        -webkit-box-shadow: -4px 2px 15px #848484;
    color:#707070;
    text-align:left;
    font-size:80%;
}






#image1942_right {
    background-image:url("../diaries/1942_pages/text_page_right.jpg");
    margin-left:0px;
    margin-top:22px;
    padding-left:15px;
    padding-right:15px;
    width:195px;
    height:375px;
    border-radius:0px 18px 18px 0px;
    float:left;
    box-shadow: -4px 2px 15px #848484;
        -moz-box-shadow: -4px 2px 15px #848484;
        -webkit-box-shadow: -4px 2px 15px #848484;
    color:#707070;
    text-align:left;
    font-size:80%;
}


#image1942_left img {
    display:block;
    width:225px;
    border-radius:18px;
    z-index:-1;
    position:relative;
}

#image1942_right img {
    display:block;
    width:225px;
    border-radius:18px;
    z-index:-1;
    position:relative;
}




#textcontainer_mem {
    padding-top:35px;
    padding-left:30px;
    padding-right:30px;
    height:690px;
    text-align: left;

}

#textcontainer {
    padding-top:35px;
    padding-left:30px;
    padding-right:30px;
    height:690px;
    text-align: left;

}

#leftpage_1936 #textcontainer {
    padding-top:0px;
    padding-left:25px;
    padding-right:20px;
    height:690px;
    text-align:left;
	font-size:85%;

}



.1936_date {
	font-weight:bold;
	text-decoration:underline;
}

#buttons    {
    height:50px;
}

#rightbutton	{
    position:relative;
    text-align:right;
    left:320px;
    top:-790px;
    padding-top:5px; 
}

#rightbutton1942	{
    position:relative;
    text-align:right;
    left:-5px;
    top:5px;
    padding-top:0px; 
}

#rightbutton_1936	{
    position:relative;
    left:230px;
	top:-400px
}

#rightbutton_1938, #rightbutton_1939	{
    position:relative;
    left:325px;
    top:-785px;
}

#rightbutton_1944	{
    position:relative;
    left:320px;
    top:-590px;
      
}

          

#rightbutton_mem	{
    position:relative;
    text-align:right;
    left:0px;
    top:-500px;
    padding-top:5px; 
}


#leftbutton {
    text-align:left;
    float:left;
    padding-left:5px;
    padding-top:5px;
    display:block;
    text-align:center;
    }

/*
#leftbutton text {
    color:black;
    text-decoration:none;
    background:#cec6a2;
    width:25px;
    border-radius:15px;
    box-shadow:inset 2px 2px 5px #000;		
    display:block;
    text-align:center;
    }
*/


button.submit {
    
    border:none; 
    padding:0!important;
    color:black;
    text-decoration:none;				
    text-align:center;
}


button.submit {
    
    border:none; 
    padding:0!important;
    color:black;
    text-decoration:none;
    width:100px;
    height:30px;
    border-radius:5px;
    box-shadow: 2px 2px 5px #000;				
    display:block;
    text-align:center;
	margin-top:10px;
	background-color:#CCC;
}

button:hover {
    cursor: pointer;
}
.date	    {
    text-decoration:underline;
    font-weight:bold;
    font-family:monospace;
    width:200px;
    margin:auto;
    text-align:center;
    /* pink background:#dabaab;*/
    border-radius:3px;
    
    padding:1px 2px 1px 5px;
}

.gallery ul {
    float:none;
    
}

.gallery img {
    display:block;
}


.gallery .pic1		{
    list-style-type:none;
    display:block;
    left: 850px;
    box-shadow:  -0px 3px 25px #333;
        -moz-box-shadow:   -0px 3px 25px #333;
        -webkit-box-shadow:  -0px 3px 25px #333;
    position: absolute;
    transform:rotate(3deg);
        -ms-transform:rotate(3deg); /* IE 9 */
        -moz-transform:rotate(3deg); /* Firefox */
        -webkit-transform:rotate(3deg); /* Safari and Chrome */
        -o-transform:rotate(3deg); /* Opera */
    }
    
.gallery .pic2		{
    list-style-type:none;	
    left: 890px;
    top:275px;
    background: #eee;
    border: 1px solid #fff;
    box-shadow:  -0px 3px 25px #333;
        -moz-box-shadow:  -0px 3px 25px #333;
        -webkit-box-shadow:  -0px 3px 25px #333; 
    position: absolute;
    transform:rotate(-3deg);
    -ms-transform:rotate(-3deg); /* IE 9 */
        -moz-transform:rotate(-3deg); /* Firefox */
        -webkit-transform:rotate(-3deg); /* Safari and Chrome */
        -o-transform:rotate(-3deg); /* Opera */
				}
				
.gallery .pic3		{
    list-style-type:none;	
    left:850px;
    top:450px;
    background: #eee;
    
    box-shadow:  -0px 3px 25px #333;
        -moz-box-shadow:   -0px 3px 25px #333;
        -webkit-box-shadow:  -0px 3px 25px #333;
    position: absolute;
    transform:rotate(2deg);
        -ms-transform:rotate(2deg); /* IE 9 */
        -moz-transform:rotate(2deg); /* Firefox */
        -webkit-transform:rotate(2deg); /* Safari and Chrome */
        -o-transform:rotate(2deg); /* Opera */
}






#peopleContainer {
    padding-top: 70px;
    margin-left:40px;

    
   
}

/* ###########  MAIN  ################ */

#genBoxMain {
    height:250px;
    width:3000px;
    margin-left:25px;
    float:left;
    margin-top:50px;
	padding-bottom:50px;
}

#mainTile, #mainTileLin {
    width: 195px;
    height: 195px;
    float:left;
    margin-top:18px;
    margin-right:75px;
    background-color:#ebebeb;
    border-radius: 30px;
    font-family:monospace;
    font-size:0px;
	
}

#mainTileLin, .glowing  {
	border:3px solid gold;
	/*box-shadow:  -0px 3px 5px gold;
        -moz-box-shadow:  -0px 3px 5px gold;
        -webkit-box-shadow:  -0px 3px 5px gold;

/*-webkit-box-shadow: 0px 0px 0px 5px rgba(255,237,18,0.39); 
box-shadow: 0px 0px 0px 5px rgba(255,237,18,0.39);*/
	
}

#mainTile img,#mainTileLin img{
    border-radius: 30px;
    width: 195px;
    height: 195px;

}

#mainTile:hover,#mainTileLin:hover {
/*    font-size:24px;    */

}
 
#mainTileLin .name, #mainTile .name {
    margin-top:20px;
    text-align:center;
	font-size:20px;
	background-color: #52280A; 
	color:  #EBDDBC; 
	border: 2px groove #EBDDBC;
	padding-top:7px;
	padding-bottom:7px;
	border-radius: 7px;
	position:relative;
	z-index:1;
}

.file_button {
    margin:auto;
    margin-top:45px;
    text-align:center;
    font-size:70%;
    width:110px;
    background-color:#831730; /*Dark red*/
    border-radius: 5px;
    color:white;
    box-shadow:  -0px 3px 25px #333;
        -moz-box-shadow:  -0px 3px 25px #333;
        -webkit-box-shadow:  -0px 3px 25px #333;
}

#content_icon {
    margin:auto;
    text-align:center;
    padding-top:5px;
}

.photo_icon {
    font-size:70%;
    float:left;
    border:1px white solid;
    background-color:#988866;
    border-radius:5px;
    color:white;
    width:20px;
    
}

.doc_icon {
    font-size:70%;
    float:left;
    border:1px white solid;
    background-color:#988866;
    border-radius:5px;
    color:white;
    width:20px;
}

.cens_icon {
    font-size:70%;
    float:left;
    border:1px white solid;
    background-color:#988866;
    border-radius:5px;
    color:white;
    width:20px;
}


#mainTile img:hover,#mainTileLin img:hover {
    opacity:0.3;
    filter:alpha(opacity=30); /* For IE8 and earlier */
    font-size:20px;

}

/* ################  PARENTS & CHILDREN #############*/

#genBoxFam {
    height:175px;
    width:2000px;
    margin-left:130px;
    clear:left;
}

#famTile, #famTileLin {
    width: 140px;
    height: 140px;
    float:left;
    margin-top:18px;
    margin-right:25px;
    background-color:#ebebeb;
    border-radius: 30px;
    box-shadow:  -0px 3px 25px #333;
        -moz-box-shadow:  -0px 3px 25px #333;
        -webkit-box-shadow:  -0px 3px 25px #333;
    
    /*CHANGES FEB22*/
	/*font-size:0px;*/
	/*font-family:monospace;*/
	font-size: 25px; 
}

#famTileLin {
	
	border:3px solid gold;
	/*box-shadow:  -0px 3px 5px gold;
        -moz-box-shadow:  -0px 3px 5px gold;
        -webkit-box-shadow:  -0px 3px 5px gold;
*//
}

#famTile img,#famTileLin img{
    border-radius: 30px;
    width: 140px;
    height: 140px;

}

#famTile:hover,#famTileLin:hover {
    font-size:24px;    
}
 
#famTile .name,#famTileLin .name, #spouseTile .name {
	text-align:center;
    text-decoration:none;
	color:#630;
    /* CHANGES FEB22*/
	display:block;
	width:115px;
	background-color: #EBDDBC; 
	padding-top:7px;
	padding-bottom:7px;
	border-radius: 7px;
	position:relative;
	font-size:14px;
	/*margin-top:40px;*/
	margin-top:10px;
	margin-left:13px;
	border:1px solid #666;
}

#famTile .relation,#famTileLin .relation {
    margin-top:-190px; 
    text-align:center;
    /* CHANGES FEB22*/
	/*text-decoration:underline;*/
	background-color: #FFF; 
	padding:7px; 
	font-size:15px;
	border-radius: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#famTile img:hover,#famTileLin img:hover {
    opacity:0.3;
    filter:alpha(opacity=30); /* For IE8 and earlier */
    font-size:20px;

}

/* ################  SPOUSE #############
the only diff from famTile here is margin top value
at some point, update this to update margin top by span class*/


#spouseTile {
    width: 140px;
    height: 140px;
    float:left;
    margin-top:40px;
    margin-right:25px;
    background-color:#ebebeb;
    border-radius: 30px;
    box-shadow:  -0px 3px 25px #333;
        -moz-box-shadow:  -0px 3px 25px #333;
        -webkit-box-shadow:  -0px 3px 25px #333;
    font-family:monospace;
    font-size:0px;
}

#spouseTile img{
    border-radius: 30px;
    width: 140px;
    height: 140px;

}

#spouseTile:hover {
    font-size:24px;    

}
 
/*#spouseTile .name {
    margin-top:40px;
    text-align:center;
    text-decoration:none;
    font-size:100%;   
}*/

#spouseTile .relation {
    margin-top:-170px;
    text-align:center;
    text-decoration:underline;
}
#spouseTile img:hover {
    opacity:0.3;
    filter:alpha(opacity=30); /* For IE8 and earlier */
    font-size:20px;

}

/*################  SIBLINGS #############*/

#sibTile {
    width: 80px;
    height: 80px;
    float:left;
    margin-top:50px;
    margin-right:25px;
    background-color:#ebebeb;
    border-radius: 10px;
    box-shadow:  -0px 3px 25px #333;
        -moz-box-shadow:  -0px 3px 25px #333;
        -webkit-box-shadow:  -0px 3px 25px #333;
    font-family:monospace;
    font-size:0px;
}

#sibTileLin {
    width: 80px;
    height: 80px;
    float:left;
    margin-top:50px;
    margin-right:25px;
    background-color:#ebebeb;
    border-radius: 10px;
    box-shadow:  -0px 3px 25px gold;
        -moz-box-shadow:  -0px 3px 25px gold;
        -webkit-box-shadow:  -0px 3px 25px gold;
    font-family:monospace;
    font-size:0px;
}


#sibTile img,#sibTileLin img {
    border-radius: 10px;
    width: 80px;
    height: 80px;

}

#sibTile:hover,#sibTileLin:hover {
    font-size:20px;    

}
 
#sibTile .name,#sibTileLin .name {
    margin-top:25px;
    text-align:center;
    text-decoration:none;
    font-size:80%;
    
}
#sibTile .relation,#sibTileLin .relation {
    margin-top:-115px;
    text-align:center;
    text-decoration:underline;
}
#sibTile img:hover,#sibTileLin img:hover {
    opacity:0.3;
    filter:alpha(opacity=30); /* For IE8 and earlier */
    font-size:20px;
    

}


#detail_container {
    
    width:1000px;
    background-color:white;
    box-shadow:  -0px 3px 25px #333;
        -moz-box-shadow:  -0px 3px 25px #333;
        -webkit-box-shadow:  -0px 3px 25px #333;
    min-height:850px;
    margin-left:auto;
	margin-right:auto;
    top:50px;
    font-family: monospace;
    padding:15px;
	
   
}

#detail_container tr {
    background-color:#f3efeb ;  
}

#detail_container th {
    
    background-color:#e1d7cf;
}

#detail_container h3 {
    text-align:left;
    color:#831730; /*Dark red*/
    font-family: serif;
    font-size:18px;
	font-weight:bold;
}


#detail_container h4 {
    text-align:left;
    color:#395e24;
	/*color:#556B2F;  /* Green */
	font-family: Verdana, Geneva, sans-serif;
	padding-bottom:15px;
	font-size:14px;
	font-weight:bold;
}


#detail_container caption span {
    text-align: right;
    color:#831730; /*Dark red*/
}


#detail_container th {
    border-bottom: 1px solid black;
}

#detail_container .name {
    width:200px;
    text-decoration:none;
    text-align:left;
}

#detail_container .occupation {
    text-align: left;
    width:300px;
}


#detail_container .timeline {
	padding-bottom:10px;
	padding-top:10px;
	border-bottom: 1px solid silver;
	border-top: 1px solid silver;
	width:95%;
	margin-bottom:30px;
	font-size:22px;
}

#detail_container .timeline h3 {
	font-size:19px; /* Gets overriden with responsive media query when under 1000px */
}

#detail_container .timeline p {  
	font-family:Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size:15px;	/* Gets overriden with responsive media query when under 1000px */
	color:#556B2F; /* TEMP GREEN*//
	margin-bottom:5px;
}

#testtest {
	color:red;
}


#census_record {
	border: 1px grey solid;
	border-radius:15px;
	margin-top:25px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	margin-bottom:0px;
	background-image:url('../images/bg2.jpg');
	font-style:normal;
	font-size:12px;
	box-shadow: 0px 2px 14px #C0C0C0;
    -moz-box-shadow:  0px 2px 14px #C0C0C0;
    -webkit-box-shadow:   0px 2px 14px #C0C0C0;
}

#census_record table {
	border: 1px grey solid;
	border-radius:10px;
	box-shadow: 0px 2px 14px #C0C0C0;
    -moz-box-shadow:  0px 2px 14px #C0C0C0;
    -webkit-box-shadow:   0px 2px 14px black;
}

#census_record tr {
    text-align: center;
	padding:10px;
}

#census_record th {
    text-align: center;
}

#census_record td {
    padding: 10px;
}

#census_record .age {
    text-align: center;
    width:70px;
}

#census_record .rel {
    text-align: center;
    width:60px;
}

#census_record .twn {
    text-align: left;
    width: 140px;
}

#census_record .cen_main {
    /*font-weight: bold;*/
    color: #831730; /*Dark red*/
    background-color:gold;
}

#census_record dt {
    color:#831730; /*Dark red*/
    float:left;
    width:150px;
    text-align:right;
    padding-right:10px;
    padding-top:10px;
}

#census_record dd {
    padding-top:10px;
}

.comment_census {
	color:black;
	font-weight:100;
	font-style: italic;
	font-size: 17px;
	margin-left:10px;
	font-family: serif;
}

#detail_image {
    float:right;
	top:-60px;
	margin-right:30px;
}

#detail_image img {
    border-radius: 15px;
	box-shadow:         0px 2px 7px #333;
    -moz-box-shadow:    0px 2px 7px #333;
    -webkit-box-shadow: 0px 2px 7px #333;
	
}

#detail_buttons {
    position:relative;
    left:4px;
    top:5px;
	float:left;    
}

#detail_buttons ul {
    position:relative;
    
    
}


#detail_buttons ul li {
                        position: relative;
			margin:	1px 0px;
			padding: 20px 40px 20px 80px; /* fix this to fix gap created below buttons */
			list-style:	none;
			width:		110px;
			background-color:	#fcfcfc;
			border: 1px solid #C4C4C4;	
			-webkit-box-shadow: 0px 0px 4px #ccc;
			box-shadow: 0px 0px 5px #ccc;
			-webkit-transition: all 0.50s linear;
			overflow:	hidden;
			text-align:center;
                        display:block;
}

#detail_buttons ul li:hover {
                        background-color:#ffef9a;
    
}    
    
#detail_buttons ul li.return {
                        background-color:#f9d9e0 ;
}

#detail_buttons ul li.return:hover {
                        background-color:#ee97ac ;
}


#detail_buttons ul li a {
    color: black;
    text-decoration: none;
}

#detail_buttons ul .icon {

			
			font-family: 'WebSymbolsRegular',cursive;
			font-size:	 1em;
			position:	absolute;
			left:		40px;
			top:		20px;
			text-shadow: 0px 2px 1px #999;
			-webkit-transition: all 0.3s linear;
                        color:#aa7344;
		}


.icon a, .icon {
			
			font-family: 'WebSymbolsRegular',cursive;
			font-size:	 15px;
			color:#556B2F;
			text-decoration:none;
			text-shadow: 0px 2px 1px #999;	
					
}
	
#detail_text {
    margin-top:330px;
	clear:left;
	border-top:1px solid grey;
	border-left:1px solid grey;
	border-right:1px solid grey;
	padding:10px;
	width:350px;
	margin-bottom: -50px;
	border-radius: 10px 10px 0px 0px;
	background-image:url("../images/bg.png");
	;
	
}

#detail_text dt {
	color:#831730;
	float:left;
	
}

#detail_text dd {
	margin-left:95px;
	
}

#testimonial_border_fix {
	width:627px;
	border-top:1px grey solid;
	margin-left:330px;
	position:relative;
	top:-25px;

	
}

#indexpage_content {
    width: 100%;
    clear:both;
    background-color:black;
    opacity: 0.5;
    color:white;
    position:fixed;
    bottom:0;
    height: 80px;
    padding-left:20px;
    font-family: 'Didact Gothic', sans-serif;
}

#indexpage_content p {
    padding-left:200px;
    
}

#home_footer {
    margin-top:0px;
    padding-left:30px;
    padding-right:30px;
    float:left;
    height:80px;
    padding-bottom:10px;
}

#home_footer h1{
    font-size:250%;
    color:#b2a37c;
    font-family:Courgette;
    text-shadow:#272115 0.1em 0.1em 0.2em;

}

#people_index_container {
	position:relative;
	margin:0 auto;
	width:705px;
	border-radius:15px 15px 0 0;
}

	
#people_index_container_images {
    position:relative;
    margin-top:50px;
    display:inline-block;
    margin-right:0 auto;
    margin-left:60px;
	padding-top:10px;
    width:600px;
	height:150px;
	background-image:url('../images/bg2.jpg');
	border-radius:15px;

}



#people_index_container img{
    float:left;
    border-radius: 20px;
    width: 140px;
    height: 140px;
    box-shadow:  -0px 3px 25px #333;
    -moz-box-shadow:  -0px 3px 25px #333;
    -webkit-box-shadow:  -0px 3px 25px #333;
	margin-left:37px;
	margin-right:5px;
	
}

#people_index_intro {
	position:relative;
	margin:0 auto;
	width:400px;;
	background-color:white;
	height:380px;
	margin-top:25px;

	background-image:url('../images/bg2.jpg');
	box-shadow:  -0px 3px 25px #333;
    -moz-box-shadow:  -0px 3px 25px #333;
    -webkit-box-shadow:  -0px 3px 25px #333;
	font-family:'Didact Gothic', sans-serif;
	padding:19px;
	border-radius: 10px;
	box-shadow:  -0px 3px 25px #333;
    -moz-box-shadow:  -0px 3px 25px #333;
    -webkit-box-shadow:  -0px 3px 25px #333;
	
}

#people_index_intro_footer{
	position:relative;
	background-image:none;
	width:400px;
	color:#b7ac94;
	background-color:#524937;
	padding:19px;
	margin:0 auto;
	margin-top:-8px;
	border-radius:0px 0px 15px 15px;
	font-family:'Didact Gothic', sans-serif;
	box-shadow:  inset 0px 10px 10px #2a251c;

}

#people_index_left h4  {
	color:white;
	margin-left:36px;
	position:absolute;
	width:143px;
	margin-top:120px;
	text-align:center;
	background-color:#831730;
	overflow:hidden;
	border-radius:0 0 15px 15px;
	opacity:0.7;
	
}

#people_index_center h4 {
	color:white;
	margin-left:216px;
	position:absolute;
	width:143px;
	margin-top:120px;
	text-align:center;
	background-color:#831730;
	overflow:hidden;
	opacity:0.7;
	border-radius:0 0 15px 15px;
}

#people_index_right h4 {
	color:white;
	margin-left:400px;
	position:absolute;
	width:143px;
	margin-top:120px;
	text-align:center;
	background-color:#831730;
	overflow:hidden;
	opacity:0.7;
	border-radius:0 0 15px 15px;
}

#testimonial, #contact_form {
	font-family: Verdana, Geneva, sans-serif;
	/*font-style:italic; */
	font-size:15px;
	padding-left:40px;
	padding-right:40px;
	padding-top:25px;
	padding-bottom:25px;
	border-left:1px solid grey;
	border-right:1px solid grey;
	border-bottom:1px solid grey;
	border-radius:0px 0px 15px 15px;
	min-height:200px;
	background-image:url("../images/bg.png");	
}


#contact_form {
	margin-top:0px;
	border-top:1px solid grey;
	border-radius:15px;
}

#testimonial_inner {
	position:relative;
	width:90%;
	box-shadow: 0px 2px 14px #C0C0C0;
    -moz-box-shadow:  0px 2px 14px #C0C0C0;
    -webkit-box-shadow:   0px 2px 14px #C0C0C0;
	padding:17px;
	background-color:white;
	margin-top:20px;	
	display:inline-block;
}

#testimonial_inner img {
	float:left;
	padding:9px;	
}

#img_container {
	position:relative;
	width:100%;
	display:block;
}

#img_container img {
	position:relative;
	
}

.img_caption {
	position:absolute;
	font-size:14px;
	background-color:white;
	border:1px solid silver;
	padding:10px 15px 10px 15px;
	bottom:30px;
	-webkit-box-shadow: -4px 5px 5px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: -4px 5px 5px -4px rgba(0,0,0,0.75);
	box-shadow: -4px 5px 5px -4px rgba(0,0,0,0.75);
}

#updates_title {
	margin-top:25px;
	text-align:center;
	width:302px;
	color:#d6cfc2;
	background-color:#272115;
	margin-left:20px;
	font-family:'Didact Gothic', sans-serif;
	border-radius:9px 9px 0px 0px;
	
}
	
#updates_main {
	width: 280px;
	border:1px solid black;
	padding: 10px;
	text-align:left;
	margin-left:20px;
	margin-top:0px;
	background-color:#453f34;
	color:#bdb08e;
	height:200px;
	overflow-y: scroll;
	font-family:'Didact Gothic', sans-serif;
	box-shadow:  		inset 0px 5px 10px black;
    -moz-box-shadow: 	inset 0px 5px 10px black;
    -webkit-box-shadow: inset 0px 5px 10px black;
}

#updates_inner {
	margin-left:70px;
}


#updates_main p {
	padding-top:10px;
}

#updates_main a {
	font-style:italic;
	color:#91c9ff ;
	font-size:85%;
	
}
	
.updates_date {

	margin-left:-70px;
}

.updates_name {
	font-weight:bold;
	text-transform:uppercase;
}
	
#updates_footer {
	width:302px;
	height:30px;
	background-color:#272115;
	margin-left:20px;
	border-radius:0px 0px 9px 9px;
	
}
.test_title{
    color:#831730; /*Dark red*/
	font-style:normal;
	font-weight:bold;
	text-decoration:underline;
}

.capitalize {
	text-transform:capitalize;
}

.clear {
	clear:both;
}

.pic_caption {
	clear:both;
	font-size:14px;
	background-colour:white;
	padding-bottom:25px;
	border-bottom:1px solid silver;
	width:95%;
	padding-left:10px;
	margin-bottom:35px;
}




#contact_form {
	margin-top:200px;
}

#form_narr {
	width:700px;
	
}

.postcard_title {
	position:relative;
	font-family:monospace;
}

.font_18px {
	font-size:18px;
}

.font_22px {
	font-size:22px;
}

.reference {
	font-weight:bold;
	color:#710000;
}

#photos_1943 {
	top:900px;
	width:100%;
	/*border:solid 1px blue;*/
	overflow:visible;
}

.comment_below, .comment_right {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 5px solid #DFDFDF;
    color: #717171;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 20px;
    margin-left:15px;
    position: relative;
    text-align: left;
	min-width:300px;
    display:none;
    padding:0 20px;
	z-index:20;

}

.comment_below {
	top: 10px;
    left:-30px;
}

.comment_right {
	top: -450px;
    left:180px;
}

.comment_below:after, .comment_right:after,  {
    content:'';
    position:absolute;
    top:-10px;
    width:10px;
    height:10px;
    border-top:5px solid #dfdfdf;
    border-left:5px solid #dfdfdf;
    background:#f8f8f8;
    left:50%;
    margin-left:-5px;
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}

.comment_outer {
	cursor: pointer;
	background-color:#ECDA00;
	padding-left:5px;
	padding-right:3px;
	border-radius:6px;
	font-weight:bold;
}


.comment_outer:hover .comment_below, .comment_outer:hover .comment_right{
    display:block;
}

.comment_cred {
	color: #600;
	font-weight:bold;
	font-style: italic;
	color: #7D0227
}

.AddressNotes {
	font-size:14px;
	color:#556B2F/* Green */;
	margin-top:-14px;
	border-top:solid #556B2F 1px;
}

#link_microsite {
	font-family:Verdana, Geneva, sans-serif;
	color:#333;
	font-size:12px;
	position:relative;
	background-color:white;
	width:328px;
	height:46px;
	line-height:46px;
	padding:0px 0px 0px 18px;
	text-align:left;
	margin-left:395px;
	margin-top: 50px;
	border-radius:10px 0px 0px 10px;
	-webkit-box-shadow: -4px 5px 5px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: -4px 5px 5px -2px rgba(0,0,0,0.75);
	box-shadow: -4px 5px 5px -2px rgba(0,0,0,0.75);
}

#link_microsite a {
	color:inherit;
}

#link_microsite a:hover {
	text-decoration:underline;
}

#link_microsite img {
	position:absolute;
	right:-14px;
	bottom:-16px
}

#link_microsite img#play_bt_bg {
	z-index:-1;

}

#link_microsite img#play_bt {
	z-index:2;

}

/* 
######################################
  MEDIA QUERIES FOR RESPONSIVE LAYOUT
######################################
*/
 
 


@media screen and (max-width:1400px) {
}

/* These settings kick in when the screen width is under 1000px (i.e. mobiles) */
@media screen and (max-width:1000px) {
	
	#detail_container .timeline p{
		font-size:15px;
		font-weight:bold;
		margin-bottom:5px;
		
	}
	#detail_container .timeline h3 {
		font-size:22px;
		margin-top:4px;
	}
}


@media screen and (max-width:890px) {
}

@media screen and (max-width:700px) {
}

@media screen and (max-width:400px) {
}