/*  nothing special needed  */

body  {
  /* some of each.  The title will be default Sarif */
  font-family: Arial, Helvetica, sans-serif;
  background-color: #FFE4C4;
  /* 	#F0D5D5; */
}


img #contactImg {
	color: gainsboro;
	border-width: 1px;
}

#container  {
  margin: 1em 1em 1em 1em;
  /* some of each.  The title will be default Sarif */
  color: firebrick;
  background: url('http://www.jackmadson.com/images/back_IMG_0428small2.JPG');
	background-color: #F0D5D5;
}

#content {
	width: auto;
}	

#rightnav {
	width: 40%;
}
#rightnav[ id ] {
	width: 55%;
}

#xlogoImage {
	border: none;
}

a.nav {
	color: #800000;
	background-color: #FFE4C4;
}
a.nav:hover {
	color: whitesmoke;
	/*  background-color: #FFE4C4; */
	background-color: #800000;
}

.XimgP a.nav {
	display: block;
	background-color: purple;
}
.XimgP a span {
	display: block;
	background-color: green;
}

/* photo counter */
span.photoCaption {
	margin: 0 1em 0 1em; 
	color: #800000; 
	font-size: xx-small;
}

/* photo Caption from metadata*/
/* photoCaption maps to index*/
a.photoCaption {
	color: #800000;
	text-align: center;
	font-size: small;
}
#homepage2 {
  width: 75%;
  margin: 0 0 0 .5em;
  padding: .5em .5em .5em 1.5em; 
}
#homepage2[id ] {
  margin: 0 0 0 5em;
}

#homepage2 #writings{
	font-size: small;
}

/* styling for the HomePage */
#homepage a span { 
	display: none;
	margin-top: 1em;
	padding: .3em;
	font-size: small;
	font-family: arial;
	bXackground-color: #FFEBCD;
	color: white;
	}

/* popup word */
#NOTUSEDhomepage a span#sub { 
	position: absolute;
	tXop: -.5em;
	top: 7.2em;
	left: 3em; 
	width: 22em;
   	padding: .5em; 
   	font-family: arial;
   	font-size: 77px;
   	text-decoration: underline;
   	color: #F0D5D5;
   	background-color: transparent;
   	}
#NOTUSEDhomepage a span#sub[ id ] {
	top: 6em;
}
	
/* display hidden span */
#homepage a:hover {
	text-decoration: none;
	}

#homepage a.nav {
	margin: 0 0 0 1em;
	padding: 1em;
	width: 7em;
	
	}

#homepage {
	margin: 0 0 0 0;
	width: 70%;	
}

#homepage[ id ] {
	margin: 0 0 0 2em;
	width: 100%;	
}	

	
/* end HomePage  */

/* mainpage image */

#leftnav img {
  border-style : solid;
  border-color : black;
  border-width : 5px;
	}
	
#leftnav {
	width: 30%;
	padding: .5em 0 1em 2em;
	overflow: visible;
}

.myPhotosBox .collections {
	Xz-index: 1;
  mXargin: -3.5em 0 0 2em;
  margin:  0 0 .2em 2em;
  padding: 0em 4em 2em 2em;
}
.myPhotosBig .collections {
	width: 105%;
}
.collections {
	margin: 0 0 0 2em;
	width: 80%;
	/* ie wont need the clear - does clear anyway */
	clear: both;
	overflow: auto;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.jackmadson.com/images/50percent.png',sizingMethod='scale');
}
.collections[ class ] {
	width: 100%;
	overflow: auto;
	background-image:url(http://www.jackmadson.com/images/50percent.png);	
}

/* spacing */
.collections .imgP {
	padding: .5em 2em .5em .5em;
}

/* frames */
.collections img.big, img.photo {
  border-color : black;
  border-style : solid;
  border-width : 5px;/* the border property in longhand*/
}  
.collections img.photo {
  border-color : black;
  border-style : solid;
  border-width : 5px;/* the border property in longhand*/
}

.found_Images {
	margin: 0 0 0 2em;
	width: 80%;

	clear: both;
	overflow: auto;// visible; 
	background-color: lavender;
  }
.found_Images[class]{
	width: 100%;
	oXverflow: auto;
	background-color: lavender;
}

.found_Images photosBig, img.big, img.photo {
	border-color : black;
  border-style : solid;
  border-width : 3px;
  /* the border property in longhand*/
}  

.myPhotosBox .gallery {
  margin:  0 0 .2em 2em;
  padding: 0em 4em 2em 2em;
}  
.myPhotosBig .gallery[ class ]{
  width: 105%;	
}
.gallery {
	/* ie wont need the clear - does clear anyway */
	clear: both;
	
	margin: 0 0 0 2em;
	width: 80%;
	overflow: auto;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.jackmadson.com/images/50percent.png',sizingMethod='scale');
}
.gallery[ class ] {
	background-image:url(http://www.jackmadson.com/images/50percent.png);	
	width: 100%;
}

.gallery img.big, img.photo {
  border-color : black;
  border-style : solid;
  border-width : 5px;/* the border property in longhand*/
}  


.navButton:hover {
	border-color: #800000;
}
.navButton {
	/* used also for backforth arrows */
  	margin: 0;
  	border-color: #FFE4C4;
	border-width: 2px;
}
	
ul { 
	padding: 1em;
	margin: 0;

	bXorder-bottom: 1px solid silver;
	font: 1em sans-serif;
}
li a {
	padding: 5px 5px;
	font-size large;
	
	border-color: cyan;
  	color: blue;
  	background: cyan;
}


ul#topmenu li a:hover {
	color: black;
	background-color: whitesmoke;
}

.imgP {
	text-align: center;
	padding: .2em 1em 1em 1em;
	float: left;
}

img {
	border: 22px;
	border-color: black;
	border-style: solid;
	align: center;	
}



.buttonBar { 
	color: black;
	height: 1.2em;
} 

#footer { 
	padding: 0 0 0 1em;
	border-color: #800000;
	background-color: transparent;
	color: #FFE4C4; 
}

