/***** Art Archive *****/

  /*  gallery page  */

   /*  main table  */

.Tarchtable {
	border: 0px;
	background: white;
	color: black;
	width: 614px;
}   /*  THIS CLASS CORRESPONDS TO .T3n4table in small-style.css - DO NOT CHANGE w/o CHECKING THAT */



   /* large pic  */

.vpicholder {
	width: 175px;  /*  MUST MATCH .archivevert WIDTH  */
}

.vpicfill {
	width: 220px;  /*  MUST MATCH .vguardpic & .vpicdiv WIDTH  */
}

.archivevert {
	width: 175px;  /*  MUST MATCH .vpicholder WIDTH; COORDINATED w/GALLERY FILES -- TEST IF CHANGING FROM 195px */
	border: 3px #cc0033 solid;  /*  MUST MATCH .archivevertsm  */
	padding: 2px;  /*  MUST MATCH .archivevertsm  */
	margin: 0px;  /*  MUST MATCH .archivevertsm  */
}

.archivevertsm {
	border: 3px #cc0033 solid;  /*  MUST MATCH .archivevert  */
	padding: 2px;  /*  MUST MATCH .archivevert  */
	margin: 0px;  /*  MUST MATCH .archivevert  */
}   /*  NO WIDTH SPEC  */

.vguardpic {
	width: 220px;   /*  MUST MATCH .vpicfill & .vpicdiv WIDTH  */
	height: 420px;  /* should be 2.5x .archivevert width  */
	border: none;
}



.hpicholder {
	width: 325px;  /*  MUST MATCH .archivehoriz WIDTH  */
}

.hpicfill {
	width: 355px;  /*  MUST MATCH .hguardpic & .hpicdiv WIDTH  */
}

.archivehoriz {
	width: 325px;  /*   MUST MATCH .hpicholder WIDTH  */
	border: 3px #cc0033 solid;  /*  MUST MATCH .archivehorizsm  */
	padding: 2px;  /*  MUST MATCH .archivehorizsm  */
	margin: 0px;  /*  MUST MATCH .archivehorizsm  */
}

.archivehorizsm {
	border: 3px #cc0033 solid;  /*  MUST MATCH .archivehoriz  */
	padding: 2px;  /*  MUST MATCH .archivehoriz  */
	margin: 0px;  /*  MUST MATCH .archivehoriz  */
}   /*  NO WIDTH SPEC  */


.archguard {
	position: relative;
	left: -100%;
}

.hguardpic {
	width: 355px;   /* MUST MATCH .hpicdiv & .hpicfill WIDTH  */
	height: 325px;  /*  should match .archivehoriz width for square images  */
	border: none;
}



a.archmain, a.archmain:visited, a.archmain:hover {
	background: black;  /*  MUST MATCH h&v .pictable BACKGROUND  */
	color: white;
}

a.archmain2, a.archmain2:visited, a.archmain2:hover {
	background: transparent;
}

a.archmainsm2, a.archmainsm2:visited, a.archmainsm2:hover {
	background: transparent;
	cursor: default;
}

a.archtextlink, a.archtextlink:visited {
	background: black;  /*  MUST MATCH h&v .pictable BACKGROUND  */
	color: red;
	font-size: 10px;
	text-decoration: none;
}

a.archtextlink:hover {
	color: #ffcc33;
	background: black;  /*  MUST MATCH h&v .pictable BACKGROUND  */
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
}



   /* main pic table */

.vpicdiv {
	width: 220px;    /*  MUST MATCH .vpicfill & .vguardpic WIDTH  */
	overflow: hidden;
}

.vpictable {
	width: 556px;    /* MUST BE <= .td3n4content & MUST MATCH .vnavtable WIDTH */
	padding: 0px;  /*  doesn't work in IE; use .vthumbtable & .archivevert margins instead  */
	border: 2px black solid;
	background: black;  /*  MUST MATCH .vpicdisplayfill BACKGROUND & l&r .vthumbckgrd BORDERS  */
	color: white;
}

.vpicdisplayfill {
	background: black;   /*  MUST MATCH .vpictable BACKGROUND  */
	width: 50%;    /*  do not reduce without testing  */
}

.vnavtable {
	width: 556px;    /* MUST MATCH .vpictable WIDTH */
	padding: 0px;
	border: 0px black solid;
	background: white;
	color: black;
}



.hpicdiv {
	width: 355px;    /* MUST MATCH .hpicfill & .hguardpic WIDTH */
	overflow: hidden;
}

.hpictable {
	width: 556px;    /* MUST BE <= .td3n4content AND MUST MATCH .hthumbtable WIDTH & .hpictable WIDTH */
	padding: 0px;  /*  doesn't work in IE; use .archivehoriz margin instead  */
	border: 2px black solid;  /*  MUST MATCH .hthumbtable BORDER  */
	background: black;
	color: white;
}

.hnavtable {
	width: 556px;    /* MUST MATCH .hpictable & .hthumbtable WIDTH */
	padding: 0px;
	border: 0px black solid;
	background: white;
	color: black;
}


    /*  thumbs  */

.vthumbtable {
	height: 100%;
	border: 0px #cc0033 solid;
	background: #cc0033;      /*  MUST MATCH .vthumbfill BACKGROUND  */
	color: black;
}

.vthumbfill {
	background: #cc0033;  /*  MUST MATCH .vthumbtable BACKGROUND  */
}

