/*********************************************************
foreground color #ffd040
Muted background color #ffe0c0
*********************************************************/

body
{
	background-color:#000000;
	font-family: 'Segoe UI', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height:140%;
	color:#ffd040;
	margin: 0px;
	padding: 0px;
}
    	
#full
{
   background: #fff8e3;
   height: 100%;
   width: 960px;
   margin-left: auto;
   margin-right: auto;
}

#content
{
   background: #000000;
   width: 900px;
   padding: 95px 0px 0px 0px;
   margin: 0px auto 0px auto;
}

#contentWrapper
{
   width: 100%;
   height: 100%;
   margin: 0px 0px 0px 0px;
   padding: 90px 0px 0px 0px;
}

.pageTitle
{
	font-family: 'Segoe UI', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
	color: #ffd040;
	font-size: 18pt;
	padding-top: 0.5em;
	letter-spacing: 1px;
	font-style: italic;
	text-align:center;
}

.textContent
{
	width: 720px;
	background-color: #000000;
	color: #ffd040;
	text-align: left;
	padding: 6px 20px 20px 165px;
	font-style: italic;
}

.textContent p
{
	margin: 0px 0px 0.7em;
}

.hanging
{
	margin-top: 0;
	margin-bottom: 0.7em;
	text-indent: -1.5em;
	margin-left: 1.5em;
}

p.indent_1
{
	margin-left: 1.5em;
	margin-bottom: 0.2em;
}

.heading
{
	text-transform: uppercase;
	color: #ffd040;
	font-weight: bold;
	letter-spacing: 0.05em;
	padding-top: 1.0em;
	margin-bottom: 0.7em;
	font-style: italic;
}

#thumbsDiv
{
	background: #000000;
	border-left: 3px solid #ffd040;
	float: right;
	width: 15%;
	text-align: left;
	overflow-y: scroll;
	margin-top: 5px;
}

#thumbsDiv img
{
	max-width: 120px;
	max-height: 80px;
	border: 0px;
}

#thumbsDiv td
{
	padding: 16px 0px 0px 0px;
	text-align: center;
}

#thumbsDiv span.title
{
	font-weight:bold;
	font-size: 1.2em;
	text-align: center;
	font-style: italic;
	letter-spacing: 1.0px;
}

#thumbsDiv td.title
{
	font-weight:normal;
	/* font-size: 1.2em; */
	text-align: center;
	border-bottom: 3px solid #ffd040;
	font-style: italic;
	letter-spacing: 1.0px;
}

#thumbsDiv td.col-1
{
	border-bottom: 0px solid #b08f2c;
	border-right: 0px solid #b08f2c;
}

#thumbsDiv td.col-2
{
	border-bottom: 0px solid #b08f2c;
}

.BarbaraNepom
{
	/* font-family: 'Lucida Sans Unicode', 'Segoe UI', 'Arial Narrow', Arial, Helvetica, sans-serif; /**/
	/**/ font-family: 'Segoe UI', 'Arial Narrow', Arial, Helvetica, sans-serif; /**/
	font-size: 24pt;
	letter-spacing: 1px;
	font-style: italic;
	/* font-variant: small-caps; /**/ 
}

.BarbaraNepomLogo
{
	font-size: 14pt;
	color: #ffd040;
	background-color: #000000;
	text-align: center;
	line-height: 200%;
	letter-spacing: 4.0px;
	height: 61px;
	padding: 26px 10px 0px 10px;
	margin-top: -55px;
}

#prev-next a #imgPrev, #prev-next a #imgNext
{
	opacity: 0.50;
}

/* hover effects */
#prev-next a:hover #imgPrev, #prev-next a:hover #imgNext
{
	opacity: 1.0;
}

.capTitle { font-size: 1.2em; font-weight: bold; }
		
