/* Nautica06 by OpenSourceTemplates.org and studio7designs.com*/

html, body {
           height: 100%;
           height: 100%;
           }

body       {
           font: 76% arial,sans-serif;
 		   text-align:center;
		   margin:0;
		   padding:0;
		   
		   background-image: url(img/bg.jpg);
		   background-position: 0px 113px; 
		   background-repeat: repeat-x;
		   }

#container {
  margin: 0 auto;
  
  width: 750px;	
  height: auto !important;
  height: 100%;
  min-height: 100%;
  
  position: relative;
  z-index: 98;
}



#header   {
  background: url(img/top.jpg) no-repeat;
  background-position: 10px 0;
  height: 60px;
  width: 750px;
}
		  
#header ul {
  float: right;
  padding-top: 10px;
  padding-right: 45px;
}

a {
	color:#006699;
}

#header>ul{padding-top: 0px; margin-top: 8px;}
		   
#header ul li {
  display: inline;
  text-align: right;
  width: 120px;
  height: 25px;
  padding-left: 8px;
  font-weight: bold;  
}
		   
#header ul li a:link, #header ul li a:visited  {
		  text-decoration: none;
		  color: #fff;
		  }
		  
#header ul li a:active, #header ul li a:hover  {
		  text-decoration: none;
		  color: #888;
		  }
		  
#subheader {
  background: url(img/header_kids.jpg) no-repeat top left;
  height: 251px;
  width: 750px;
}

#subheader1 {
  background: url(img/header_peaceccorps.jpg) no-repeat top left;
  height: 251px;
  width: 750px;
}

#subheader2 {
  background: url(img/header_portfolio.jpg) no-repeat top left;
  height: 251px;
  width: 750px;
}
#subheader3 {
  background: url(img/header_aboutme.jpg) no-repeat top left;
  height: 251px;
  width: 750px;
}

#subheader4 {
  background: url(img/header_mastersproject.jpg) no-repeat top left;
  height: 251px;
  width: 750px;
}
		  
#subheader ul  {
 margin-right:550px;
  list-style: none;
  display: block;
  position: relative;
  top: 70px;
  text-align: left;
  width: 140px;
  left: 235px;
  margin-top: 0;
  margin-bottom: 0;
}
#subheader1 ul  {
margin-right:550px;
  list-style: none;
  display: block;
  position: relative;
  top: 70px;
  text-align: left;
  width: 140px;
  left: 235px;
  margin-top: 0;
  margin-bottom: 0;
}

#subheader2 ul  {
margin-right:550px;
  list-style: none;
  display: block;
  position: relative;
  top: 70px;
  text-align: left;
  width: 140px;
  left: 235px;
  margin-top: 0;
  margin-bottom: 0;
}
#subheader3 ul  {
margin-right:550px;
  list-style: none;
  display: block;
  position: relative;
  top: 70px;
  text-align: left;
  width: 140px;
  left: 235px;
  margin-top: 0;
  margin-bottom: 0;
}
#subheader4 ul  {
margin-right:550px;
  list-style: none;
  display: block;
  position: relative;
  top: 70px;
  text-align: left;
  width: 140px;
  left: 235px;
  margin-top: 0;
  margin-bottom: 0;
}

#subheader>ul {
  left: 530px;
}

#subheader1>ul {
  left: 530px;
}
		
#subheader2>ul {
  left: 530px;
}

#subheader3>ul {
  left: 530px;
}
   
#subheader4>ul {
  left: 530px;
}
#subheader ul li {
	display: block;
	text-align: left;
	margin: 0;
	font-weight: bold;
    }

#subheader1 ul li {
	display: block;
	text-align: left;
	margin: 0;
	font-weight: bold;
    }

#subheader2 ul li {
	display: block;
	text-align: left;
	margin: 0;
	font-weight: bold;
    }

#subheader3 ul li {
	display: block;
	text-align: left;
	margin: 0;
	font-weight: bold;
    }
#subheader4 ul li {
	display: block;
	text-align: left;
	margin: 0;
	font-weight: bold;
    }
	
	
#subheader ul li a {
	border-bottom: 1px solid #8EB2C8;
	width: 115px;
	padding: 4px 3px;
	height: 12px;
	display: block;
	}
#subheader1 ul li a {
	border-bottom: 1px solid #8EB2C8;
	width: 115px;
	padding: 4px 3px;
	height: 12px;
	display: block;
	}
#subheader2 ul li a {
	border-bottom: 1px solid #8EB2C8;
	width: 115px;
	padding: 4px 3px;
	height: 12px;
	display: block;
	}
#subheader3 ul li a {
	border-bottom: 1px solid #8EB2C8;
	width: 115px;
	padding: 4px 3px;
	height: 12px;
	display: block;
	}
	
#subheader4 ul li a {
	border-bottom: 1px solid #8EB2C8;
	width: 115px;
	padding: 4px 3px;
	height: 12px;
	display: block;
	}
#subheader ul li a:link, #subheader ul li a:visited  {
	text-decoration: none;
	color:#FFFFFF;
	}
		 
#subheader1 ul li a:link, #subheader1 ul li a:visited  {
	text-decoration: none;
	color:#FFFFFF;
		   }
#subheader2 ul li a:link, #subheader2 ul li a:visited  {
	text-decoration: none;
	color:#FFFFFF;
	}
#subheader3 ul li a:link, #subheader3 ul li a:visited  {
	text-decoration: none;
	color:#FFFFFF;
	}
#subheader4 ul li a:link, #subheader4 ul li a:visited  {
	text-decoration: none;
	color:#FFFFFF;
	}
		     
#subheader ul li a:hover, #subheader ul li a:active  {
	background-color: #C4D6E2;
	text-decoration: none;
	}

#subheader1 ul li a:hover, #subheader1 ul li a:active  {
	background-color: #C4D6E2;
	text-decoration: none;
	}
	
#subheader2 ul li a:hover, #subheader2 ul li a:active  {
	background-color: #C4D6E2;
	text-decoration: none;
	}
#subheader3 ul li a:hover, #subheader3 ul li a:active  {
	background-color: #C4D6E2;
	text-decoration: none;
	}
#subheader4 ul li a:hover, #subheader4 ul li a:active  {
	background-color: #C4D6E2;
	text-decoration: none;
	}

#wrapper   {
  position: relative;
  width: 750px;
}
		   
#content {
  position: relative;
  width: 690px;
  
  padding: 10px 30px 40px 30px;  
  
  text-align: left;
  background: url(img/content.jpg) no-repeat top left;
}
		
/* footerStickAlt http://themaninblue.com/experiment/footerStickAlt/ */
/* This code is for the positioning of the footer */

#footer    {
  position:relative;
  width:750px;
  height: 190px;
  margin: -170px auto 0px auto;
  background: url(img/footer.jpg) no-repeat bottom left;
}

#footer .copyright {
  position: absolute;
  bottom: 7px;
  left: 0;
  width: 750px;
  text-align: center;  
}

#footer  a  {
  text-align: center;
  text-decoration:none;
}


/* visit www.opensourcetemplates.org for more header downloads  */