body {
	background-color: #FEFFFB;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	background-image:  url(images/PhotoPhiles/bg.gif);
	background-repeat: repeat-y;
}

td, p, div, ul, ol, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #333333;
	font-size: 12px;
}

a:link, a:visited {
	color: #FEFFFB;
	text-decoration: underline;
	background-color: transparent;
}

a:hover {
	color: #FEFFFB;
	text-decoration: none;
	background-color: #A5BC6E;
}

a:active {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #A5BC6E;
}


h1, h2, h3, h4, h5, h6, th {
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 16px;
	background-color: transparent;
}


h2 {
	font-size: 14px;
	background-color: transparent;
}

h3, h4 {
	font-size: 12px;
	background-color: transparent;
}

blockquote, p, div {
	line-height: 1.5em;
}

img {
	display: block;
	border: none;
	margin: 0px;
	padding: 0px;
}


#topBar {
	margin: 0px;
	padding: 0px;
	height: auto;
	background-image:  url(images/PhotoPhiles/bg_hdr.jpg);
	background-repeat: repeat-x;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	border-top: 0px solid #000000;
	border-bottom: 2px solid #FEFFFB;
}

/* the navBar div MUST be declared as inline when using the float 
property.  Otherwise IE6 will screw up the box model by around 6 pixels.
We call this the not-so-ugly/brilliant hack by nCubed.com
Go ahead, remove the inline declaration and then make the border 1px. Compare
the results in IE6 v. Mozilla.  

Alternatively, you could just use an absolutely positioned div, but
what would be the point of that? no, really? */
#navBar {
	display: inline;
	float: left;
	padding: 0px;
	width: 138px;
	border: 0px solid #000000;
	margin-left: 12px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
}

/*left padding is defined in the specific page's css file */
#navBar div {
	padding-left: 15px;  /* 15 for the single gallery, 75 for multiple */
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
	border-left: 0px solid #A5BC6E;
	border-right: 0px solid #A5BC6E;
	border-top: 0px solid #A5BC6E;
	border-bottom: 0px solid #A5BC6E; /*no bottom border in single, 1 in multiple */
	color: #FEFFFB;
}

#navBar h2 {
	color: #FEFFFB;
	margin-left: 5px;
	margin-bottom: -10px;
}

#navBar a {
	display: inline-block;
	width: 118px;
	border: 1px solid #859F48;
}

#navBar a:hover {
	display: inline-block;
	width: 121px;
	border: 1px dotted #666666;

}

/***************Begin Content ***************/

/*push the content away from the sideBar div w/ left margin.*/
#contentWrapper {
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 177px;
	width: 70%;
	min-width: 300px;
}

/*hover and active are fine as initially declared */
#contentWrapper a:link, #contentWrapper a:visited {
	color: #859F48;
	text-decoration: underline;
	background-color: transparent;
}

#contentWrapper a:hover {
	color: #859F48;
	text-decoration: none;
	background-color: transparent;
}

/*positions the image gallery table on the page*/
#galleryImages {
	margin-left: 30px;
	margin-top: 30px;
	
}

/*make sure none of the images in the thumbnail table has an
inadvertent bg hover effect */
#galleryImages a:hover {
	background-color: transparent;
}


/* used for transparent images with links to eliminate any link effects */
.link-nobg {
	background-color: transparent;
}

a.link-nobg:hover, a.link-nobg:active {
	text-decoration: none;
	background-color: transparent;
	border: none;
}