/* all CSS and HTML were created by Doug Adderley doudATdadderley.com */
body {
	margin: 0px;
	padding: 0px;
	font: 76% Verdana, Arial, Helvetica, sans-serif;
	color: #654F05;
	background-color: #E5E3DA;
}


/* GLOBAL LINKS*/
a {
	color: #CC3300;
	text-decoration:none;
}

a:link {
	color: #CC3300;
	text-decoration:none;
}

a:visited {
	color: #CC3300;
	text-decoration:none;
}

a:hover {
	color: #CC3300;
	text-decoration: underline;
}

a:active {
	color: #000000;
}

/* GLOBAL <h1> LINKS*/
h1 a {
	color: #655232;
	text-decoration: none;
	font-weight: normal;
	display: block;
	width: 100%;
}

h1 a:visited {
	color: #655232;
}

h1 a:hover {
	color: #CC3300;
	text-decoration: none;
}


/* GLOBAL IMAGE*/
img {
	border: 1px solid #655232;
}

.imgRight {
	float:right;
	margin-left: 15px;
	margin-bottom: 5px;
}

/* GLOBAL IMAGE LINKS */
/* gives rollover effect to images with links */
a img {
	border: 2px solid #B49170;
}

a:visted img {
	border: 2px solid #B49170;
}

a:hover img {
	border: 2px solid #CC3300;
}

/* start GLOBAL TEXT */
/* -------------------------------------------------------------- --*/
h1 {
	font-size: 1.3em;
	margin-top: 0em;
	margin-bottom: 0.4px;
	font-weight: bold;
	padding-bottom: 2px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #655232;
}

p {
	font-size: 1em;
	line-height: 1.3em;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #654F05;
}

.pInfo {
	font-style: italic;
	color: #BCA552;
	text-decoration: underline;
	margin-left: 10px;
}

ul {
	font-size: 1.0em;
	line-height: 1.3em;
	margin-top: -2px;
	margin-bottom: 5px;
	margin-right:10px;
	list-style: circle;
	color: #654F05;
}

h2 {
	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	letter-spacing: 0.1em;
		
}

h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 0px;
	color: #A57C20;
}

h4 {
	font-size: 1.0em;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 2px;
	color: #A57C20;
}

#bottom #footerTable {
	width: 100%;
	font-size: 0.8em;
	line-height: 0.9em;
	font-weight: normal;
	color:#A19B77;
	
}
#bottom #footerTable p {
	margin-right: 3em;
	text-align: right;
}
#bottom #footerTable a {
	display: inline;
	padding: 0px;
	font-weight: normal;
	text-decoration: none;	
	background-color: #E5E3DA;
	border: none;
	color: #CC3300;	
}
#bottom #footerTable a:visited {
	text-decoration: none;	
	background-color: #E5E3DA;
	border: none;
	color: #CC3300;	
}
#bottom  #footerTable a:hover {
	background-color: #E5E3DA;
	border: none;
	color: #CC3300;
	text-decoration: underline;
}

 
strong {
	color: #A57C20;
	font-size: 1.2em;
}
/* class given to tables to show purely tabular data*/
.tabData {
	margin-left: 5px;
	margin-bottom: 5px;
	width: 95%;
 }
 
.tabData td {
	line-height: 1.5em;
 }
 .tabDataLeft {
	width: 35%;
 }
 /* class given to table  in the published page - holds thumbnail images */
#scrollBox .thumb table {
	width:90%;
	float: none;
 }
 
#scrollBox .thumb td {
 	padding: 8px;
 }
 
/* end GLOBAL TEXT */
/* -------------------------------------------------------------- --*/


/* BANNER GLOBAL ------------------------------ */
/* #banner - same on all pages - */
#banner {
	width: 100%;
	height: 3.5em;
	background-color: #BFBAB4;
	/*border-bottom: 1px solid #B49170;*/
	border-bottom: 1px solid #B49170;
	position: absolute;
	left: 0px;
	top: 0px;
	white-space: nowrap;
}
/* start #banner structure */

/* #banner<div> : #head<div> */
#banner #head {
	float:left;
	width: 100%;
}

/* #banner<div> : #head<div> : <h1> */
#banner #head h1 {
	color: #655232;
	font-size: 1.6em;
	font-weight: normal;
	margin-top: 0px;
	margin-left: 20px;
	line-height: 2.5em;
	padding: 0px;
	border: none;
}
/*end BANNER GLOBAL  ------------------------------ */


/* SUBHEAD GLOBAL --------------------------- */
/* start #subHead<div> GLOBAL properties */
#subHead {
	width: 97%;
	height:2.4em;
	padding: 0px;
	position: absolute;
	left: 1em;
	top: 4.2em;
/*	border-bottom: 1px solid #B49170;*/	
	border-bottom: 1px solid #B49170;
}

/* #subHead<div> :  <table>  */ 
#subHead table {
	width: 96%;
	padding:0px;
}

/* #subHead<div> :  <table>  : .subHeaderTd<td> */ 
/* sunHeaderTD is the <td> on the left */
.subHeaderTd {
	width: 19em;
}
/* end SUBHEAD GLOBAL --------------------------- */

