/*-- typography --*/
a:link {color:red;
	}
a:hover {background-color:#ccffcc;
	text-decoration:line-through;}

body {font-family : courier;
font-size:16px;
}
b { padding-left : 20px;}

h1 {font-family:arial;
	color : #686868;
	 font-size: 2.5em;
	}
	
answer{
	color : blue;
}
	
.mark {
  padding: .4em;
  background-color: green !important;
}



blockquote {
	color : blue;
  font-size: 14px;
}

hey { 
	
	background-color:#ccffcc;
	
}

/*-- text style for links */
div  a{color:red;
}
/*-- text style for links in text body */
p  a { text-decoration: underline;
	color : black;
}
p  a:hover {color:red;}

	
/*-------menu------750,970,1170---*/
@media (min-width: 768px) {
  .menu {
    width: 750px;

  }
}
@media (min-width: 992px) {
  .menu {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .menu {
    width: 1170px;
  }
}


.menu {
	font-size: 16px;
	position:fixed;
	z-index :1;
	border: 0px solid black;
	background-color:rgba(255, 255, 255, 0.7);
	text-align:center;
	}




img { 
z-index:-1;
width : 100%;}
a img{width : auto;}

/*-- banner images */
.banner {
z-index:-1;
width : 100%;
margin : 40px auto auto auto;
}

/*-- table of images */
.weekThumbs{
	text-align: center;
	text-shadow: 0px 0px 8px white;
	font-size:20px;
	color: white;
	
	}

.weekThumbs  tr td {

	height :200px;
	width :200px;
	}
/* Hidden list */
ul { margin: 0; padding: 0; }
ul li { margin: 0; padding: 0; list-style: none;  }
ul li a { color: green; }
ul li div { display: none; }

/*----------Dropdown---------------*/
/* Dropdown Button */
.dropbtn {
	font-family:courier;
	color:red;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown .dropbtn {
background-color:rgba(255, 255, 255, 0);
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	z-index:3;
    display: none;
    position: absolute;
    background-color:rgba(255, 255, 255, 0.7);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 4px 6px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #ccffcc;
	text-decoration: line-through;
}
