#header {
/*    background-color: 	blue;  */
	background-image: url("images/paper-517134_960_720.jpg");
	height: 		74px;
	margin:			0px;	
   
}

img.logo  {
	width: 			120px;
	height: 		74px;
	float: 			left;
	border: 		100px;
}

p.logo	{
	font-family: 	Geogia serif;
	font-size: 		200%;
	text-align:		center;
	padding: 		5px;
	margin-left: 	100px;
}

img.springwell  {
	width: 			100px;
	height: 		130px;
	float: 			left;
	border: 		100px;
	padding:		0px 5px 0px 0px;
}

div.penny		{
/*	height: 		130px;  */
	margin:			0px;	
	
}

nav 	{
	background-color: 	yellow;
	margin:			10px 0px 0px 0px;	
}
nav ul{
	margin:			0px;
	list-style-type:	none;
	padding:		5px 0px 5px 0px;
}
nav ul li  {
	display:	inline;
	padding:	5px 10px 5px 10px;
}

nav ul li.selected {
	background-color:	#c8b99c;
}

nav ul li a:link, nav ul li a:visited {
	color: #954b4b;
	border-bottom:	none;
	font-weight:	bold;
}
nav ul li a:hover {
	font-style: italic;
}

nav ul li a:active {
    color: black;
	font-style: italic;	
}
nav ul li a.active {
    color: #000;
}

nav.navbody 	{
	background-color: 	#6DBDD6;
	margin:			10px 0px 0px 0px;	
}
nav.navbody ul{
	margin:			0px;
	list-style-type:	none;
	padding:		5px 0px 5px 0px;
}
nav.navbody ul li  {
	display:	inline;
	padding:	5px 10px 5px 10px;
}
nav.navbody ul li a:link, nav.navbody ul li a:visited {
	color: #954b4b;
	border-bottom:	none;
	font-weight:	bold;
}
nav.navbody ul li a:hover {
	font-style: italic;
}

nav.navbody ul li a.active {
    color: #000;
}

nav.navbody ul li.selected {
	background-color:	#c8b99c;
}


body {	
		background-color: #FFC0CB;
		font-family: verdana sans-serif;
		font-size: 110%;
}

h1,h2, h3, h5, h5 {
		font-family: sans-serif;
		color: black;
}
/*
h1 {border-bottom: 1px solid black;}
*/
img.sitemap  {
	width: 			95%;
	height: 		200px;
/*	float: 			left;    */
	margin: 		25px 10px 15px 10px;
/*	clear:			right;  */
}


p.difa {font-family: "Courier New", Courier monospace;}
/*
ul {
    background: #3399ff;
    padding: 20px;
}
*/
/*
ol li {
    background: #ffe5e5;
    padding: 5px;
    margin-left: 35px;
}

ul li {
    background: #cce5ff;
    margin: 5px;
}
*/
/*  Style the background color and change the font in the paragraphs. Style your unordered list of links using CSS by working with the <li> tag. */

ul.box4list {
    background-color: #D3D3D3;
    width: 300px;
    padding: 25px;
    border: 5px solid navy;
    margin: 25px;
}

/* unvisited link */
a:link {
    color: purple;
}

/* visited link */
a:visited {
    color: green;
}

a:hover {
	font-style: italic;
}

a:active {
    color: black;
	font-style: italic;	
}


/* Starting FORM styles */

/* form using a table */

form 	{display: table;
		padding: 10px;
		border: thin dotted #7e7e7e;
		background-color: #90EE90;

}

div.bodybody	{
		padding: 15px;		
}

div.bodytable	{
		display: table;
		padding: 10px;
		border-spacing:	10px;
		border: thin solid black;
}
		
div.tableRow	{
		display: table-row;
	
}	

div.ss	{
		display: table-cell;	
		font-size: 110%;
		padding: 15px;
		vertical-align: top;
		border: thin solid #7e7e7e;

}
/* <table border="2" cellspacing="20" cellpadding="10"> */
div.ttac	{
		display: table-cell;	
		font-size: 110%;
		padding: 15px;
		vertical-align: top;
		border: thin solid #7e7e7e;

}


	
	
/*		
div.tableRow p:first-child {
		text-align: right;
}
*/
h2.inform {
		text-align: right;
}

p.heading	{
		font-weight: bold;
}

/* Change the link color on hover 
div.tableRow p:hover {  */


		
div.iblk {
    background-color: #4CAF50;
    color: black;
}

/*   <iframe src="http://www.w3schools.com"></iframe> 
<iframe src="demo_iframe.htm" width="200" height="200"></iframe>
<iframe src="demo_iframe.htm" style="border:5px dotted red"></iframe>

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.w3schools.com" target="iframe_a">W3Schools.com</a></p> */

div.clk {
	float: 			left;
}

div.bclock {
		padding: 15px 25px 15px 35px;
}