/* specific SUBHEAD body id="longHeading" used in "Workers and Unions" pages --------------------------- */
/* used accomodate for longer <h2> in subhead */
#longHeading .subHeaderTd {
	width: 25em;
}

#longHeading .subHeaderTd .subHeaderPhoto {
	width: 25em;
}

 #longHeading #subHead .numNavTd {
	width: 60%;
	text-align: center;
	padding-right: 3em;
}

/* END specific SUBHEAD body id="longHeading": --------------------------- */


/* specific SUBHEAD body id="longLONGHeading" used in "Workers and Unions" pages --------------------------- */
/* used accomodate for longer <h2> in subhead */
#longLongHeading .subHeaderTd {
	width: 50em;
}

#longLongHeading .subHeaderTd .subHeaderStandAlone {
	width: 50em;
}


/* END specific SUBHEAD body id="longHeading": --------------------------- */




/* SUBHEAD for all NON PHOTO pages --------------------------- */

/* #subHead<div> : <table> : .subHeaderTd<td> : .subHeaderStandAlone<div>  */
.subHeaderStandAlone {
	height: 2.0em;
	margin-left: 1em;
	line-height: 2.0em;
}
/* end SUBHEAD for all NON PHOTO pages --------------------------- */


/* SUBHEAD for all PHOTO pages --------------------------- */
/* #subHead<div> : <table> : .subHeaderTd<td> : .subHeaderPhoto<div>  */
.subHeaderPhoto {
	height: 2.0em;
	width: 20em;
	margin-left: 1em;
	line-height: 2.0em;	
}

/* #subHead<div> : <table> : .numNavTd<td>   */
/* is applied to right <td> oof 2 <td> table */
#subHead .numNavTd {
	width: 99%;
	text-align: center;
}

/* #subHead<div> : <table> : .numNavTd<td> : .numNav<table>  */
#subHead .numNavTd .numNav {
	height:2.0em;
	width: 14em;
	font-size: 1.0em;
	margin-top: 0.1em;
}
	
/* #subHead<div> : <table> : .numNavTd<td> : .numNav<table> : <td>  */
#subHead .numNavTd .numNav td {
	padding: 0px;
	width: 33%;
	text-align: center;
}

/* #subHead<div> : <table> : .numNavTd<td> : .numNav<table> : <td>  : <a> */
#subHead .numNavTd .numNav td a {
	display: block;
	padding: 2px;
	text-decoration: none;
	font-weight: bold;
	background-color: #BFBAB4;
	border: 1px solid #655232;
	color: #655232;
}

#subHead .numNavTd .numNav td a:hover {
	background-color: #E5E3DA;
	border: 1px solid #CC3300;
	color: #CC3300;
}

.numNav td {
	padding: 3px 2px;
	width: 33%;
	text-align: center;
}
/* end SUBHEAD for all PHOTO pages --------------------------- */


/* start CONTENTWRAPPER GLOBAL properties  --------------------------- */
#contentWrapper {
	height: 32em;
	width:100%;
	position: absolute;
	left: 0px;
	top: 6.9em;
}

/* #contentWrapper : <table>   */
#contentWrapper table {
	width:100%;
}

/* #contentWrapper : <table> : <td> */
#contentWrapper td {
	padding: 0px;
	vertical-align: top;
}

/* end CONTENTWRAPPER GLOBAL properties  --------------------------- */


/* start CONTENTWRAPPER properties PHOTO pages  --------------------------- */


/* #contentWrapper<div> : <table> : .left<td> */
#contentWrapper .left {
	padding-top:5px;
	text-align:center;
	width: 19em;
}

/* #contentWrapper : <table> : .right<td> */
#contentWrapper .right {
	text-align: center;
	padding-top:5px;
}

/* #contentWrapper<div> : <table> : .left<td> : .contentText<div>                          */
#contentWrapper .contentText {
	margin-left: 2em;
	width: 16em;
	background-color: #EFEFEF;
	border: 1px solid #BFBAB4;
	padding: 0.5em;
	text-align: left;
}
#contentWrapper .contentText p {
	margin-bottom: 0px;
	font-size: 0.9em;
}
/* end CONTENTWRAPPER properties PHOTO pages  --------------------------- */


/* start CONTENTWRAPPER properties INDEX/SPLASH page  --------------------------- */
/* #contentIndex used only on splash index page */
#contentIndex {
	height: 33em;
	width:96%;
	text-align: center;
	left: 0px;
	top: 6.0em;
	position: absolute;
}

/* #contentIndex<div> : .indexTable<table> */
#contentIndex .indexTable {
	width: 67em;
}

#contentIndex .indexTable td  {
	padding: 4px;
}

/* #contentIndex<div> : .indexTable<table> : .outside<td>  */
#contentIndex .indexTable .outside  {
	vertical-align: top;
	padding-right: 5px;	
}
#contentIndex .indexTable .outside p {
	/*text-align: center;*/
}

