/* CSS Document */

* { margin: 0; padding: 0; }
img { border: 0; }
.center { margin: 0 auto; }
.centerTXT { text-align: center; }

/* GLOBAL STYLES
-------------------------------- */
body { background-color: #231f20; }
/* END GLOBAL STYLES ----------- */




/* SPLASH PAGE
-------------------------------- */
#splash { margin-top: 20px; width: 720px; height: 330px; }
#splash li { list-style-type: none; }
#splash li.top { background: url(../images/OfficeTramp_01.gif) no-repeat; height: 111px; }
#splash li.middle { background: url(../images/OfficeTramp_02.gif) no-repeat; height: 113px; }
#splash li.bottom { background: url(../images/OfficeTramp_03.gif) no-repeat; height: 106px; }
#splash .bottom p { padding: 90px 0 0 0; } 
/* END SPLASH ------------------ */




/* CONTENT PAGES
-------------------------------- */

/* global occurring */
#wrapper { width: 790px; overflow: auto; }

#banner { height: 88px; }
#ginaValdez { background: url(../images/officetramp-gina-valdez.gif) no-repeat top; height: 53px; }

#container { width: 790px; overflow: auto; }

#contentTop { background: url(../images/top.gif) no-repeat top; width: 562px; float: right; overflow: auto; }
#contentBottom { padding-bottom: 19px; background: url(../images/bottom.gif) no-repeat bottom; width: 562px; overflow: auto; }
#contentMid { margin-top: 18px; background: url(../images/mid.gif) repeat-y; width: 562px; overflow: auto; }
#content { margin: 0 25px 0 15px; }
#content p { padding: 10px 0; }
#content ul { padding: 5px 0 5px 40px; background-color: #ffebf5; }
#content li { padding: 5px 0; list-style-type: square; }

#navigation { width: 215px; }
#navigation li { list-style-type: none; }
#navigation li span { display: none; }

#footer { padding: 10px 0 10px 0; width: 100%; text-align: center; display: block; clear: both; }
#footer li { list-style-type: none; display: inline; }

/* home */
#content ul.homeImg li { padding: 0 50px 0 20px; list-style-type: none; text-align: center; display: inline; }


/* events/press */
#content #links { width: 522px; overflow: auto; }
#content #pressLinks { width: 150px; float: left; }
#content #links ul { float: left; padding: 0 0 0 0; width: 150px; background-color: none; }
#content #links li { width: 150px; list-style-type: none; padding: 10px; }
#content #linkDisplay { padding: 0 0 0 5px; float: left; width: 338px; background-color: #fff; }
#content #linkDisplay ul { padding: 0 0 0 0; width: 100%; background-color: #fff; }
#content #linkDisplay li { padding: 10px 0; width: 50%; list-style-type: none; float: left; }

/* collections */
#content ul.thumbs,
#content table.thumbs { padding: 0; background-color: #fff; text-align: center; }
#content .thumbs li { margin: 7px 11px; padding: 5px 5px 0 5px; overflow: auto; list-style-type: none; display: inline; }
#content .thumbs img { border: 5px solid #ffe4f2; }
#content .thumbs form img { border: none;}

#content .main2007, #content .main2006, #content .main2005 { width: 522px; clear: both; }
#content div.main2007 div { width: 50%; float: left; }
#content h1 { padding: 7px 0; width: 100%; background-color: #ffe4f2; margin: 0 0 20px 0; }
#content h2 { margin: 0 0 10px 0; }

/* --- lightbox --- */
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }

#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer{ padding: 10px; }

#loading{ position: absolute; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
	
/* bio */
#content dl { padding: 10px; background-color: #ffebf5; width: 470px; }
#content dd { margin-top: 10px; }
	
/* END CONTENT PAGES ------------ */




/* TEXT FORMATTING
-------------------------------- */
body { font-family: Arial, Helvetica, sans-serif; }
.bold { font-weight: bold; }

#splash .bottom a, #splash .bottom a:visited { color: #fff; font-size: .9em; text-decoration: none; }
#splash .bottom a:hover { color: #e78ebb; }

#content { font-size: .8em; line-height: 1.6em; }
#content li { font-size: .9em; }

#content dd { text-indent: 2em; }

#content p.fontChange { font-family: Times New Roman, Times, serif; }

#footer { color: #fff; font-size: .6em; }
/* END TEXT FORMATTING --------- */




/* LINK FORMATTING
-------------------------------- */
#content a, #content a:visited { color: #e855a0; font-weight: bold; }
#content a:hover { color: #cb80a6; }

/* END LINK FORMATTING --------- */