/*Start Global */
body {margin: 0; padding: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 85%; color: #313131; background: #efefef;}
#bodyhome {background: #fff;}
body, html, table {height: 100.1%;}
table { border-collapse: collapse;}
td {vertical-align: top;}
img {border: 0;}
.clear {clear: both;}
.nb {border: 0 !important;}
.center {text-align: center;}

a {color: #8BD4E7; text-decoration: none;}
/* remove active link outline */
:focus, :active  {outline: none;}
a:hover {color: #970A00;}
p {margin: 8px 0; text-align: justify; line-height: 1.3;}
ul {list-style: none; margin: 8px 0;}

#wrapper {width: 740px; margin: 0 auto -20px auto; text-align: left; border: 1px solid #9c2c2c; background: #fff; min-height:718px;}

/*INDEX SPLASH PAGE*/
#wrapper-home {width: 740px; margin: 0 auto; text-align: center;}
#bodyhome img {margin-top: 20px; border: 1px solid #333; }
#homephotos img {margin-top: 20px; margin-bottom: 20px; }
#bodyhome a {color: #333; }
#bodyhome a:hover {color: #990000;}
#scrollWrapper {width: 740px; margin: 20px auto; text-align: left; background: transparent url(img/bracket-left.jpg) 0 0 no-repeat; height: 100px; padding: 0;}
#scrollBox {margin-top: 30px; padding: 0px; margin-bottom: 0px; width: 740px; background: transparent url(img/bracket-right.jpg) right 0 no-repeat;  }
#scrollBox input {color: #990000; background: #f7feff; font: 13pt 'Century Gothic', Geneva, Helvetica, sans-serif; border: 0; width:680px;}
#scrollBox p {text-align: center;}
td {verticle-align: top; text-align: center;}
#enter {text-align: center; font: 16pt century gothic, anandale mono, verdana, helvetica, arial, sans-serif bold; text-align: center;}


/* Main Nav */
#logo  {margin: 20px 0 0 10px;}
#nav { position: relative; top: -57px; z-index: 100; }
#nav ul { padding: 0 0 0 310px; margin-top: 0px; border-bottom: 3px solid #8BD4E7; padding-bottom: 2px;}
#nav li {display: inline; padding: 1px 3px 4px 3px; border-right: 1px solid #99cdc9;}
#nav .hi, #bodyarchive #nav .arch {color: #970A00;}

/*content*/
#content {margin: 10px 0 0 30px; padding: 57px 30px 20px 119px;}
#bodymission #content {background: #fff url(../img/s-t-mission.jpg) 0 0 no-repeat; min-height: 426px; *height: 426px;}
#bodycurrent #content {background: #fff url(../img/s-t-current.jpg) right bottom no-repeat; margin: 0 0 30px 0 ; padding: 20px 130px 30px 60px; min-height: 446px; *height: 446px;}
#bodynews #content {background: #fff url(../img/s-t-news.jpg) 0 bottom no-repeat; margin-left: 20px; padding-left: 110px; min-height: 426px; *height: 426px;}
#bodypress #content {background: #fff url(../img/s-t-press.jpg) 0 0 no-repeat; margin-left: 0; padding-left: 240px; min-height: 426px; *height: 426px;}
#bodyphotos #content {background: #fff url(../img/s-t-photos.jpg) 30px bottom no-repeat; margin-left: 0; padding-left: 0px;  min-height: 426px; *height: 426px;}
#bodyarchive #content {background: #fff;  min-height: 506px; *height: 506px; padding: 0; margin: 0; width: 100%;}
#bodycontact #content {background: #fff url(../img/s-t-contact.jpg) 0 0 no-repeat; margin: 0 0 0 50px; padding: 0 30px 20px 210px;  min-height: 485px; *height: 485px;}
#bodylinks #content {background: #fff url(../img/s-t-links.jpg) 0 0 no-repeat; padding: 80px 30px 20px 100px;  min-height: 403px; *height: 403px; margin-top: -30px;}
html>body #content {height: auto !important;}

#bodycontact p span {display: block; margin-left: 40px;}
#map {border: 2px solid #9acccd;}
.popup img {margin-left: 8px;}

/*footer*/
#footer {background: #addce6; color: #970a00; padding: 1px 0 15px 0; }
#footer ul { border: 1px solid #9c2c2c; border-right: none; border-left: none; text-align: center; padding: 5px 0 5px 0; margin-top: 2px; background: #fff; }
#footer li {display: inline; padding: 5px 10px; background: #fff; }
#footer a {color: #9c2c2c;   }
#footer a:hover {color: #8BD4E7; }
#footer p {text-align: center;  padding: 0;}
#footer .copywrite { color: #333; font: 9px tahoma, arial, helvetica, sans-serif normal; text-align: center;  }
#footer .copywrite a {color: #9c2c2c; text-decoration: underline; }
#footer .copywrite a:hover {color: #eee;}
.clear {clear: both;}


/*INDIVIDUAL PAGE CONTENT STYLES*/

/*MISSION PAGE*/
.page-heading {color: #ccc; font: 12pt 'century gothic', 'andale mono', optima, helvetica, verdana, sans-serif lighter; text-align: right; padding: 0 0 0 0; margin: -10px 30px 0 0; border-bottom: 1px dashed #ddd }
#mission-text { margin: 0 30px 0 0; }
.body-text {padding: 8px 0; font: 10pt 'lucida grande', 'news gothic MT', verdana, helvetica, sans-serif lighter; color: #333;}
.t {font: 20pt 'andale mono', 'century gothic', tahoma, sans-serif bold; font-style: italic; color: #9c2c2c;}
.closing {color: #9c2c2c; font: 12pt 'century gothic', eurostile, ayuthaya, 'lucida grande', tahoma, sans-serif; letter-spacing: .2em; text-align: right;  border-top: 1px dashed #ddd; padding: 5px 0 0 0;}

/*CURRENT EXHIBITION*/
.current-header {color: #ccc; font: 12pt 'century gothic', 'andale mono', optima, helvetica, verdana, sans-serif lighter; text-align: right; padding: 0 0 0 0; margin: -10px 20px 30px 0; border-bottom: 1px dashed #ddd; }

/*NEWS & PRESS PAGE*/
#press-body .page-title {margin-right: -40px; color: #ccc; font: 12pt 'century gothic', 'andale mono', optima, helvetica, verdana, sans-serif lighter; text-align: right; padding: 0 0 0 0; margin: -10px 30px 30px 0; border-bottom: 1px dashed #ddd}
#press-body { float: right; margin-right: 0px; margin-left: 0px;}
.press-item { margin: 0 30px 0 0; padding: 0 0 10px 0; font: 10pt 'lucida grande', 'news gothic MT', verdana, helvetica, sans-serif lighter; color: #333; border-bottom: 1px solid #ddd;}
.press-item .press-title h2 {font: 10pt courier lighter; float: left ; width: 250px; }
.press-date {color: #666; float: right; text-align: right; font: 8pt helvetica, verdana, sans-serif lighter; padding-top: 5px; }
.press-text {clear: both;}

/*GARAGE BIENNALE PAGE*/
.heading-biennale {color: #ccc; font: 12pt 'century gothic', 'andale mono', optima, helvetica, verdana, sans-serif lighter; text-align: right; padding: 0 0 0 480px; margin: 0 50px 10px 20px; border-bottom: 1px dashed #ddd; float: right; clear: both;}
#biennale-content {font: 9pt 'lucida grande', 'news gothic MT', verdana, helvetica, sans-serif lighter; color: #333; padding: 0 100px 30px 100px; margin-top: 0; }
#biennale-content a {text-decoration: underline; color: #9c2c2c;}
#biennale-content a:hover {color: #8BD4E7;}
.ironic {font-style: italic; }
#gallery-biennale { width: 550px; height: 400px; margin: 15px 0 0 20px; text-align: center; border: 1px dotted #ccc; background: #fff;}
#gallery-biennale p {margin-bottom: 30px;}



/*ARCHIVE PAGE*/
.show-title {color: #ccc; font: 12pt 'century gothic', 'andale mono', optima, helvetica, verdana, sans-serif lighter; text-align: right; padding: 0 0 0 0; margin: -10px 20px 30px 0; border-bottom: 1px dashed #ddd; float: right; width: 500px }

/* Gallery */
#thumbs {width: 130px;float: right; margin-top: 20px; padding-right: 10px;}
#thumbs a {display: block; height: 35px; width: 35px; margin: 0 5px 5px 0; float: left; background-position: 20px center; border: 1px solid #ccc;}
#gallerywrap {width: 350px; float: left; margin-left: 30px;}
#gallerywrap h1 {font: 10pt 'century gothic', 'andale mono', verdana, helvetica, sans-serif lighter; color: #999; text-align: center; }

#gallery {height: 380px; width: 350px; background-repeat: no-repeat; background-position: center 0;}
#bodygallery h1 { font-weight: normal; margin: 0;}
.on {opacity: .40; *filter:alpha(opacity=40); border: 1px solid #000 !important;}
.off {opacity: 1.00; *filter:alpha(opacity=100); border: 1px solid #ccc !important;}

#subnav-archive {float: left; clear: none; width: 170px; text-align: right; background: #dffbfc; margin-left: 0; padding-left: 0; border-top: 1px dashed #9c2c2c}
#subnav-archive li {padding: 3px 4px; border: 1px dashed #9c2c2c; border-width: 0 1px 1px 0;}
#subnav-archive a {color: #9c2c2c;}
#subnav-archive a:hover {color: #222; }
#subnav-archive a.hi {font-weight: bold; color: #222;}

/*PHOTOS & INFO PAGE*/
#photos-content {margin: -30px 30px 30px 30px;}
.photos-heading {color: #ccc; font: 12pt 'century gothic', 'andale mono', optima, helvetica, verdana, sans-serif lighter; text-align: right; padding: 0 0 0 0; margin: -30px 0 30px 0; border-bottom: 1px dashed #ddd; float: right; width: 500px }
#photos-content p {float:right; text-align: justify; width: 450px; font: 9pt 'lucida grande', 'news gothic MT', verdana, helvetica, sans-serif lighter; color: #333; margin: 0 0 10px; }
.check-back {color: #9c2c2c !important; text-align: right !important; font: 12px; float: right;}




/*LINKS PAGE*/
.links {margin-left:0px; font: 9pt arial, helvetica, sans-serif lighter;  }
.links li {margin-top: 3px;}
.links-menu {color: #9c2c2c; font: 10pt'andale mono', verdana, helvetica, arial, sans-serif; border-bottom: 1px solid #9c2c2c; margin: 0 0px 6px 0; padding: 10px 0 2px 0;}

/*INCASE OF FIRE PAGE*/
#fire-content {font: 10pt 'lucida grande', 'news gothic MT', verdana, helvetica, sans-serif lighter; color: #333; padding: 0 90px 30px 110px; margin-top: 0; min-height: 420px; }
#fire-content a {text-decoration: underline; color: #9c2c2c;}
#fire-content a:hover {color: #8BD4E7;}
#fire-content p {margin-bottom: 20px;}

#imagelink {float: left; clear: none; width: 180px; margin: 10px 10px 10px 0; text-align: center; }