/* stylesheet.css */ 
 /* Style rule for the body element */ 
body{
    
   
}

/* Style rule for the wrapper div */ 
#wrapper{
	 width: auto;
     height:780;
	 margin:0 auto;
	 background-image:url(paint_texture2155.jpg);
	   background-size: cover;

	 border-top: solid 8px #ebddcb;
     border-right: solid 6px #d2b48c;
     border-bottom: solid 8px #b22222;
     border-left: solid 6px #d2b4bc;
	 text-align:center;
	 
}
/* === Style classes === */
/* Highlight any span of text */
.hilite{
   background-color:yellow;
}
/* Create raised appearance with border, rounded corners, and shadow */
/* Works with images, tables, and block elements (div, p, and headings) */
.raised{
   border:solid 1px gray;
   border-radius: 5px;
   box-shadow:5px 5px 5px gray;
}
/* Image floating to the left of neighboring text */
img.left {
   float: left;
   width: 30%;
   margin-right: 10px; 
}
/* Image floating to the right of neighboring text */
img.right {
   float: right;
   width: 30%;
   margin-left: 10px; 
}
/* Use class="centerall" in p or div to center
   all text and images inside the element */
.centerall{
    text-align:center;
    /* Clear any floating elements */
    clear:both;
}
/* ==== Styles for links and link states. === */
/* Unvisited links */
a:link{
	border-style:solid;
	border-width:5;
    border-color: transparent;
}
/* Visited links */
a:visited{
   border-style:solid;
   border-width:5;
	border-color: red;
}
/* Mouse pointer on link */
a:hover{
	border-style:solid;
 border-width:10;
	border-color: black;
}
/* Mouse pointer on link and left button down */
a:active{
	border-style:solid;
	border-width:5;
   border-color: blue;
}