#header {z-index:1;}
.content {width:100%; margin:10px auto; padding:0;}

/* photo section layout */
.trp {float:left; width:633px; padding:0; margin:0px;}
.trp h1 {font:bold 1.4em georgia; margin: 10px 0 0px 0;}
.trp_photo img {margin:0; padding:0;}
.trp_photo {float:left; border:1px solid #cecece; padding:0px; margin:0 12px 0 12px; width:201px;}
.trp-top {width:201px; margin:0; padding:0; text-align:center; /*height:200px; display:table-cell; vertical-align:middle;*/}
/* ie doesn't understand display:table-cell and so we can't vertically center any content
	when we don't know its exact dimensions. The commented properties above allow nice 200px high
	divs to display vertically centered images in FF and Safari; the only way to do this in ie
	is to write an actual table into each .trp-top div to contain the image. For now we're letting 
	the div height be set by the actual image height. Makes a snaggly-looking row but at least the tops are aligned.*/
.trp-top img {margin:0 auto;}
.photog-name {text-align:left; padding:4px 10px; margin:0; background-color:#e9eef3; border-top:1px solid #ccc;}
.photog-name a {font-size:1em; font-weight:bold;} 
.photog-name em {font-size:.8em;}
.trp-details {text-align:left; padding:0 10px; margin:-3px 0 0 0; font-size:.8em; background-color:#e9eef3; }
.trp-details p {font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold; padding:6px 0; margin:6px 0 0 0; border-top:1px dashed #cecece;}
.rowsep {height:10px; clear:both; padding:0; margin:0;}

/* switchable tabs above searchform */
#wTabs ul {list-style:none; margin:0; padding:0;}
#wTabs ul li {float:left; padding:2px 10px; border-top:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; font: bold 1em arial; line-height:24px;}
#wTabs ul li a {background:url(/v3graphics/radio-off.gif) 0 1px no-repeat; padding-left:20px;}
#wTabs ul li.on {padding:2px 10px 2px px; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #fff; border-left:1px solid #ccc; position:relative; z-index:5;}
#wTabs ul li.on a {background:url(/v3graphics/radio-on.gif) 0 1px no-repeat;}

/* searchbar*/
#searchbar {padding:5px 0; clear:both; text-align:center; position:relative; z-index:1;}
#searchbar form {border:0px;}
#searchbar label {font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:0 4px;}
#searchbar p {line-height:22px; margin:9px 0 0 0;}
#searchbar input {margin-bottom:-5px;}
.formbody {border:1px solid #ccc; background:url(/v3graphics/bg-formbody.jpg) top repeat-x; height:38px; margin:-1px 0 8px 0;}

/* all of the text in these a tags kept reverting to purple */
a:visited,.showhide a:visited,.photog-nav a:visited, #wTabs ul li a:visited, .trp-details a:visited, .photog-name a:visited, #right-col .brdrbox div ul li a {color:#194e96;}

/* search navigation */
.photog-nav {font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; clear:both; line-height:1.4em; padding:10px 0px 25px 0px;}
.firstprev, .pages, .nextlast {float:left;}
.firstprev, .nextlast {width:25%;}
.pages {width:20%; text-align:center; font-size:.9em; margin:0; padding:0;}
.nextlast {text-align:right;}
.frst {background:url(/v3graphics/arrow-first.gif) left no-repeat; padding-left:36px;}
.prv {background:url(/v3graphics/arrow-prev.gif) left no-repeat; padding-left:30px; margin-left:0px;}
.nxt {background:url(/v3graphics/arrow-next.gif) right no-repeat; padding-right:30px; margin-right:0px;}
.lst {background:url(/v3graphics/arrow-last.gif) right no-repeat; padding-right:70px;}

/* matching photos and show/hide details */
.matches {float:left; text-align:center; width:100%; font-style:italic; line-height:20px;}
.showhide {float:left; text-align:right; width:100%;}
.showhide img {margin:0; padding:0;}

/* right column */
#right-col {float:right; width:293px;}
#right-col .brdrbox {border:1px solid #ccc; margin:15px 0; height:100%; padding:0;}
#right-col .brdrbox h3 {font-size:1em; padding:3px 0 3px 10px; color:#fff; background:#326aa5; font-family:Georgia, "Times New Roman", Times, serif; margin:0;}
#right-col .brdrbox h3 a {font-size:1em; padding:3px 0 3px 10px; color:#fff; background:#326aa5; font-family:Georgia, "Times New Roman", Times, serif; margin:0;}
#right-col .brdrbox div {padding:10px 15px;}
#right-col .brdrbox div ul {list-style:disc outside; margin:0; padding:0 0 0 14px; font-size:1em;}
#right-col .brdrbox div ul li {margin:0 0 5px 0; font-family:Arial, Helvetica, sans-serif; }

#mainfooter p {font-family:Arial, Helvetica, sans-serif;}