/* WRHS1965 70TH BIRTHDAY BASH SPONSORS */

/*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, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body {line-height: 1;}ol, ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse; border-spacing:0;}

/*MAIN*/

body, html 
	{
	margin: 0;
	background-color: rgb(200, 200, 200);
	background-image: url("../img/wachMt-07.jpg");	
		
	/* Full height */
	height: 1200px;
	
	/* Center and scale the image nicely */
	background-position:center center;
	background-repeat: no-repeat;
	background-size: cover;
	}
	
	* 
		{
		box-sizing: border-box;
		}


    /* START HEADER */ 
    #header_container {

        background-image:url('../img/wachmt-bg_harvard.jpg');
        background-size:cover;
        background-position: center bottom;
        border-bottom:3px solid #003300;
        top:0; width:100%;
        height: 99px;
        z-index:0 ;       
        }

	    #topbar{
	        margin:4px auto 0;
	        z-index:0 ;
	        }       
	              
	    #logo img{
	        float:left;
	        margin: 4px 0 0 2%;
	        height: 80px;
	        background-color: rgba(255,255,255,.3);
	        border:3px solid rgba(120,120,120,.1);
	        border-radius: 5px;
	        box-shadow: 3px 6px 20px rgb(150,150,150);
	        }
        

		/* START NAVIGATION */
		nav {
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			float: right;
			background-color: rgba(244,244,244,0.8);
			border-radius: 5px;
			margin: 36px 3% 0 0;
			padding: 2px 10px 2px 0;	
			z-index: 5px;	
			}

		
			
			#menu-icon 
				{
				display: hidden;
				width: 40px;
				height: 40px;
				background: #000000 url(../img/menu-icon.png) center;
				}
		
			a:hover#menu-icon 
				{
				background-color: #444;
				border-radius: 4px 4px 0 0;
				}
		
			nav ul 
				{
				list-style: inherit;
				}
	
				nav li 
					{
					/* border:1px solid red; */
					display: inline-block;
					float: left;
					padding: 10px 8px;
					text-align: center;
					font-size: 13px;
					z-index: 5px;
					}
					
				
		
			
				nav li .current 
					{
					background-color:rgba(100,100,100,0.3);
					border-radius: 3px;
					padding: 6px;
					}
			
				nav a
					{
				    color: #333;
				    text-decoration: none;
					}
				
				nav a:hover 
					{
				    color:black;   
					}
			
				nav li:hover a 
					{ 
				    background-color: black;
				    color:white;
				    padding: 6px;
					width: 50px;
					border-radius: 3px;
					}
		
		
					.dropdown {
						  float: left;
						  overflow: hidden;
						}
						
						.dropdown .dropbtn 
							{
							/* 	border:1px black solid; */
							display: inline-block;
							float: left;
							padding: 9px 6px;
							text-align: center;
							font-size: 13px;
							z-index: 5px;
							}
						
						.navbar a:hover, .dropdown:hover .dropbtn
							{
							background-color: inherit;
							}
						
						.dropdown-content 
							{
							display: none;
							top:75px;
							position: absolute;
							background-color: #f9f9f9;
							min-width: 185px;
							margin-left: -100px;
							z-index: 1;
							}
							
							.dropdown-content p
								{
								margin-top:12px;
								color:darkgreen;
								text-align: center;
								font-weight: bold;
								}
							
							.dropdown-content .current
								{
								background-color:rgba(100,100,100,0.3);
								border:1px solid rgba(50,50,50,0.6);
								}
						
						.dropdown-content a
							{
							float: none;
							color: black;
							padding: 12px 16px;
							text-decoration: none;
							display: block;
							text-align: left;
							}
						
						.dropdown-content a:hover 
							{
							background-color: #ddd;
							}
						
						.dropdown:hover .dropdown-content 
							{
							display: block;
							}
	
		/*   END NAVIGATION    */				
	/* END HEADER */
	

    /* START MAIN CONTENTS */     
    .main-content 
    	{
	    width: 98%;
	    margin: 0 auto;
/* 		border: 2px solid blue; */
/* 	    height: 1000px; */
    	} 
    	  
        .contentheading 
        	{
	        margin: 8px auto;
            text-align:center;
/* 			border:1px solid yellow; */
			background-color: rgba(250,250,250,.8);
			padding: 4px;
            width:375px;

            }
            
			.contentheading h1            		
            	{ 
				padding: 3px 0 8px 0;
				font-size: 1.5em;
				text-align: center;
				color:#336633;
				} 
				
				.contentheading h1 span            		
            		{ 
					font-size:16px;
					padding-left:7px;
					color:black;
					} 

				
			.contentheading p           		
            	{ 
				padding: 3px 0 8px 0;
				font-size: .9em;
				text-align: center;
				}         
            	
        
        #white-bg{
            margin: 0px auto;
            padding: 4px 8px ;
            width:96%;
            height: 1040px;
			background-color: rgba(250,250,250,.4);
			overflow-y: auto;		
            }	
          	
			#ads
				{
				float:left;
				width: 100%;
				display:flex;
				flex-wrap: wrap;
				justify-content: space-around;
				}
				

			/* START OUR AD */

           .ourad
	            {
	            width:250px;
	            height:225px;
	            margin:10px;
	            border: 2px solid #094E23;
	            text-align: center;
	            color: black;
	            box-sizing: border-box;
	            background: rgb(254,252,234); /* Old browsers */
	            background: -moz-radial-gradient(center, ellipse cover,  rgba(254,252,234,1) 0%, rgba(239,227,151,1) 100%); /* FF3.6+ */
	            background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(239,227,151,1))); /* Chrome,Safari4+ */
	            background: -webkit-radial-gradient(center, ellipse cover,  rgba(254,252,234,1) 0%,rgba(239,227,151,1) 100%); /* Chrome10+,Safari5.1+ */
	            background: -o-radial-gradient(center, ellipse cover,  rgba(254,252,234,1) 0%,rgba(239,227,151,1) 100%); /* Opera 12+ */
	            background: -ms-radial-gradient(center, ellipse cover,  rgba(254,252,234,1) 0%,rgba(239,227,151,1) 100%); /* IE10+ */
	            background: radial-gradient(ellipse at center,  rgba(254,252,234,1) 0%,rgba(239,227,151,1) 100%); /* W3C */
	            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#efe397',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	            }
            
            	.ourad h2
					{
					font-size: 1.1em;
					padding: .8em 0 0;

            		}
            		
            	.ourad p
					{
					font-size: .8 em;
					line-height: 1.1em;
            		}
            		
            	.ourad hr  {
	            	width: 90%;
            	}
            	
            	p.emailto {
	            	margin-top: 10px;
	            	font-size: .8em;
            	}
            		
			/* END OUR AD */    
			
			
			
			/* START TOMS AD */

           .toms-ad
	            {
	            width:250px;
	            height:225px;
	            margin:10px;
	            border: 2px solid #094E23;
	            text-align: center;
	            color: black;
	            box-sizing: border-box;
	            background: white;

	            }
	            
	            .bookPhoto {
		            float: left;
		            width: 152px;
		            margin-left: -1px;
/* 		            border: 1px solid red; */
	            }
	            
	            .copyText {
		            padding: 50px 0;
		            float: left;
		            width: 95px;
/* 		            border: 1px solid red; */
	            }
	            
	            .copyText img{
		            margin: 5px 0;
		            box-shadow: 2px 3px 8px #999
	            }
            
            	.toms-ad h2
					{
					font-size: 1.1em;
					padding: .8em 0 0;

            		}
            	
	
            	
            	.toms-ad a
					{
					font-size: .85em;
					text-align: center;
					margin: 6px 0 6px 0;
            		}
            		
            	.toms-ad p
					{
					font-size: .8em;
					line-height: 1.1em;
            		}
            		
            	.toms-ad hr  {
	            	width: 90%;
            	}
            	
            	toms-ad p.emailto {
	            	margin-top: 10px;
	            	font-size: .8em;
            	}
            		
			/* END TOMS AD */          		
            		
            		
            						
				
			
            .compliments
	            {
	            width:250px;
	            height:225px;
	            margin:10px;
	            border: 2px solid #094E23;
	            text-align: center;
	            color: black;
	            box-sizing: border-box;
	            background: rgb(254,252,234); /* Old browsers */
	            background: -moz-radial-gradient(center, ellipse cover,  rgba(254,252,234,1) 0%, rgba(239,227,151,1) 100%); /* FF3.6+ */
	            background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(239,227,151,1))); /* Chrome,Safari4+ */
	            background: -webkit-radial-gradient(center, ellipse cover,  rgba(254,252,234,1) 0%,rgba(239,227,151,1) 100%); /* Chrome10+,Safari5.1+ */
	            background: -o-radial-gradient(center, ellipse cover,  rgba(254,252,234,1) 0%,rgba(239,227,151,1) 100%); /* Opera 12+ */
	            background: -ms-radial-gradient(center, ellipse cover,  rgba(254,252,234,1) 0%,rgba(239,227,151,1) 100%); /* IE10+ */
	            background: radial-gradient(ellipse at center,  rgba(254,252,234,1) 0%,rgba(239,227,151,1) 100%); /* W3C */
	            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#efe397',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	            }
            
            	.compliments h4
					{
					font-size: 1.2em;
					margin:70px auto 25px;
					line-height: 1.2em;
            		}
            		
            	.compliments h3
					{
					font-size: 1.3em;
					line-height: 1.2em;
            		}
            
            
				.compliments2
		            {
		            width:250px;
					height:225px;
		            margin:10px;
		            border: 2px solid #094E23;
		            text-align: center;
		            color: black;
		            box-sizing: border-box;
		            background: rgb(254,252,234); /* Old browsers */
		            background: -moz-radial-gradient(center, ellipse cover,  rgba(254,252,234,1) 0%, rgba(239,227,151,1) 100%); /* FF3.6+ */
		            background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(239,227,151,1))); /* Chrome,Safari4+ */
		            background: -webkit-radial-gradient(center, ellipse cover,  rgba(254,252,234,1) 0%,rgba(239,227,151,1) 100%); /* Chrome10+,Safari5.1+ */
		            background: -o-radial-gradient(center, ellipse cover,  rgba(254,252,234,1) 0%,rgba(239,227,151,1) 100%); /* Opera 12+ */
		            background: -ms-radial-gradient(center, ellipse cover,  rgba(254,252,234,1) 0%,rgba(239,227,151,1) 100%); /* IE10+ */
		            background: radial-gradient(ellipse at center,  rgba(254,252,234,1) 0%,rgba(239,227,151,1) 100%); /* W3C */
		            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#efe397',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		            }
            		
            		
            	.compliments2 h4
					{
					font-size: 1.2em;
					margin:60px auto 20px;
					line-height: 1.2em;
            		}
            		
            	.compliments2 h3
					{
					font-size: 1em;
					line-height: 1.2em;
            		}
            		
    	            .benson
			            {
			            background-image: url(../img/ads/benson_ocean_bg.jpg);
			            width:250px;
			            border: 2px solid #094E23;
			            padding: 0;
			            text-align: center;
			            color: black;
			            /*background:#dde0e5;*/
			            }
			            
			            
			            
			        .sg
			            {
				        width:250px;
						height:225px;
						margin:10px;
			            border: 1px solid #094E23;
			            padding: 0;
			            text-align: center;
			            color: #575757;
			            background:#693917;
			            }
			
						.sg img
			            {
				            				            width: 246px;
				            height: 220px;
				            }
		
		            .gjohnson
			            {
				        width:250px;
						height:225px;
						margin:10px;
						box-sizing: border-box;
			            border: 2px solid #094E23;
			            text-align: left;
			            color: #575757;
			            background:white;
			            }
			            .gjohnson img
			            	{
				            width: 246px;
				            height: 220px;
			            	}

		            .dresser
			            {
				        width:250px;
						height:225px;
				        margin:10px;
			            border: 2px solid #094E23;
			            padding: 0;
			            text-align: center;
			            color: black;
			            background:#EDD8BD;			         
			            }
			            
			            .dresser h3
		            		{
							margin:27px 0 6px;
		            		}
		            		
						.dresser h2
		            		{
							margin:27px 0 0 6px;
							font-size: 1.3em;
		            		}
		
						.dresser h4
		            		{
							margin:10px 0 0 12px;
		            		}
		            	
			            		
		            .dresser2
		            	{
			            width:250px;
						height:225px;
						margin:10px;
						border: 2px solid #094E23;
						color: black;
						box-sizing: border-box;								
			            background-image: url(../img/ads/mv_history2.jpg);
			            color: black;
			            vertical-align: top;
			            }
		
		            .dresser2 h3
		            	{
						margin:27px 0 0 6px;
						color:#045298;
		            	}
		
		            .dresser2 h5
		            	{
						margin:108px 0 0 12px;
		            	}
		            	
		            .dresser2 img
			            	{
				            	
				            width: 246px;
				            height: 220px;
			            	}
			            	
			            	
			            	
			        .dressertj
			            {
			            background: black url(images/ads/70candles.png) center no-repeat;
						width:250px;
						height:225px;
						margin:10px;
			            border: 2px solid #094E23;
			            text-align: center;
			            color: black;
			            background: rgb(254,252,234); /* Old browsers */
			            background: -moz-radial-gradient(center, ellipse cover,  rgba(254,252,234,1) 0%, rgba(239,227,151,1) 100%); /* FF3.6+ */
			            background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(239,227,151,1))); /* Chrome,Safari4+ */
			            background: -webkit-radial-gradient(center, ellipse cover,  rgba(254,252,234,1) 0%,rgba(239,227,151,1) 100%); /* Chrome10+,Safari5.1+ */
			            background: -o-radial-gradient(center, ellipse cover,  rgba(254,252,234,1) 0%,rgba(239,227,151,1) 100%); /* Opera 12+ */
			            background: -ms-radial-gradient(center, ellipse cover,  rgba(254,252,234,1) 0%,rgba(239,227,151,1) 100%); /* IE10+ */
			            background: radial-gradient(ellipse at center,  rgba(254,252,234,1) 0%,rgba(239,227,151,1) 100%); /* W3C */
			            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#efe397',GradientType=1 ); 
			                /* IE6-9 fallback on horizontal gradient */
			           			
			            }
			            
			            
						.dressertj h4
							{
							margin:5px auto;
							line-height: 1.2em;
							}
						
						.dressertj h3
							{
							margin:7px auto;
							}
			                	
						.dressertj img
							{
								width: 180px;
								height: 135px;
							}
		
		            .thoreau
		            	{
						width:255px;
		            	}
		
		
		
		            .quote
		            	{
						background-image: url(../img/ads/quote_bg.jpg);
						width:250px;
						height:225px;
						margin:10px;
						border: 2px solid #094E23;
						text-align: left;
						color: black;
						
		            	}
		            	
		            	.quote p
		            		{
			            	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
							margin-top: 60px;
							font-size: 16px;
							text-decoration: none;
							padding-left: 30px;
		            		}

					.lilacs
			            {
			            font-family: "Times New Roman", Times, serif;
			            width:250px;
						height:225px;
			            border: 2px solid #094E23;
			            text-align: right;
			            vertical-align: bottom;
			            background: white url(../img/bb_ads/lilacsofsterling2.png) center no-repeat;
			            }
			            
			            .lilacs p
			            	{
				            font-size: 15px;text-align: center; padding: 10px;
			            	}

						.contact
							{
								margin-top:105px;
								line-height: 1.2em;
							}


	
   
        /* END MAIN CONTENTS */ 
        

   
			
    /* END MAIN CONTENTS */ 
	


		


