/* layoutstyles.css */
/* Universal style rule */

*{
  /* Block all browser default margins and padding */
  margin:0;
  padding:0;
   }
#wrapper{
	background-color: #ffd2e9;
  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:1em;
	padding:1px;
}	
h4{
	font-Family: Charcoal, Inpact, sans-serif;
	color:black;
	font-weight:bold;
	font-style:italic;
	font-variant:small-caps;
	letter-spacing:0.08;
}	

#rightcolumn{
	margin-left:12em
	position: relative;
	 /* Center images and text inside this div */
    text-align:center;
}
#content1 ul, #content2 ul, #content3 ul{
  padding-left:1.5em; 
}

#content1{
	width:11em;
	height:6em;
	background-color:#ccc;
	border:solid 2px #8b0000;
	padding-top:2em;
	padding-left:2.5em;
	position:absolute;
	top:8em; 
	right:13em;
	}

#content2{
	width:11em;
	height:8em;
	background-color:#ccc;
	border:solid 2px #8b0000;
	padding-left:2.5em;
	padding-top:2em; 
	position:absolute;
	top:15em;
	right:5em;
}
	
#content3{
	width:11em;
	height:9em;
	background-color:#ccc;
	border:solid 2px #8b0000;
	padding-left:3em;
	padding-top:1em; 
	position:absolute;
	top:24em;
	right:13em;
   }


#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;
}