body {
	background : url('images/wallpaper.gif') repeat-x fixed #162716; 
  }
 
  .p2 { 
	background:url('images/pattern_blk.png') no-repeat; 
  }

  .c { 
	background:url('images/camera.png') no-repeat; 
  }

  .paraSeparator h1 {
	background: url('images/SpriteLayer.gif') no-repeat; 
  }







body {
  font: normal 85% Verdana, Arial, Helvetica, sans-serif;
  color:  #7FC676;
  color: cornsilk;
  margin: 0px;
  padding: 0px;
  text-align: center; /* centering hack 1/2 */
}
h1, h2, h3 {
	padding: 0; 
	margin:0;
}

h1 {
	font-size: 150%;
}
h2 {
	font-size: 100%;
}

.p2 { 
	height:279px; 
	height:400px; 
	width:388px; 
	position:absolute; 
	left:0px; 
	top:0; 
	background-position: -175px -97px;
}

.c { 
	height:241px; 
	width:340px; 
	position:absolute; 
	left:0px; 
	top:38px; 
	background-position: -100px 0;
}

.headerText, .headerText2 {
	font-family: verdana; 
	font-weight: bold;
	font-size: 17pt;
	text-align: center; 
	color: #7FC676; 
	color: cornsilk;
	position: absolute; 
	left: 250px; 
	top: 130px;
}


.headerText span {
	font-size: 70%;
}
.paraSeparator {
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
	margin-top: 10px;
}

.paraSeparator h1 {
	width: 600px;
	height:40px; 
	padding-top: 5px; 
	font-size: 20px; 
	font-weight: bold;
}


#wrapper {
  border: thin solid red;
  background-color: #182918;
  border: 0px;
  margin-top: 50px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  text-align:left; /* centering hack 2/2 */
  width: 900px;

}

#NavMenu {
  float: left;
  margin: 0px;
  padding: 0px;
  width: 140px; /* IE5Xwin sees this (standards width plus padding and border on left and right)*/
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 130px; /* standards width */

}
html>body #NavMenu {
  width: 130px; /* standards width reinforcement */
}


#NavMenu {
	margin-top: 100px;
}


#NavMenu ul { margin: 0; padding: 0; list-style: none outside;}
#NavMenu li { padding-bottom: 8px; list-style: none ; margin-bottom: 0; }
#NavMenu li a { 
	text-decoration: none; 
	color: #7FC676; 
	padding-right: 10px; 
	padding-left: 18px; 
	margin-left: 5px;
	padding-bottom: 4px;
	font-size: 80%;
}
#NavMenu li a:hover { 
	background: #324632; 
	color: white; 
}

#NavMenu li a { 
	background:transparent url('images/bullet1.gif') no-repeat scroll left center;
}
#NavMenu li a:hover { 
	background:transparent url('images/bullet2.gif') no-repeat scroll left center;
}



#Content {
  float: right;
  margin: 0px;
  padding: 0px;
  width: 750px; /* IE5Xwin sees this (standards width plus padding and border on left and right)*/
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 740px; /* standards width */
  height: 380px;
  padding-right: 20px;
  overflow: auto;
}
html>body #Content {
  width: 740px; /* standards width reinforcement */
}


.footertext {
	clear: both;
	padding-top: 20px;
	margin-left: 130px;
	font-size: 8pt; 
	text-align: center; 
	color: silver;
	margin-left: 0px;
	padding-bottom: 10px; 
}

.footertext table {
	margin-left: auto;
	margin-right: auto;
}

.narrow {
	margin: 40px 65px;
}

#Content li {
	margin-bottom: 2em;
}


ul.centered {
	margin-top: 40px;
	margin-bottom: 40px;
	margin-left: 30%;
}

#Content .centered li {
	margin-bottom: 1px;
}

.clr {
	clear: both;
	margin: 5px 20px 5px 20px;
}

.collage {
	float:right;
	margin-top: 5px;
	height: 250px;
}








/* Photo Albums */
  #Content {
    height: 600px;
  }
  #ImgList {
    width: 1480px;
    margin:0; 
    padding: 0;
  }
  
  .image {
    display: inline; 
    list-style: none; 
    margin:0; 
    padding: 0;
  }

  .image {
    padding: 10px 10px 5px 0px;
  }

   #PicBody {
    height: 350px;
    text-align: center;
    margin-top: 50px;
   }

  .carousel {
    margin: 0; 
    margin-left: 70px; 
    margin-right: 0px; 
    margin-top: 40px;
    width:590px; 
    height: 150px; 
    padding: 5px 0 5px 0; 
    padding-bottom: 0; 
    overflow: auto; 
  }
  #PicBodyImg {
    height: 350px;
  }




/* Photo Gallery specific */

.Galleries {
	float: left; 
	margin-left: 130px; 
	margin-top: 40px; 
}

.GalClr {
	clear: both;
	margin-bottom: 50px;
}

.frame {
    background: url('images/album-frame.png') no-repeat;
	width: 230px; 
	height: 183px; 
	float: left; 
	text-align: center;
	margin-bottom: 40px;
	margin-right: 20px;
	cursor : pointer; 
	color: white;
	text-decoration: none;
}

.frame a {
	border: none;
	text-decoration: none;
	color: white;
}
.frame img {
	margin-top: 15px;
	margin-left: 0px;
	border: none;
}

.frame div {
	margin-top: 30px;
}


.LongMetaList {	/* Hides the content used in place of meta tags */
	position: absolute;
	width: 5px;
	height: 5px;
	overflow: hidden;
}