#ALL {
  width: 1024px;
  margin: auto;
}

#TOOLS {
  float: right;
  margin-top: 5px;
  margin-right: 0px;
}

#TOP-SEC {
  height: 140px;
  width: 1024px;
  margin-bottom: 10px;
  padding: 0px;
}

#TITLE-BLOCK {
  width: 574px;
  height: 140px;
  background-color: #DDDDDD;
  margin-right: 10px;
  float: left;
}

#BLOCK1 {
  width: 140px;
  height: 140px;
  background-color: #AAAAAA;
  float: left;
  margin-right: 10px;
 }
#BLOCK2 {
  width: 140px;
  height: 140px;
  background-color: #AAAAAA;
  float: left;
  margin-right: 10px;
 }
#BLOCK3 {
  width: 140px;
  height: 140px;
  background-color: #AAAAAA;
  float: right;
 }
 
 #MID-SEC {
   margin-bottom: 0px;
   width: 724px;
   margin-right: 10px;
   clear: both;
   margin-top: 0px;
   padding: 0px;
   float: left;
 }

 #PIC-BLOCK {
   float: right;
   width: 250px;
   margin-bottom: 15px;
   margin-left: 15px;
   margin-top: 0px;
 }

 #SESSION-BLOCK {
   float: right;
   width: 200px;
   margin-bottom: 15px;
   margin-left: 15px;
   background-color: #e6e6e6;
 }

 #KEY-PIC {
   width: 250px;
   background-color: white;
 }

 #COLL-BOX {
   width: 250px;
   background-color: white;
   float: right;
   margin-bottom: 15px;
   margin-left: 15px;
   margin-top: 0px;
 }

 #COLL-PIC {
   width: 250px;
   background-color: white;
 }

 #COLL-TEXT {
   width: 250px;
   background-color: white;
   overflow: hidden;
   font-size: 85%;
   margin-top: 4px;
 }

 #SUB-PIC {
   width: 250px;
   margin-top: 3px;
 }

 #SUB1-PIC, #SUB2-PIC {
   float: left;
   width: 60px;
   background-color: white;
   margin-right: 3px;
 }  
 
 #SUB3-PIC {
   float: left;
   width: 60px;
   background-color: white;
   margin-right: 3px;
   margin-left: 1px;
 }

 #SUB4-PIC {
   float: left;
   width: 60px;
   background-color: white;
   margin-right: 0px;
 }
 
 #SIDE-BLOCK {
   float: right;
   width: 290px;
   background-color: rgb(240,240,240);
   margin-top: 0px;
   margin-bottom: 10px;
   padding: 0;
   padding-bottom: 5px;
 }

 #SIDE-CALENDAR-LINK {
  float: right;
  width: 20px;
  margin-top: 4px;
  margin-right: 5px;
  background-color: transparent;
 }

 .BUTTON-ROW {
   margin: 0px;
   margin-left: 7px;
   padding: 0px;
   padding-bottom: 10px;
}
 
 .SIDE-CALENDAR-RANGE {
  width: 170px;
  padding-top: 4px;
  margin-right: 10px;
  text-align: right;
  color: white;
  background-color: transparent;
 }

 #MENU-BLOCK {
   position: relative;
   z-index: 50;
}
 
 #MAIN-BLOCK {
   width: 724px;
   position: relative;
/* SK*/ z-index: 40;
   background-color: white;
   margin-top: 10px;
   margin-bottom: 10px;
   padding: 0px;
 }
 
 #BOT-SEC {
   height: 24px;
   background-color: black;
   color: white;
   text-align: center;
   width: 1024px;
   clear: both;
   padding-top: 0px;
   margin-top: 0px;
 }

.EVENT-ROW {
  width: 290px;
  margin-bottom: 5px;
  padding: 2px;
  overflow: hidden;
}

.side-exhibition {
  margin-left: 10px;
  margin-bottom: 0px;
}
.side-exhibition-title {
  font-weight: bold;
  margin-left: 10px;
  margin-bottom: 0px;
}

.smaller {
  font-size: 80%;
}

.BUTTON {
  text-align: left;
  float: left;
  color: black;
  margin-right: 4px;
  margin-left: 4px;
}

.BUTTON-X {
  width: 85px;
  background-color: green;
  color: white;
  text-align: center;
  float: left;
}

.BUTTON a:link, .BUTTON a:visited, .BUTTON-X a:link, .BUTTON-X a:visited {
  color: black;
}

