/*  
*/


#page {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  margin-top: -210px;
  text-align: center;
  min-width: 600px; 
}

#container {
  position: relative;
  text-align: left;
  width: 600px;
  height: 420px;
  margin: 0px auto;
}

#menu	{
  height: 275px;
  width: 180px;
  background: transparent url(images/menu.png) top left no-repeat;
  margin: 0;
  padding: 0;
  position: absolute;
}

#menu li {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  left: 0;
}

#menu li, #menu li a {
  width: 180px;
  display: block;
  border: none !important;
}
  
#menu li a {  
  text-indent: -9999px;
  text-decoration: none;
}

#cjmenu, #cjmenu a {
  top: 75px; 
  height: 30px;
  }

#shannonmenu, #shannonmenu a {
  top: 125px; 
  height: 30px;
  }

#photomenu, #photomenu a {
  top: 178px; 
  height: 30px;
  }
  
#personalmenu, #personalmenu a {
  top: 225px;
  height: 30px;
}

#cjmenu a:hover {
  background: transparent url(images/menu-hover.png) 0 -75px no-repeat; 
}

#shannonmenu a:hover {
  background: transparent url(images/menu-hover.png) 0 -125px no-repeat;
}

#photomenu a:hover {
  background: transparent url(images/menu-hover.png) 0 -178px no-repeat;
}

#personalmenu a:hover {
  background: transparent url(images/menu-hover.png) 0 -225px no-repeat;
}
  
#logo {
  position: absolute;
  top: 280px;
  left: 0px;
  width: 180px;
  height: 150px;
  text-align: center;
  background: url(images/logo.png) 0 0 no-repeat;
/*  background-color: #000066; */
  }

#logolinks {
  position: absolute;
  top: 90px;
  left: 0px;
  width: 180px;
  font-family: arial;
  font-size: 10px;
  }
  
#logolinks a {
  text-decoration: none;
  color: #000000;
  }
  
#logolinks a:hover {
  text-decoration: none;
  color: #990000;
  }
  
  
#cartoondiv {
  position: absolute;
  top: 0px;
  left: 180px;
  width: 420px;
  height: 420px;
  }

#cartoon {
  width: 420px; 
  height: 420px;
  margin: 0;
  padding: 0;
  background: url(images/cartoon.png); 
  position: relative; 
  }

#cartoon li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  position: absolute;
}

#cartoon a {
  display: block;
}

#cjface {
  left: 214px;
  top: 16px;
  width: 108px;
  height: 168px;
}

#cjface a {
  height: 168px;
}

#cjface a:hover {
  background: url(images/cj.png) no-repeat; 
}

#shannonface {
  left: 70px;
  top: 30px;
  width: 141px;
  height: 175px;
}

#shannonface a {
  height: 175px;
}

#shannonface a:hover {
  background: url(images/shannon.png) no-repeat;  
}

#camera {
  left: 221px;
  top: 194px;
  width: 120px;
  height: 79px;
}

#camera a {
  height: 79px;
}

#camera a:hover {
  background: url(images/camera.png) no-repeat;
}

#cartoon li a {  
  text-indent: -9999px;
  text-decoration: none;
}

img {
  border: none;
  }