/* RWD css for Psych Web, revised 180829 v 
--------------------------------------------- */
a {
/*	text-decoration: none;*/
  color: black;
}

a:hover {
	text-decoration: underline; 
	color: #E64A19;
}

.backto {
  font-size: 110%;
  padding: 3%;
  margin-bottom: 0;
  }
  
blockquote {
  background-color: white;
  }

body {
	background-image: url("weblite.gif");
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.center {
  text-align: center;
  }

.copyright {
  font-size: 75%;
  }
  
.foundcss {
  color: green;
  }  

h1, h2, h3, h4, h5, h6 {
  margin-left:2%;
  margin-bottom:1%
  }

h1 {
	font-size: 220%;
}

h2 {
	font-size: 195%;
}

h3 {
	font-size: 170%;
}

h4 {
	font-size: 150%;
}

h5 {
  font-size: 115%;
  font-family: Arial, Helvetica, sans-serif;
  color: black;
  text-align: center;
  font-weight: bold;
}

h6 {
	font-size: 110%;
}

.header {
  float: right;
  margin:0;
  padding:0;
  width: 72%;
}

.header img {
   float: right;
}

.imagecenter {
  clear: both; 
  margin-left: 18%;
  text-align: center;
  font-size: x-small;
  font-family: Arial;
  color: black;
  margin-right: 2%;
}  

.imageright { 
  float: right;
  text-align: justify;
  font-size: x-small;
  font-family: Arial;
  color: black;
  padding-right: 2%;
  }
  
.imageleft {
  float: left;
  text-align: justify;
  font-size: x-small;
  font-family: Arial;
  color: black;
  padding-left:2%;
  }  

.indent {
  margin-right: 7%;
  margin-left: 7%;
  background-color: white;
}

.indentdouble {
  margin-right: 10%;
  margin-left: 30%;
  text-align: justify;
  font-size: x-small;
  font-family: Arial;
  color: black;
  width: auto;
  background-color: white;
}

li {
  background-color: white;
  margin: 0 1% 3% 5%
  }
  
#max-width25 {
  max-width: 25%;
  }
  
/*menu is for top menu items, navbottom is for bottom*/

.menu {
  text-align: left;
  margin-top: 0;
  margin-bottom: 1%;
  margin-left: 2%;
  font-size: 85%;
  width: 15%;
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
}

.navbottom {
  font-size: 85%;
  line-height: 100%;
  text-align: right;
  padding-right: 2%;
  }
  
.r-ten {
  float: right;
  width: 10%;
}

.r-fifteen {
  float: right;
  width: 15%;
}

.r-twenty {
  float: right;
  width: 20%;
}  
  
/*p {
 no p! Leave as html default for safety
  }*/

.resourcelinks {
  float: left;
  padding: 1%;
  width: 25%;
  background-color: #CCCCFF;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 600;
}

.searchbottom {
  font-size: 80%;
}
  
.text {
  background-color: white;
  margin-left: 2%;
  }

.whats-new {
  float: right;
  width: 69%;
/*  margin: 0 1%;*/
  text-align: left;
}

.whats-new p {
  font-size: 100%;
  text-align: left;

/*  margin: 2% 0; */
}


/* Media Queries - Only one change for very small screens
--------------------------------------------- */

@media only screen and (min-width: 200px) and (max-width : 375px) {
/*@media only screen and (min-width: 3cm) and (max-width : 10cm) {*/

.backto {
  font-size: 80%;
  padding: 3%;
  }
  
h1, h2, h3, h4, h6 {
  max-width: 100%;
  }
  
img {
  max-width: 100%;
  }
  
.header {
  width: 100%;
  }

li {
  background-color: white;
  margin: 0 1% 3% 3%;
}
  
.resourcelinks {
	clear: both;
	text-align: center;
	width: 94%;
	padding: 3%;
	border-top: 3px solid black;
}
	
.whats-new {
	clear: both;
	width: 94%;
	margin: 2%;
}

.whats-new h2 {
	margin: 4% 0 1% 0;
	text-align: center;
}

}