a:link    { color: #b08f2c; text-decoration: none; font-weight:normal; }
a:visited { color: #b08f2c; text-decoration: none; font-weight:normal; }
a:hover   { color: #ffd040; text-decoration: none; font-weight:normal; }
a:active  { color: #ffd040; text-decoration: none; font-weight:normal; }

a.hoverBold:hover   { color: #ffd040; text-decoration: none; font-weight:bold; }

a.brighter:link    { color: #c29d30; text-decoration: none; font-weight:normal; }
a.brighter:visited { color: #c29d30; text-decoration: none; font-weight:normal; }
a.brighter:hover   { color: #ffd040; text-decoration: none; font-weight:bold; }
a.brighter:active  { color: #c29d30; text-decoration: none; font-weight:normal; }

/* hide border if not active or hovering */		
#thumbsDiv a img
{
	border: 2px double #000000;
	outline: 2px double #000000;
}

/* gray border around hover thumbnail */				
#thumbsDiv a:hover img
{
	border: 2px double #000000;
	Outline: 2px double #584818;
}

/* black border around active thumbnail */		
#thumbsDiv a.active img
{
	border: 2px double #000000;
	outline: 2px double #ffd040;
}

#imageDiv
{
	background: #000000;
	position: fixed;
	overflow: hidden;
	height: 100%;
	padding: 20px 20px 20px 20px;
	margin-top: 4px;
}

#imageDiv img { border: 0px; }

#prev-next
{
	vertical-align: bottom;
	padding-bottom: 10px;
}

#caption
{
	color: #ffd040;
	padding: 10px 10px 10px;
	text-align: center;
}
.updateby
{
font-size: 0.8em;
	text-align: left;
	padding: 0px 0px 10px 10px;
	position:fixed;
	bottom:0%;
	left:0%;	
}
.websiteby
{
	font-size: 0.8em;
	text-align: left;
	padding: 0px 0px 10px 10px;
	position:fixed;
	bottom:0%;
	left:0%;
}

.sideCaption
{
	font-size: 12pt;
	line-height: 1.2em;
	letter-spacing: 1.5px;
	font-style: italic;

	text-align: left;
	/**/ width: 300px !important; /**/
	padding: 0px 10px 10px 0px;
	position:fixed;
	left:75%;
	top:51%;
}

/*************************************************************************************************************
		Menu Styling
 *************************************************************************************************************/
 
 /************************************************************************************************************
	Forground Menu Color #ffd040
	Background Menu Color #000000;
	Forground Active Tab #000000;
	Background Active Tab #ffd040;
  *************************************************************************************************************/
 
/* Main menu settings */
#centeredmenu
{
	clear: both;
	float: left;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	border-bottom: 3px solid #ffd040; /* white line extending all the way across the screen below menu */
	width: 100%;
	min-width: 685px; /* This ensures that the menu will not wrap is the window width is too narrow -- If the text in the top level menu changes, this value should be adjusted accordingly */
	font-family: Verdana, Geneva, sans-serif; /* Menu font */
	font-style: italic;
	z-index: 1000; /* This makes the dropdown menus appear above the page content below */
	position: fixed; /* changed to fixed from relative so that the content div will scroll under this div */
	background-color: #000000;
	color: #c6c1b1; /* #000000; */
}
		
/* Top menu items */
#centeredmenu ul
{
	margin: 0;
	padding: 0;
	margin-top: 50px; /* controls high of this div or distance from top of window */
	list-style: none;
	float: right;
	position: relative;
	right: 50%;
}
#centeredmenu ul li
{
	margin: 0 0 0 0px;
	width: 120px; /* fixed width 80 + 25 padding each side */
	padding: 0;
	float: left;
	position: relative;
	left: 50%;
	top: 0px;
}
#centeredmenu ul li a
{
	display: block;
	margin: 0;
	padding: 4px 25px 3px;
	font-size: 1em;
	line-height: 25px; /* better to use pixeles than ems in this case */
	/* line-height: 1.6em; /* 1.6 for webkit */
	background: #000000;
	color: #b08f2c; /* not active text color */
	letter-spacing: 1.0px;
	/* font-weight: normal; */
	
	/* rounded upper corners */
	/*
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	/**/
}

/*****************************************************/
/* this prevents menu wrap when the window is narrow */
 
#centeredmenu > ul { white-space: nowrap; }

#centeredmenu > ul > li
{
  display: inline-block;
  float: none;
  margin: 0 -3px 0 0; 
}

#centeredmenu > ul > li > ul /* ">" refers to the immediate children NOT the children of the immediate children */
{
	white-space: normal; /* alow the second level to wrap */
	/* margin-top: 2px; /* NOT THE WAY TO DO THIS... push the sub-menus down so they don't overlap the line at the bottom of the top level menu */
}

/*****************************************************/

/***** Tab Colors *********************************************************************************/
.ActiveTab /* Used as a dead (no hyperlink) active tab */
{
	padding: 6px 35px 4px;
	color: #ffd040;
	background: #000000; /* #fff8e3; */
	font-weight: bold;
	
	/* rounded upper corners */
	/*
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	/**/
}

#centeredmenu ul li:hover > a								/* Hover Not Active Top Tab */
{
	background: #000000; /* #c6c1b1; */
	color: #ffd040;
	font-weight: bold; /**/
}

#centeredmenu ul li:hover ul
{
	border-top: 3px solid #ffd040; /* put a border on the top of the dropdown to fill in the space in the header bottom line that is chopped out by the dropdown background */
}

#centeredmenu ul li:hover ul li:hover a,				/* Not Active Top Tab Hover Not Active Submenu */
#centeredmenu ul li.active:hover ul li:hover a	/* Active Top Tab Hover Not Active Submenu */
{
	background: #000000;
	color: #ffd040;
	/* font-weight: bold; /**/
}
		
/* white background & black text for active top tab, and active submenu, with and with or whithout hover*/
#centeredmenu ul li.active > a,									/* Active Not Hoverting */
#centeredmenu ul li.active:hover > a,							/* Hover Active Top Menu */
#centeredmenu ul li.active:hover ul li.active a,		/* Hover Active Top Menu and Active Submenu */
#centeredmenu ul li.active:hover ul li.active:hover a	/* Hover Active Top Menu and Active Submenu */
{
	background: #000000;
	color: #ffd040;
	font-weight: bold; /**/
}

#centeredmenu ul li.active:hover ul li a /* Active Top Tab Not Hovering Not Active Submenu */
{
	background: #000000;
	color: #b08f2c;
}
/***** End Tab Colors ***************************************************************************/
		
/* Submenu items */
#centeredmenu ul ul
{
	display: none; /* Sub menus are hiden by default */
	position: absolute;
	top: 32px; /* controls vertical position of submenu */
	margin-top: 0;
	left: 0;
	right: auto; /*resets the right:50% on the parent ul */
	width: 16em; /* width of the drop-down menus */
}
#centeredmenu ul ul li
{
	left: auto; /*resets the left:50% on the parent li */
	margin: 0; /* Reset the 1px margin from the top menu */
	clear: left;
	width: 100%;
	text-align: left;
}

/*
#centeredmenu ul ul li:last-child a, #centeredmenu ul li.active li:last-child a, #centeredmenu ul li:hover ul li:last-child a
{
	border-bottom: 1px solid #ffd040;
}
/**/

#centeredmenu ul ul li a, #centeredmenu ul li.active li a, #centeredmenu ul li:hover ul li a
{
	/* This line is required for IE 6 and below */
	font-size: 1em;
	/* font-weight: normal; /* resets the bold set for the top level menu items */
	background: #000000;
	color: #b08f2c;
	line-height: 1.4em; /* overwrite line-height value from top menu */
	border-left: 1px solid #ffd040; /* sub menu item horizontal lines */
	border-right: 1px solid #ffd040; /* sub menu item horizontal lines */
	border-bottom: 1px solid #ffd040; /* sub menu item horizontal lines */
	
	/* DON'T round upper corners of sub-menus */
	/*
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	/**/
}
		
/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last
{
	left: auto; /* reset left:0; value */
	right: 0; /* Set right value instead */
}
		
/* Make the sub menus appear on hover */
#centeredmenu ul li:hover ul, #centeredmenu ul li.hover ul
{
	/* This line is required for IE 6 and below */
	display: block; /* Show the sub menus */
}
		
/*************************************************************************************************************
		End Menu Styling
 *************************************************************************************************************/