/* #contentIndex<div> : .indexTable<table> : .pict<td>  */
#contentIndex .indexTable .pict  {
	width:550px;
}

/* end CONTENTWRAPPER properties INDEX/SPLASH page  --------------------------- */


/* start SCROLLBOX BIO page  --------------------------- */
#scrollBox {
	height: 26.3em;
	width: 590px;
	overflow: auto; 
	position: absolute;
	top: 7.3em;
	left: 50%;
	margin-left: -325px;
	padding: 30px;
	background-color: #EFEFEF;
	border: 1px solid #BFBAB4;        
}
/* end SCROLLBOX BIO page  --------------------------- */
#scrollBox table {
	float: right;
	margin-top: 0px;
	margin-left: 10px;
	margin-bttom: 5px;
}
#scrollBox table td {
	padding: 4px;
	font-size: 0.8em;
	text-align: center;
	color: #A57C20;
}

/* start BOTTOM GLOBAL properties  --------------------------- */
#bottom {
	width:100%;
	position: absolute;
	top: 39em;
	left: 0em;
}

/* #bottom : <table> */
#bottom  table {
	margin-top: 5px;
	margin-bottom: 15px;
	width:95%;
}

/* #bottom : <table> : <td>  */
#bottom  td {
	padding: 2px;
	text-align: center;
	width: 14%;
	white-space: nowrap;
}

/* #bottom : <table> : <td> : a */
#bottom a {
	display: block;
	padding: 3px;
	font-weight: bold;
	text-decoration: none;	
	background-color: #BFBAB4;
	border: 1px solid #655232;
	color: #655232;	
}

#bottom  a:hover {
	background-color: #E5E3DA;
	border: 1px solid #CC3300;
	color: #CC3300;
	/*text-decoration: underline;*/
}

/* #bottom : <table> : .on<td> : a */

#bottom .on a {
	background-color: #E5E3DA;
	border: 1px solid #CC3300;
	color: #CC3300;
	
}

/* #bottom : <table> : .on<td> : a */
#bottom .on a:hover {
	/*text-decoration: underline;*/
}
/*  end BOTTOM GLOBAL properties  --------------------------- */




/* start .textBoxTable (used as top page in PHOTO directories, FILM, CONTACT,ORDER, pages ------ */ 
/* #contentWrapper<div> : .textBoxTable<table> : <td> */
#contentWrapper .textBoxTable  {
	width: 51em;

}
/* #contentWrapper<div> : <table> : <td> */
#contentWrapper .textBoxTable .IndexTd {
	padding-top:5px;
}

/* #contentWrapper<div> : <table> : .IndexTd<td> : .bigTextContent<div>*/
#contentWrapper .IndexTd .bigTextContent {
	width: 51em;
	height: 29em;
	background-color: #EFEFEF;
	border: 1px solid #BFBAB4;
	padding: 15px;
	text-align: left;
	margin-top: 0em;
}
/* end .textBoxTable (used as top page in photo directories amd film pages ------------ */ 
/* bigTextContent specific formatting using body id*/
/* SEMINAR PAGE */
#textCentric #contentWrapper .IndexTd .bigTextContent td {
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
}
#textCentric #contentWrapper .IndexTd .bigTextContent td p {
	/*line-height: 1.3em;
	font-size: 1.1em;*/

}



/*  start SUBJECTS PAGE ---------------------------------- */
/* start #bigTable (used on subjects page only) */ 

/* #contentWrapper<div> : #bigTable<table> */
#contentWrapper #bigTable {
	width: 100%;
	margin-top: 10px;
}

/* #contentWrapper<div> : #bigTable<table> : <td>  */
#contentWrapper #bigTable td {
	width: 33%;
	/*padding: 10px;*/
}

/* #contentWrapper<div> : #bigTable<table> : <td>  : .ciTable<table>  */
#contentWrapper #bigTable td .ciTable {
	width: 100%;
}

/* #contentWrapper<div> : #bigTable<table> : <td>  : .ciTable<table> : <td>  */
#contentWrapper #bigTable td .ciTable td {
	padding-top: 10px;
	text-align: center;
}
/* #contentWrapper<div> : #bigTable<table> : <td>  : .ciTable<table> : .bottomTd<td>  */
#contentWrapper #bigTable td .ciTable .bottomTd {
	padding-top: 0px;
}
#contentWrapper #bigTable td .ciTable .bottomTd a {
	font-size: 0.9em;
	font-weight: bold;
}


/*  end SUBJECTS PAGE ---------------------------------- */




/* start FILM INDEX page ------------------------------------*/
/* start #filmContentIndex used only on FILM INDEX page */


/* #contentWrapper<div> : .textBoxTable<table> : .indexTd<td> : .bigTextContent<div> : #filmIndex<table>  */ 
#filmIndex {
	width: 100%;
}

/* #contentWrapper<div> : .textBoxTable<table> : .indexTd<td> : .bigTextContent<div> : #filmIndex<table> : <td> */ 
#filmIndex td {
	padding-top: 5px;
	text-align:center;
	width: 50%;
}
/* end FILM INDEX page ------------------------------------*/