/*BEGIN FOOTER*/
	footer {
/* 		background-color: rgba(244,244,244,0.6); */
		padding: 20px 0 0;
		width: 100%;
		height: 75px;
		text-align: center;

}
/*END FOOTER*/



/*MEDIA QUERY*/
@media only screen and (max-width : 900px) {

	/* 	START NAVIGATION */
	#menu-icon
		{
		display:inline-block;
		}

	nav 
		{
		background-color: rgba(0,0,0,0);
		}


		nav li 
			{
			width: 190px;
			padding:12px 5px;
			text-align: left;
			font-size: 18px;
			line-height: 1.6em;
			}


			nav ul, nav:active ul 
				{
				display: none;
				position: absolute;
				width: 220px;
				border: 3px ridge rgb(100,100,100);
				right: 20px;
				top:75px;
				}

			nav:hover ul {
				display: block;
				background-color: rgb(200,200,200);
				}
		
			.dropdown-content {
				  left:-80px;						  
				  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.8);
				}
				
				.classmates
					{
					margin-top:-40px;
					}
					
				.fifty5th
					{
					margin-top:80px;
					}

				.links
					{
					margin-top:150px;
					}	
  
	/* 	END NAVIGATION */	

	
	/* 	START CONTENT */
			
	
	/* 	END CONTENT */					
		}
		
		
		

@media only screen and (max-width : 680px) {


}