.BUTTON a:hover, .BUTTON-X a:hover {
  font-weight: bold;
}

.EVENT-ROW-DATE {
  width: 35px;
  float: left;
  font-weight: bold;
}

.EVENT-ROW-DETAILS {
  margin-left: 10px;
  width: 100%;
}

.EVENT-ROW-DETAILS p {
  margin-top: 0px;
}

.CALENDAR {
  width: 300px;
  margin-left: 15px;
  margin-top: 40px;
}

.CALENDAR-HEADING {
  font-style: italic;
  width: 300px;
  margin-left: 1px;
}

.CALENDAR-MONTH {
  background-color: #dddddd;
  width: 80px;
  float: left;
  margin: 2px;
  padding: 2px;
  text-align: center;
}

.CALENDAR-ROW {
  width: 300px;
  clear: both;
}

.CALENDAR-DAY {
  float: left;
  width: 30px;
  text-align: center;
  padding: 2px;
  margin: 2px;
  background-color: #dddddd;
  text-decoration: none;
}
 
 body {
   font-family: Helvetica, Arial, Sans-Serif;
   font-size: 10pt;
 }
 
 flush img {
   margin: 0px;
   border: 0px;
   padding: 0px;
 }
 
h1 {
   font-size: 160%;
   font-weight: bold;
   color: rgb(130,130,130);
   letter-spacing: -1px;
   margin-left: 0px;
   margin-bottom: 5px;
   margin-top: 0px;
}

h1.side {
  font-size: 100%;
  font-weight: bold;
  color: black;
  margin-left: 3px;
  margin-bottom: 3px;
  margin-top: 3px;
}

img.tight {
 margin: 0px;
 padding: 0px;
 border: 0px;
}

p {
  margin-left: 0px;
  margin-bottom: 10px;
  margin-top: 0px;
  line-height: 120%;
}
  
p.side {
  font-size: 100%;
  margin-left: 5px;
  margin-bottom: 3px;
  margin-top: 3px;
  margin-right: 5px;
}

p.exhibname {
  margin-left: 0px;
  font-size: 100%;
  margin-bottom: 5px;
  line-height: 110%;
}

span.exhibname {
  font-weight: bold;
}


span.exhibdate {
}

.exhibtitle {
  margin-top: 25px;
  font-size: 130%;
  font-weight: bold;
  margin-left: 0px;
  margin-bottom: 0px;
  line-height: 110%;
}

p.exhibtitledate {
  margin-top: 0px;
  font-size: 115%;
  margin-bottom: 5px;
  margin-left: 0px;
}

h2 {
  margin-left: 0px;
  font-size: 100%;
  font-weight: bold;
  color: black;
  margin-bottom: 4px;
  margin-top: 0px;
}

h2.side {
  margin-left: 3px;
  font-size: 90%;
  margin-bottom: 3px;
}

.side-date {
  font-weight: bold;
}

.side-title {
  font-style: italic;
}

div.event {
  width: 288px;
  margin-bottom: 5px;
}

div.event-date {
  margin-left: 10px;
  font-weight: bold;
}

.event-date-dow {
}

.event-date-month {
}
.event-date-dom {
}
.event-date-time {
}

.event-venue {
  margin-top: -5px;
  margin-bottom: 2px;
}

.event-title {
  font-style: italic;
  padding-top: 1px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 5px;
}

.event-desc {
}

.event-side-heading {
  font-weight: bold;
  font-size: 100%;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 10px;
  height: 24px;
  text-transform: uppercase;
  border-bottom: 5px solid rgb(240,240,240);
}

.event-side-heading-img {
  font-weight: bold;
  font-size: 100%;
  margin-left: 0px;
  margin-top: 0px;
  padding-top: 4px;
  margin-bottom: 8px;
  height: 20px;
  padding-right: 5px; 
  background-image: url(/images/calendar01.jpg); 
  text-align: right; 
  color: white; 
}


.main-event-type {
  font-style: italic;
}

.cell-event-name {
  font-weight: bold;
  font-size: 10pt;
}

.event-cell {
  vertical-align: top;
  background-color: white;
  font-size: 80%;
  width: 33%
}

.event-table {
  width: 740px;
  border-spacing: 10px;
  margin-left: -10px;
  table-layout: fixed;
}

.main-event-name {
  font-size: 120%;
  font-weight: bold;
  margin-left: 0px;
  margin-bottom: 2px;
  margin-top: 20px;
}

