/*for photo annuals */    

body {
    background-color: #FFE8E8;
    }
    
body,td,th {
    color: #003300;
    }
    
.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%;
    }

.months .act {
	box-shadow:inset 0px 0px 14px -3px #f2fadc;
	background:linear-gradient(to bottom, #e7f2d0 5%, #aebfa3 100%);
	background-color:#e7f2d0;
	border-radius:6px;
	border:1px solid #b2b8ad;
	display:inline-block;
	cursor:pointer;
	color:#bd99cc;
    font-family:'adega_serifregular';
    letter-spacing: 0.5rem;
    font-weight:bold;
	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, #aebfa3 5%, #e7f2d0 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:1px solid #b2b8ad;
	display:inline-block;
    cursor:auto;
	color:#C30027;
    font-family:'adega_serifregular';
    letter-spacing: 0.5rem;
    font-weight:bold;
	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:'adega_serifregular';
    letter-spacing: 0.5rem;
    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:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#c27eb4;
	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;
	border:1px solid #b2b8ad;
	display:inline-block;
    cursor:auto;
	color:#C30027;
	font-family:Arial;
	font-size: 3.4 vmin;
	padding:3px 17px;
	text-decoration:none;
	text-shadow:0px 1px 3px #ced9bf;
    margin-right:12px;
    margin-bottom:.8%;
}

.scale_it {  scale: 98%;

}