.vthumbsborder {
	margin: 0px;
	border: 1px #cc0033 solid;  /*  should match .vthumbtable bckgrd  */
	background: #cc0033;  /*  should match .vthumbtable bckgrd  */
	color: black;
	width: 96px;   /*  REQ'D for side-by-side thumbnail display; do not reduce w/o testing  */
}

.vlthumbckgrd {
	text-align: justify;
	background: #cc0033;  /*  should match .vthumbtable bckgrd  */
	border: 1px #cc0033 solid;  /*  should match .vthumbtable bckgrd  */
	color: black;
}

.vrthumbckgrd {
	text-align: justify;
	background: #cc0033;  /*  should match .vthumbtable bckgrd  */
	border: 1px #cc0033 solid;  /*  should match .vthumbtable bckgrd  */
	color: black;
}

.vthumbckgrd {
	text-align: center;  /*  for single-column thumbs  */
	background: #cc0033;  /*  should match .vthumbtable bckgrd  */
	border: 1px #cc0033 solid;  /*  should match .vthumbtable bckgrd  */
	color: black;
}
.varchthumbs {
	border: 1px black solid;
	margin: 20px 1px;
	vertical-align: middle;
	width: 36px;
/*	height: 60px;  */  /*   if increased, must increase .vthumbsborder WIDTH to allow side-by-side display (height increases thumb width proportionally)  */
}



.hthumbtable {
	width: 556px;    /* MUST MATCH .hpictable & .hnavtable WIDTH */
	padding: 0px;
	border: 2px black solid;  /*  MUST MATCH .hpictable BORDER  */
	background: #cc0033;
	color: black;
}

.hthumbsborder {
	margin: 4px;
	border: 1px #cc0033 solid;  /*  should match .hthumbtable bckgrd  */
	background: #cc0033;  /*  should match .hthumbtable bckgrd  */
	color: black;
}

.hthumbckgrd {
	background: #cc0033;  /*  should match .hthumbtable bckgrd  */
	border: 1px #cc0033 solid;  /*  should match .hthumbtable bckgrd  */
	color: black;
}

.htthumbs {
	vertical-align: bottom;
}

.hbthumbs {
	vertical-align: top;
}


.harchthumbs {
	border: 1px black solid;
	margin: 2px;
	height: 36px;
}


a.archthumbs {
	background: none;   /*  MUST BE none, transparent OR MATCH h&v .thumbckgrd BACKGROUND  */
	color: black;
}

     /* .thumblink class in archive-small.css file ONLY (no hi-res)  */

.thumblink {
	font-size: 8px;
	background: transparent;
	line-height: normal;
}

.thumblink a:link, .thumblink a:visited {
	font-weight: normal;
	background: transparent;
	text-decoration: none;
	color: red;
	letter-spacing: normal;
}

.thumblink a:hover {
	font-weight: bold;
	background: transparent;
	text-decoration: none;
	color: red;
	letter-spacing: normal;
}


  /*  fullsize pic page  */

    /*  <body> class */

.Tpic {
	margin: 15px 0px 25px 0px;
	background: #cc0033 url(/images/misc/logotile-sm.gif) repeat fixed;
	color: black;
}


.archpicborder {
	border: 6px black solid;
	padding: 0px;
	margin: 0px;
	background: #cc0033;  /*  MUST MATCH .archpictable BORDER & BCKGRD COLOR  */
	color: black;
}

.archpictable {
	border: 2px #cc0033 solid;  /*  MUST MATCH BCKGRD & .archpicborder BCKGRD COLOR  */
	padding: 0px;
	margin-bottom: -4px;  /*  NEEDED TO CENTER IMAGE IN FRAME  */
	margin-right: -1px;   /*  NEEDED TO CENTER IMAGE IN FRAME  */
	background: #cc0033;  /*  MUST MATCH BORDER & .archpicborder BCKGRD COLOR  */
	color: black;
}

.archfullsize {
	margin: 0px;
	border: 0px;
	text-align: center;
	vertical-align: middle;
} 

.archfull101 {
	background: transparent;
	height: 100%;
	width: 100%;
}   


   /* Display Tip styles */
   
.ielo {
	position: absolute;
	visibility: hidden;
	top:-100px;
	z-index: 1000;
}

.otherlo {
	position: absolute;
	position: fixed;
	visibility: hidden;
	top:-100px;
	z-index: 1000;
}



   /*  other  */

.archheader {
	background: url(/images/templates/archive/archiveheader.jpg) white no-repeat;  /* WIDTH MUST = 533px */
	padding: 5px;  /*  NEEDED TO ACCOMODATE OVERSIZE HEADER (background image @ 543 x 135); DO NOT REMOVE  */
	width: 533px;  /* MUST = 533px - DO NOT CHANGE */
	height: 125px;  /* MUST MATCH .archheaderguard & .archivefill HEIGHT */
}

.archheaderguard {
	width: 533px;  /* MUST = 533px - DO NOT CHANGE */
	height: 125px;  /* MUST MATCH .archheader & .archivefill HEIGHT */
}

.archivefill {
	height: 125px;  /* MUST MATCH .archheader & .archheaderguard HEIGHT */
}

.archindex {
	margin: 3px;
	padding: 1px;
	border: 2px solid #ee0000;
}

.T3n4content {
	margin-top: 5px;
}  /*  needed to adjust margin in small-style.css  */


.archdivider {
	background: url(/images/archive/gen/divider.gif) white no-repeat;
	height: 31px;
	width: 31px;
}  /* not currently used  */


.archivehr {
}