/* Structural Style Sheet */

div {
   xborder: 1px solid gray;
}

a { 
   text-decoration: none;
   color: darkblue;
}

table.structural {
   xborder: 1px solid gray;
   border-collapse: collapse;
}

#top {
   table-layout: fixed;
   xborder: 1px solid gray;
   width: 760;
   height: 60;
   padding: 16px;
} 

table#middle {
   width: 760; 
   xborder: 1px solid red;
   table-layout: fixed;
}

table#middle td {
   xborder: 1px solid gray;
}

td#logo-image { 
   width: 200px;
}

td#left {
   xborder: 1px solid red;
   width: 590px;
   xfloat: left;
   xwidth: 645;
}

td#right {
   float: right;
   width: 155;
}

td#right div.label-top {
   xborder: 1px solid red;
   text-align: center;
   margin: 16 16 0 16;
   width: 130;
}

td#right ul {
   text-align: center;
   padding: 0px;
   margin: 0px;
}



td#right div.label-bottom {
   border-style: solid;
   border-color: maroon;
   border-width: 1px;
   height: 16px;
   margin: 0 16 16 16;
   width: 130;
}

div.right-placeholder {
   border-style: solid;
   border-color: darkblue;
   border-width: 2px;
   -moz-border-radius: 15px;
   text-align: center;
   margin-top: 16px;
   padding: 4px;
   padding-bottom: 12px;
}

div.right-placeholder ul { 
   position: relative;
   bottom: 6px;
}

div.right-placeholder ul li { 
   list-style-type: none;
   font-weight: bold;
   font-size: 12px;
   padding: 1px;
}

span.label {
   bottom: 14px;
   background: white;
   padding: 0 8 0 8;
   position: relative;
}


table#blurbs {
   width: 560px;
   xborder: 1px solid red;
   table-layout: fixed;   
}

td.blurb-space {
   width: 12px;
}

td#blurb-left { 
   width: 33%;
}

td#blurb-middle { 
   width: 33%;
}

td#blurb-right { 
   width: 33%;
}


td#blurb-left2 { 
   width: 50%;
}

td#blurb-right2 { 
   width: 50%;
}

td.blurb {
   xwidth: 200;
}

table.offices {
   width: 610;
} 

table#resource-browser {   
   padding: 0px;
   width: 725px;
   table-layout: fixed;
  xborder: 1px solid red;
}

td#browse-list {
   xwidth: 140px; 
   border: 1px solid #d0d0d0;
   padding: 0px;
   cursor: pointer;
   cursor: hand;

}

td#resource-tab{ 
   width: 500px;
   border: 0px solid #d0d0d0;
   padding: 0;
   cursor: pointer;
   cursor: hand;

}

td#resource-tab table { 
   width: 500px;
}

td#resource-tab table td { 
   border: 1px solid #d0d0d0;
   text-align: center;
   padding: 2px 4px;
   font-size: 11px;
}


div.browse-label { 
   background: #f0f0f0;
   font-size: 11px;
   font-weight: bold;
   padding: 2px;
   border: solid #d0d0d0;
   border-width: 0 0 1 0 ;
}

ul.browse {
   margin: 0;
   padding: 0;
}

ul.browse a { 
   display: block;
   font-size: 11px;
   padding: 2px;
}

ul#browse-by-speaker{ 
   height: 15em;
   overflow: auto;
}

ul#browse-by-theme{ 
   height: 15em;
   overflow: auto;
}
  
#results-tab { 
   border: solid #d0d0d0;
   border-width: 0 1 1 1;
   xheight: 350px;
   padding: 0px;
}

#results { 
   height: 530px;
   overflow: auto;
}

#results table { 
   width: 100%;
   cursor: pointer;
   cursor: hand;
}

div.speaker-block { 
   background: #f0f0f0;
   padding: 2px;
   font-size: 12px;
}


div.theme-block { 
   background: #f0f0f0;
   padding: 2px;
   font-size: 12px;
   font-weight: bold;
}

div.resource-block { 
   background: #f0f0f0;
   padding: 2px;
   font-size: 12px;
   font-weight: bold;
}
#results th { 
   font-size: 11px;
   border: 1px solid #d0d0d0;
   padding: 2px;
   background: #f0f0f0;
   text-align: left;
}
#results td { 
   font-size: 11px;
   border: 1px solid #d0d0d0;
   padding: 2px;
}

.active { 
   background: #f0f0f0;
   font-weight: bold;
}


.selected { 
   background: #f0f0f0;
}



.not-found { 
   font-size: 12px;
   padding: 4px;
}

table.alphabet { 
   border-collapse: collapse;
   border: 0px;
   xwidth: 100%;
}

table.alphabet td { 
   xborder: 1px solid red;
   xtext-align: center;
   font-weight: bold;
   padding-right: 8px;
   xwidth: 3.8%;
}

table.search { 
   width: 100%;
   xborder: 1px solid red;
   border-collapse: collapse;
}

table.search tr { 
   vertical-align: top;
}

table.search td { 
   xborder: 1px solid blue;
}

table.search td.pulldowns { 
   width: 60%;
}
table.search td.results { 

}

div.pulldown-label { 
   font-weight: bold;
   color: darkblue;
   margin-bottom: 0.5em;
}

div.pulldown { 
   margin-bottom: 2em;
}

div.pulldown select { 
   width: 200px;
}

div.results-label { 
   xfont-size: 20px;
   font-weight: bold;
   color: darkred;
   margin-bottom: 0.5em;
}

div.results { 
   font-size: 12px;
   font-weight: bold;
   line-height: 22px;
}