/* layoutstyles.css */
/* Universal style rule */
*{
  /* Block all browser default margins and padding */
  margin:0;
  padding:0;
    }
#wrapper{
background: transparent 
  url(pix/map.jpg) 0 0 repeat-y; 
  width: 40em;
  margin: 5px auto;
  position:relative;
    }
body{
	background-color: #ccc;
	}

#branding img{
display:block;}

#leftcolumn {
background-color: #ffd2e9;
	width:12em;
	height:30em;
	float:left;
	Clear:both;
		}
/* Navbar division (Vertical navbar) */ 
#navbar{ 
  width:80%; 
  /* Center horizontally */ 
  margin:1em auto; 
  text-align:center; 
  border:solid 1px #333; 
  } 

/* Remove bullets from ul in the navbar */ 
#navbar ul{ 
  list-style-type:none; 
  } 

/* List items in the navbar */ 
#navbar li{ 
  background:#aaa url(pix/navbak.jpg) repeat-x center; 
} 

/* Applies to navbar links, unvisited and visited */ 
#navbar a, 
#navbar a:link, 
#navbar a:visited{ 
  text-decoration:none; 
  font-family:Arial Black, Geneva, Arial, Sans-Serif; 
  font-size:80%;
  color:black; 
  background:#aaa url(pix/navbak.jpg) 
  repeat-x center; 
  display:block; 
  height:3em; 
  width:auto; 
  line-height:3em; 
  text-align:center; 
  outline-style:none; 
} 

/* Navbar hover, active, and current page links */ 
#navbar a:hover, 
#navbar a:active, 
#navbar li.selected a:link, 
#navbar li.selected a:visited{ 
  background:#ddd url(pix/navhover.jpg) repeat-x center; 
  color:#000; 
}
h2{
font-Family: Charcoal, Inpact, sans-serif;
color:black;
font-weight:bold;
font-style:italic;
font-variant:small-caps;
margin-left:8em;
padding:10px;
}

#rightcolumn{
margin-left:12em
position: relative;}

#content1 img{
position:absolute;
}

#content2 img{
position:absolute;}


#content3 img{
position:absolute;}

#footer {
text-aligh;center;
clear:both;
}
#footer{
position:relative;}
 #footer img{
 display:block;}

/* Absolutely position links in th ebranding division */
#footer a{
  position:absolute;
  color:#0000ff;
  font-family: 'Unicorn', Aloe, Arial Rounded MT Bold;
  font-size; 2em;
  }
/* Unvisited and visited links in branding bar */
#footer a:link, #footer a:visited {
  color:black;
} 

/* Hover links in branding bar */
#footer a:hover{
  color:#666666;
}

/* Active link in branding bar */
#footer a:active{
  color:black;
}


