/* css sheet for cabtidy site */
body {
  font-family: Verdana, Helvetica, sans-serif;
  background-color: pink;
  /* background-image: linear-gradient(#FDFAFA, #B9B7B7); */
  background-image: url(images/sky.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;  
	background-size: cover;
	margin-top: 30px;
  
}
.topmenucontainer {
  max-width: 950px;
  min-height: 50px;
  margin: 0 auto;
}

ul.centredmenu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
   
  /* #006666; #d6dad6 #E1DEDE #E7E5E5 3 x shades of grey from dark to lighter #006600 grren nearly black #C0C0C0 button #a4ceff button highlight 
 #000053 navy blue #F3F1F1 */
}

 div.centredmenu li {
  float: left;
}


li a, .dropbtn {
  display: inline-block;
  color: black;
  text-align: center;
   font-weight: normal;
  padding: 10px 12px;
  text-decoration: none;
  border: solid 1px black; 
   border-radius: 0px 0px 0px 15px;
   border-style: hidden hidden solid solid;
   background-color: #E1DEDE; 
   margin: 6px 8px 2px 8px;
   min-width: 100px;
   min-height: 22px;
}

li a:hover, .dropdown:hover .dropbtn {
  color: #006600;
  	background-color: #E7E5E5;
	box-shadow: 5px 5px 5px #888888;
	margin: 4px 8px 4px 12px;
}

li.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
   color: red;
  /* min-width: 160px; */
  box-shadow: 5px 5px 5px #888888;
  z-index: 10;
  /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {

	color: #006600;
	background-color: #E7E5E5;
  }

.dropdown:hover .dropdown-content {
  display: block;
}

#logobutton {
		position: relative; 
		top: 3px; 
		width: 50px;
}	
	
/* #wallpaper {
	height: 100%;
	width: 100%;
	/* background-color: #E7E5E5; 
	/* background-image: linear-gradient(#FDFAFA, #B9B7B7);
	/* background-image: linear-gradient(white, #B9B7B7); 
	z-index: -10;
}
*/
.permabox {
  display: inline-block;
  color: black;
  text-align: center;
   font-weight: normal;
   font-size: 125%;
  padding: 10px 12px;
  text-decoration: none;
  border: solid 1px black; 
   border-radius: 5px 5px 5px 5px;
   border-style: solid solid solid solid;
   background-color: #E1DEDE; 
   margin: 6px 8px 2px 8px;
   min-width: 100px;
   min-height: 22px;
}
.greyback {
	padding: 10px 12px;
	 border-radius: 5px 5px 5px 5px;
	  background-color: #E1DEDE; 
}
img.thumb {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 5px;
}
img.thumb:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

ul.circle {
	list-style-type: circle;

}
 #centredmenu {
	margin-left: auto;
	margin-right: auto;
	color: red;
	text-align: center;
	display: block;
} 

#grad1 {
  /* height: 100px; */
  min-height: 100px;
 /* background-image: linear-gradient(#d6dad6, #E7E5E5); */ /* Standard syntax (must be last) */
}

h2, .easyreading {
	max-width: 40em;
	line-height: 1.5em;
	padding-left: 5em;
	padding-right: 3em;
	text-align: justify;
	
}	

h1 {
	text-align: center;
}

article {
  float: left;
  padding: 20px;
 /* background-color: #f1f1f1;  */
  	max-width: 50%;
	line-height: 1.5em;
	padding-left: 5em;
	padding-right: 3em;
	text-align: justify;
	margin: 40px, 40px, 40px, 40px;

  
}

aside {
	max-width: 30%;
	float: right; 
	z-index: 5; 
	margin-right: 10px; 
	line-height: 1.5em;
	border-style: solid;
	border-radius: 6px;
	padding: 10px;
	margin: 20px;
	

}

.rj45 {
	background-image: url(images/rj45.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;  
	background-size: cover;
	
}

table.shaded tr:nth-child(even) {
	background: #ebffd7
}

  table.center {
    margin-left:auto; 
    margin-right:auto;
  }
/*
ol {
	list-style-type: decimal;
	display: block;
	color: blue;
	/*max-width: 40em; 
	line-height: 1.5em;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-left: 10em;
	padding-right: 3em;
	text-align: left;
	
}
*/
footer {
	clear: both;
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
}	
	
	
footer p {
  left: 0;
  bottom: 0; 
  width: 100%;
  /* background-color: #00b3b3; */
  color: black;
  text-align: center;
  font-size: 75%;
}