#footer a {
	color: floralwhite;
}
#footer a.selected { 
	color: white;
}
#footer a:hover { 
	color: #800000;
}


#main ul.navlist, #bottomCenter ul.navlist { 
	margin: 0;
	/* this overides listStyles */
	text-align: center;
}
	
ul.navlist li a.selected {
	color: #AFA9AF;
	background-color: ghostwhite;
}

ul.navlist li a {
	/* this overides listStyles */
  	font-size: small;
	padding: .1em .6em .1em .6em;
	width: auto;
	
	border-style: outset;
	border-color: #FFE4C4;
	border-width: 1.8px; 
	background-color: transparent;
}

ul.navlist li a img,  #bottomCenter ul.navlist li a img {
	border-color: whitesmoke;
}

/* button faces - text boxes too */
#main ul.navlist li a,  #bottomCenter ul.navlist li a {
	/* this overides listStyles */
	float: none;
	color: #FFE4C4; 
	/* was maroon #800000; */
	border-color: yellow;
	background-color: goldenrod;
	/* #FFE4C4 */
}

ul.navlist li a:hover,  #bottomCenter ul.navlist li a:hover {
	background-color: #F0D5D5;
	border-color: #F0D5D5; 
	/* #F0D5D5 #AFA9AF; #A9A9AF; #C9D9D9; #A9A9A9; */
}

ul.navlist li a img:hover,  #bottomCenter ul.navlist li a img:hover {
	border-color: #F0D5D5;
}

#main ul.navlist li a:hover,  #bottomCenter ul.navlist li a:hover {
	background-color: #800000;
	/* #F0D5D5 #AFA9AF; #A9A9AF; #C9D9D9; #A9A9A9; */
}
#main {

}

#bottomCenter {
	height: .5em;
}

#bottomCenter ul.navlist li a {
	background-color: goldenrod; 
	/* //#1E90FF;  // #4169E1; // #40E0D0; //goldenrod;  */
}

#main ul.navlist li a.selected, #bottomCenter ul.navlist li a.selected {
	color: #AFA9AF;
	background-color: ghostwhite;
}

#bottomCenter ul.navlist li a:hover {
	background-color: #800000;
}
.title a {
	font-size: 24px;
	font-weight: 700;
	padding: 0 6em 0 6em;
	color: #800000; 
	/* was #F0D5D5; */ 
}


#topTitle {
	position: none;
	bXackground-color: yellow;
}

#missionText {
	text-align: center;
}

#aboutThisRoom {
	color: #800000;
	z-index: 2;
	float: right; 
	width: 20em;
	margin: 0 3em 0 12em;
	padding: .2em;
	font-size: small;
	background-color: #E8DACF;
	}
#aboutThisRoom a { color: #800000;  }

	
.front {
	font-size: small;
	color: darksalmon;
	}
.front:hover {
	color: #800000;
}

#linkspage a.nav {
	font-size: xx-small;
}
#linkspage #writings {
	font-size: small;
	text-align: center;
}
#writings {
	margin: 0 0 0 2em;
	padding: 1em 3em 3em 3em;
	tZext-align: center;
	fXont-size: small; 
	color: firebrick;
	border-style: outset;
	border-width: 2px;
	border-color: firebrick;
	/* the ie workarouds below will not work if size of the object is left to auto */
	height: 90%;
	width: 90%; 
	/* This is an IE filter command. Other browsers will ignore it */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader 
(src='http://www.jackmadson.com/images/50percent.png',sizingMethod='scale');
	}

/* Square bracketed class styles are a non-IE type browser variety */
/* This is a seperate css entry */
#writings[ id ] {
background-image:url(http://www.jackmadson.com/images/50percent.png);
}