@media screen, projection, print{
.BeNiceToMacIE5{
  font-family:"\"}\"";
  font-family:inherit;
}
html, body{margin:0;padding:0;width:100%;min-width:800px;background-color:#F2EDCA;color:#000;font:1.0em Verdana,Arial,Helvetica,Trebuchet,Trebuchet MS,sans-serif}
/*body{behavior:url('http://unitedsymbolismofamerica.com/csshover.htc')}*/
h1, h2{color:#AE1B0B}
hr{border:none 0;border-top:1px dashed #666;width:85%;height:1px}
h1{font-size:175%;margin:.3em;}
h2{font-size:125%;margin:.2em 0}
a:link,a:visited,a:active{color:#C30;background-color:transparent;text-decoration:none;font-weight:bold}
a:hover{color:#C00;background-color:#E3DFBE}
div, p{font:1.0em Helvetica,Arial,Verdana,Trebuchet,Trebuchet MS,sans-serif}
/*div, p{font:1.0em Verdana,Arial,Helvetica,Trebuchet,Trebuchet MS,sans-serif}*/
button{padding-top:2px;padding-bottom:1px;text-decoration:none;color:#FFA82E;background-color:#fff;border:1px solid #ccc;text-align:center;font:0.95em Helvetica,Arial,Verdana,Trebuchet,Trebuchet MS,sans-serif}
ul{list-style-type:square;margin-left:1em;}

.title{width:95%;color:#9E8861;font:1.8em/1em bold Helvetica,Arial,Verdana,Trebuchet,Trebuchet MS,sans-serif;text-align:left;margin-bottom:.4em;background-color:#F2EDCA;padding:.08em;border:1px solid #9E8861}
#sitetitle a{text-decoration:none;white-space:nowrap;font-size:2.4em;color:#AE1B0B}
#sitetitle a:hover{background-color:#F8DAD1}
#header{width:100%;margin:0;padding:.3em 0 1em 0;font-size:1.6em;font-weight:bold;color:#AE1B0B;text-align:center}/*#AE1B0B - #C30*/
#footer{clear:both;width:100%;margin:0;margin-top:1em;padding:.5em 0 1em 0;font-size:0.7em;text-align:center;border-top:1px solid #9E8861}
#header p, .footer p{margin-bottom:0}
#footer p{padding-bottom:0.1em;margin:0}
.credit{color:#600;background-color:inherit}
.credit:hover{background-color:#9CF;color:#336}
.copyright{text-align:center;background-color:inherit}
/*.copyright p{margin-top:0;padding-left:14em}*/
.clear{clear:both;margin:0;padding:0;height:0;overflow:hidden}
#page{width:90%;min-width:800px;.width:50em;text-align:center;margin-left:auto;margin-right:auto;}
#lft_content{width:34%;margin:0;float:left;}
.content{margin:0;color:#000;text-align:left !important;font-size:.9em}
.map{width:55%;float:right;min-width:450px;overflow:visible;white-space:nowrap;text-align:left}
.map img,#page img{border:1px solid #9E8861}
.note{font-size:.8em;font-style:italic}
#above_map{margin-bottom:-.9em; text-align:left;}
.holder{width:95%;margin-left:10%}
.living{font-weight:bold}
.toplink{width:100%;text-align:center;margin:1em;padding:1em}
.toplink a{padding:.2em;font-size:.9em}
.toplink a:hover{border-left:1px solid #9E8861;border-right:1px solid #9E8861;}


/* CSS FOR HIDE/SHOW OPTIONS AND HEADERS ON CARICATURE INDEX */
#headerDiv, #contentDiv {
     float: left;
     width: 100%;
}
#headerDiv p{margin:0}
#titleText {
     float: left;
     font-size: 1.2em;
     font-weight: bold;
     margin:0;
}
#headerDiv {
     color:#9E8861;
	 border-top:1px solid #9E8861;
	 border-bottom:1px solid #9E8861;
	 padding: .1em 0;
}
#contentDiv {
     background-color: #F2EDCA;/*#FFE694*/
}
#myContent {
     margin: 5px 10px;
}
#headerDiv a {
     float: right;
}
#headerDiv a:hover {
     color: #666;
}


.nav{float:left;margin:0;padding:.3em 0 0 0.5em;font-size:90%;overflow:visible;min-width:180px;width:25%}
.topnav{width:100%;margin:0;font-size:.8em;text-align:left;background-color:#AE1B0B;height:20px;line-height:18px;white-space:nowrap;overflow:visible}
.topnav ul{padding-left:0;margin:0;background-color:#AE1B0B;float:left;width:100%;font-family:arial, helvetica, sans-serif}
.topnav ul li{display:inline}
.topnav ul li a{padding:0.2em 0.75em;text-decoration:none;text-align:center;font-size:12px;line-height:16px;color:#fff !important}
.topnav ul li a:hover{background-color:#FC8121;color:#fff}

.outer-container{width:100%;min-width:700px;overflow:visible;color:#000;margin:3em 0 1.5em 0}
.inner-container{width:70%;float:left;color:#000;margin:0;overflow:visible}

/* set up the font to be used for the page
body {font-family: tahoma; arial, sans-serif;} */

/* set the size of the definition list <dl> and add the background image */
#imap {display:block; width:431px; height:650px; background:url(images/BALTposter.jpg) no-repeat; position:relative;border:1px solid #9E8861}

/* set up the definition list <dt><a> to hold the background image for the hover state */
#imap a#title {display:block; width:431px; height:0; padding-top:650px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(images/BALTposter_highlights.jpg) no-repeat 700px 700px; cursor:default;}
/* the hack for IE pre IE6 */
* html #imap a#title {height:650px; he\ight:0;}

/* the <dt><a> hover style to move the background image to position 0 0*/
#imap a#title:hover {background-position: 0 0; z-index:10;}

/* place the <dd>s in the correct absolute position */
#imap dd {position:absolute; padding:0; margin:0;}
#imap #picnw {left:85px; top:40px; z-index:20;}
#imap #piccenter {left:94px; top:204px; z-index:20;}
#imap #picharbor {left:178px; top:430px; z-index:20;}
#imap #picmtv {left:144px; top:239px; z-index:20;}
#imap #picsw {left:15px; top:478px; z-index:20;}

/* style the <dd><a> links physical size and the background image for the hover */
#imap a#nw {display:block; width:165px; height:220px; background:transparent url(images/nw_hover.jpg) -200px -250px no-repeat; text-decoration:none; z-index:20;}
#imap a#center {display:block; width:252px; height:180px; background:transparent url(images/center_hover.jpg) -300px -200px no-repeat; text-decoration:none; z-index:20;}
#imap a#harbor {display:block; width:250px; height:179px; background:transparent url(images/harbor_hover.jpg) -300px -300px no-repeat; text-decoration:none; z-index:20;}
#imap a#mtv {display:block; width:156px; height:221px; background:transparent url(images/mtv_hover.jpg) -200px -300px no-repeat; text-decoration:none; z-index:20;}
#imap a#sw {display:block; width:223px; height:162px; background:transparent url(images/sw_hover.jpg) -300px -200px no-repeat; text-decoration:none; z-index:20;}

/* style the span text so that it is not initially displayed */
#imap a span, #imap a:visited span {display:none;}

/* move the link background image to position 0 0 when hovered */
#imap a#nw:hover, #imap a#center:hover, #imap a#harbor:hover, #imap a#mtv:hover, #imap a#sw:hover {background-position:0 0;border:2px solid #900}

/* define the common styling for the span text */
#imap a:hover span {position:absolute;  width:288px; display:block; font-family:arial; font-size:12px; background:#fff; color:#000; border:1px solid #000; padding:5px;}
/* the hack for IE pre IE6 */
* html #imap a:hover span {width:300px; w\idth:288px;}

/* move the span text to a common position at the bottom of the image map */
#imap a#nw:hover span {left:-60px; top:230px;}
#imap a#center:hover span {left:-22px; top:190px;}
#imap a#harbor:hover span {left:-46px; top:190px;}
#imap a#mtv:hover span {left:-105px; top:232px;}
#imap a#sw:hover span {left:0; top:-35px;}

/* add the style for the link span text - first line */
#imap a span:first-line {font-weight:bold; font-style:italic;}

}
@media screen, projection{
* html .clear{display:none}
}
@media print{
.content{
	float:left;
}
}