/*for photo annuals */    

body {
    background-color: #FFE8E8;
    }
    
body,td,th {
    color: #003300;
    }
    
/*for youtube videos and movie list links */    
.movie { 
    font-family:'adega_serifregular'; 
    font-size: 1.1vw; 
    text-align:left; 
    text-decoration:none; 
/*    margin:auto;  
    width:80%; 
    text-justify:auto;
*/
    }
.movie a:link {
    text-decoration:none; 
    color:#BE005F; 	   
    }
.movie a:visited {
    color:#C12F2F;
    }
.movie a:hover {
    color:#800080;
    }
.movie a:active {
    color:green;
    }		 

.iframe-container{
    position: relative;
    width: 60%;
    margin:auto;
    padding-bottom: 56.25%; 
    height: 0;
    }

.iframe-container iframe{
    position: absolute;
    top:0;
    left: 0; 
    width: 100%;
    height: 100%;
    }

/*for year and month navigation buttons */    

.months .act {
	box-shadow:inset 0px 0px 14px -3px #f9f9f9;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border-radius:6px;
	border: 2px solid #b2b8ad;
	display:inline-block;
	cursor:pointer;
	color:#AE6278; 
    font-family:'Trebuchet MS';
    letter-spacing: 0.5rem;
    font-size: calc(var(--scale, 1.1) * 1.1rem);
    padding: .1em .57em;  
/*  font-size: 2.2 vmin;
	padding:3px 17px; */
	text-decoration:none;
	text-shadow:0px 1px 3px #ced9bf;
    margin-right:12px;
    margin-bottom:.4%;
}

.months .act:hover {
	background:linear-gradient(to bottom, #dbc5db 5%, #f9f9f9 100%);
	background-color:#aebfa3;
}

.months .act:active {
	position:relative;
	top:1px;
}

.months .inact {
	box-shadow:inset 0px 0px 14px -3px #f2fadc;
	background-color:transparent;
	border-radius:6px;
/*	border: 1.2 px solid #C078FF; */
	display:inline-block;
    cursor:auto;
	color:#C30027;

    font-family:'Trebuchet MS';
    letter-spacing: 0.5rem;
    font-weight:bold;
    font-size:larger;
    font-size: calc(var(--scale, 1.3) * 1.3rem);
    padding: .3em .57em;  
    /* font-size: 2.2 vmin;
	padding:3px 17px;*/
	text-decoration:none;
	text-shadow:0px 1px 3px #ced9bf;
    margin-right:12px;
    margin-bottom:.4%;
    scale: 98%;
}

.months .dis {
	background-color:transparent;
	display:inline-block;
	cursor:auto;
	color:#bfbfbf;
    font-family:'Trebuchet MS';
    letter-spacing: 0.5rem;
    font-size: calc(var(--scale, 1.1) * 1.1rem);
    padding: .3em .57em;  
/*    font-weight:bold;
    font-size: 2.2 vmin;
	padding:3px 17px; */
	text-decoration:none;
    margin-right:12px;
    margin-bottom:.4%;
    scale: 98%;
}
        
.years .act {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border-radius:6px;
	border:2px solid #FF7300;
	display:inline-block;
	cursor:pointer;
	color:#AE6278;
    font-family:'Trebuchet MS';
    font-size: calc(var(--scale, 1.1) * 1.1rem);
    font-weight:bold;
    padding: .5em 1.25em;  

/*	font-family:Arial;
	font-size: 3.4 vmin; */
	padding:4px 5px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
    margin-right:12px;
    margin-bottom:.8%;
}

.years .act:hover {
	background:linear-gradient(to bottom, #dbc5db 5%, #f9f9f9 100%);
	background-color:#dbc5db;
}
.years .act:active {
	position:relative;
	top:1px;
}

.years .inact {
	box-shadow:inset 0px 0px 14px -3px #f2fadc;
	background-color:transparent;
	border-radius:6px;
	display:inline-block;
    cursor:auto;
	color:#C30027;
    font-family:'Trebuchet MS';
    font-weight:bold;
    font-size:larger;
    font-size: calc(var(--scale, 1.3) * 1.3rem);

    /* padding: .5em 1.25em;  
	font-family:Arial;
	font-size: 3.4 vmin; */
	padding:1px 15px;
	text-decoration:none;
	text-shadow:0px 1px 3px #ced9bf;
    margin-right:12px;
    margin-bottom:.8%;
}