.main-event-time {
  font-weight: bold;
  margin-bottom: 5px;
}

.main-event-desc {
  margin-top: 2px;
  margin-bottom: 5px;
}

.main-event-cost, .main-event-organizer, .main-event-facilitator-instructor {
  margin-bottom: 3px;
  margin-top: 0px;
}

.main-event-materialssupplied, .main-event-recommendedages {
  margin-top: 0px;
  margin-bottom: 5px;
}

.main-event-registration {
 font-weight: bold;
 margin-bottom: 5px;
}

.session {
 margin: 3px;
 font-size: 80%;
 text-align: center;
}

.session-heading {
 font-size: 110%;
 font-weight: bold;
 margin: 5px;
 text-align: center;
}

.sponsor {
 font-weight: bold;
} 

.sponsor-heading{
}

.sponsor-logo {
  float: left;
  margin-top: 4px;
  margin-right: 4px;
}

.clear {
   clear: both;
}

a:link, a:visited {
  text-decoration: none;
  color: black;
}

a:active {
  text-decoration: none;
  color: black;
}

a:hover {
  text-decoration: none;
  color: #A52A2A;
}

#MAIN-BLOCK .exhibname a:link, #MAIN-BLOCK .exhibname a:visited {
  color: black;
}

#MAIN-BLOCK .exhibname a:hover {
  color: #A52A2A;
}

#MAIN-BLOCK a:link, #MAIN-BLOCK a:visited {
  text-decoration: none;
  color: #00008B;
}

#MAIN-BLOCK ul {
  margin-left: 8px;
  text-indent: 0px;
  padding-left: 8px;
  list-style-position: outside;
  list-style-type: square;
  margin-top: 0;
  margin-bottom: 10px;
}


#MAIN-BLOCK a:hover {
  color: #A52A2A;
}

.click {
  font-style: italic;
  margin-left: 10px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

/* popbox for small thumbnails, popbox2 and popbox3 for side panel events */
/* popbox4 for key pic, popbox5 for venue */

.popbox,.popbox2,.popbox3,.popbox5,.popbox5r {
 position: relative; 
 z-index: 0; 
}

.popbox4 {
  z-index: 0;
}

.popbox5r a:link, .popbox5r a:visited {
 color: #800000;
}


.popbox:hover,.popbox2:hover,.popbox3:hover, .popbox4:hover, .popbox5:hover, .popbox5r:hover {
background-color: transparent;
 z-index: 250; 
color: #A52A2A;
}

.popbox span, .popbox2 span,.popbox3 span, .popbox5 span, .popbox5r span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFE0;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.popbox4 span{ /*For artwork and image key pics*/
position: absolute; 
background-color: #FFFFE0;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.popbox span img, .popbox2 span img, .popbox3 span img, .popbox4 span img, .popbox5 span img, .popbox5r img { /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.popbox:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
left: -50px; /*position where enlarged image should offset horizontally */
bottom: -40px;
width: 300px;

}

.popbox2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 55px;
left: -170px; /*position where enlarged image should offset horizontally */
width: 300px;
}

.popbox3:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
bottom: 50px;
left: -170px; /*position where enlarged image should offset horizontally */
width: 300px;
}

.popbox4:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 150px; 
left: 730px; /*position where enlarged image should offset horizontally */
width: 290px;
}

.popbox5:hover span, .popbox5r:hover span {
visibility: visible;
left: 0px;
top: 20px;
}

.belowspace {
  margin-bottom: 20px;
}

.halfbelow {
  margin-bottom: 5px;
}

#FORM-ALL {
 width: 768px;
 margin: auto;
 margin-top: 25px;
 border: 2px solid;
 padding: 5px;
}

#FORM-TOP-SEC {
 width: 768px;
 height: 30px;
}

#FORM-EVENT-SEC {
 width: 360px;
 background-color: rgb(240,240,240);
 padding: 5px;
 float: left;
}

#FORM-MAIN-SEC {
 width: 380px;
 float: right;
 padding: 5px;
}

#FORM-BOTTOM-SEC {
 width: 768px;
 clear: both;
}

.FORM-ITEM {
 clear: both;
 margin-bottom: 5px;
}

.FI-LABEL {
  width: 95px;
  vertical-align: middle;
  float: left;
}

.FI-ENTRY {
  width: 280px;
  float: right;
}

.FI-ENTRY input {
  width: 275px;
  margin-bottom: 3px;
}