/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

html, body {
   height: 100%;
   font-family: helvetica, verdana, arial, sans-serif;
   font-size: 100%;
   background-color: white;
}

div.spacer,
div.widespacer {  
   font-size: 0.1em;
   clear: both;   
   width: 100%;
}
div.widespacer {
   font-size: 0.7em;
}

 hr {
   height: 3px; 
   margin: 0 10% 0 10%;
   width: 80%;
}

.darkredtext {
   color: rgb(204,0,0);
}

.redtext {
   color: red;
}

div.centerd {
   position: center;
}   
   

/* ================================ HEADER ELEMENTS ======================= */
#headerwrapper {
   margin: 0 auto;
	color: black;
   float: left;
}

#hdrleft {
   float: left;
   height: 140px; width: 20px;
	background: url(layout_gifs/hdr_left.gif) no-repeat left;
}
#hdrright {
   float: left;
   position: absolute; left: 787px;
   height: 140px; width: 20px;
	background: url(layout_gifs/hdr_right.gif) no-repeat left;
}
#hdrmiddle {
   float: left;
   position: absolute; left: 17px;
   width: 770px;
	background: url(layout_gifs/hdr_middle.gif) repeat-x;
   color: black;
   height: 140px;
}   

#hdrmiddle p {
   font-size: 1em;
   padding: 5px;
}


.hdrlogo {
   float: left;
   margin-top: 25px;
   padding-left: 15px;
}


.hdrboxcontainer {
   float: right;
   margin-top: 20px;
   padding-right: 2em; padding-left: 1em;
   font-size: 1em;
   text-align: center;
}
.hdrboxcontainer b {
   font-size: 1em;
   color: #770022;
}
.hdrboxcontainer h5 {
   font-size: 0.8em;
   color: red;
   margin-top: -4px;
   padding-bottom: 2px;
}


.hdrboxcontainer ul {
   margin:0;
   padding:0 2px;
   list-style:none;
   font-size: 0.8em;
}

.hdrboxcontainer img{
   border-width: 1px;
   border-style: solid;
   border-color: navy;
 }

.hdrboxcontainer a {
   text-decoration: none;
   color: black;
}
.hdrboxcontainer a:hover {
   text-decoration: underline;
   color: red;
}
.hdrboxcontainer i {
   font-size: 0.6em;
}

/* ================================ BOX CONTAINER ELEMENTS ======================= */


.boxcontainer {
   float: left;
	width: 300px;
	background-color: rgb(194,211,220);
	color: black;
   margin-top: 0;
   margin-bottom: 4em;
   margin-right: 5px;
}

.midsizecontainer {
   float: left;
	width: 490px;
	background-color: rgb(194,211,220);
	color: black;
   margin: 0 auto;
   margin-right: 5px;
   margin-left: 0;
}

.widecontainer {
   float: left;
	width: 750px;
	background-color: rgb(194,211,220);
	color: black;
   margin: 0 auto;
}


.footercontainer {
   float: left;
	width: 750px;
	background-color: rgb(236,243,237);
	color: black;
   margin: 0 auto;
   margin-top: 0;
   margin-left: 7px;
   text-align: center;
   font-size: 0.7em;
}

.boxcontainer h3,
.midsizecontainer h3,
.widecontainer h3 {
   font-size: 1.1em;
   text-align: center;
   margin-top: -8px; margin-bottom: 5px;
}

.boxcontainer h6,
.midsizecontainer h6,
.widecontainer h6 {
   font-size: .9em;
   text-align: center;
   margin-top: -2px; margin-bottom: 5px;
}

.boxcontainer p {
   font-size: 1em;
	margin: 5px 10px;
}

.boxcontainer a {
   color: blue;
   text-decoration: underline;
}

.boxcontainer a:hover {
   color: red;
   text-decoration: underline;
}
.widecontainer p {
   font-size: 0.9em;
   padding: 3px 10px 3px 15px;
}
.widecontainer ol,
.widecontainer ul {
   font-size: .9em;
   padding: 3px 15px 3px 65px;
   line-height: 100%;
}

.widecontainer a {
   color: blue;
   text-decoration: underline;
}
 
.widecontainer a:hover {
   color: red;
   text-decoration: underline;
}

.midsizecontainer p,
.boxcontainer form {
   font-size: 0.9em;
	margin: 5px 10px;
   line-height: 110%;
}

.midsizecontainer a {
   color: blue;
   text-decoration: underline;
}

.midsizecontainer ol,
.midsizecontainer ul {
   font-size: 0.9em;
   margin: 3px 15px;
   line-height: 95%;
}

.midsizecontainer h4,
.widecontainer h4 {
   margin: 5px 10px 10px 10px;
   font-size: 0.8em;
   line-height: 95%;
   text-align: left;
}

.boxcontainer h5,
.midsizecontainer h5,
.widecontainer h5 {
   margin: 5px 10px 10px 10px;
   font-size: 0.7em;
   line-height: 90%;
   text-align: left;
}
 
.boxcontainer form {
   margin-left: 25px;
}

.boxcontainertop { 
	background: url(layout_gifs/corner_TR.gif) no-repeat top right; 
}

.boxcontainerbottom {
	background: url(layout_gifs/corner_BR.gif) no-repeat top right; 
}

.footercontainertop { 
	background: url(layout_gifs/footer_TR.gif) no-repeat top right; 
}

.footercontainerbottom {
	background: url(layout_gifs/footer_BR.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}


/* ============================ NAVIGATION TAB ELEMENTS ======================= */
#tabwrapper {
   position: relative;
   margin-left: auto;
   margin-right: auto;
   height: 40px;
}
#tabheaderleft {
   float: left;
   left: 10px;
   background: white url("layout_gifs/tab_bg_left.gif") no-repeat left top;
   height: 40px;  
   width: 14px;
}
#tabheaderright {
   float: left;
   left: 736px;
   background: white url("layout_gifs/tab_bg_right.gif") no-repeat left top;
   height: 40px;
   width: 14px;
}
#tabheader {
   float: left;
   left: 24px;
   background: url("layout_gifs/tab_bg_body.gif") repeat-x top;
   width:800px;
   height: 40px;
   font-size: 14px;
   line-height:normal;
}
#tabheader ul {
   margin:0;
   padding:7px 4px 0 4px;
   list-style:none;
}
#tabheader li {
   float:left;
   background:url("layout_gifs/tab_L.gif") no-repeat left top;
   margin:0;
   padding:0 1px 0 6px;
}
#tabheader a,
#tabheader b {
   float:left;
   display:block;
   background:url("layout_gifs/tab_R.gif") no-repeat right top;
   padding:5px 4px 4px 4px;
   text-decoration:none;
   text-transform: lowercase;
   font-weight:bold;
   color: navy; 
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabheader a {float:none;}
/* End IE5-Mac hack */
#tabheader a:hover {
   color:red;
   text-decoration: underline;
}
#tabheader #current {
   background-image:url("layout_gifs/tabactive_L.gif");
   margin-bottom: -10px;
   text-transform: capitalize;
   cursor: default;
}
#tabheader #current a,
#tabheader #current b {
   background-image:url("layout_gifs/tabactive_R.gif");
   color: #444444;
   padding-bottom:4px;
   text-decoration: none;
}
/* ============================ HOME PAGE IMAGE ELEMENTS ======================= */

#homeimgwrapper {
   padding-top: 5px;
   padding-bottom: 5px;
   background-color: rgb(194,211,220);
   color: black;
   margin: 0 5px 15px 5px;
   text-align: left;
   font-size: 1em;
}
#homeimgwrapper i {
   font-size: 1em;
}
#homeimgwrapper a {
   font-size: 1em;   
   text-decoration: underline;
   color: blue;
}
#homeimgwrapper a:hover {
   text-decoration: underline;
   color: red;
}
#homeimgwrapper h3 {
   font-size: 1.1em;
   font-weight: bold;
   text-align: center;
   padding-top: 25px;
   color: maroon;
}   

#homeimgwrapper h5 {
   font-size: 0.8em;
   font-weight: bold;
   text-align: center;
   padding-top: 25px;
   color: black;
}
.meetinginfo {
   width: 480px;
   margin: 0 auto;
   margin-bottom: 10px;
   background-color: rgb(194,211,220);
   color: black;
}
.meetinginfo p,
.meetinginfo b {
   text-align: left;
}
.meetinginfo p {
   padding: 0 8px 4px 8px;
}

.meetinginfo img {
    float: left;
    padding-top: 5px;
    padding-right: 10px;
}

/* ================================ FOOTER ELEMENTS ======================= */

#footerinfo {
   width: 100%;
   font-size: 0.7em; 
   color: black;  
   text-align: center;
}
#footerinfo p {
   padding-top: 15px;
}



#viewport {
   width: 100%;
   float: left;
   padding: 5px;
}
/* ============================ GALLERY PAGE ELEMENTS ========================== */
.gallerywrapper {
   margin: 0 auto;
	color: black;
   float: left;
   margin-bottom: -5px;
}

.galleryblueleft,
.gallerybeigeleft {
   float: left;
   height: 115px; width: 14px;
}
.galleryblueleft { background: url(layout_gifs/gallerybox_blue_L.gif) no-repeat left; }
.gallerybeigeleft { background: url(layout_gifs/gallerybox_beige_L.gif) no-repeat left; }

.galleryblueright,
.gallerybeigeright {
   float: left;
   position: absolute; left: 757px;
   height: 115px; width: 15px;
}
.galleryblueright { background: url(layout_gifs/gallerybox_blue_R.gif) no-repeat left; }
.gallerybeigeright { background: url(layout_gifs/gallerybox_beige_R.gif) no-repeat left; }

.gallerybluebody,
.gallerybeigebody {
   float: left;
   position: absolute; left: 25px;
   width: 740px;
   color: black;
   height: 115px;
}   
.gallerybluebody { background: url(layout_gifs/gallerybox_blue_M.gif) repeat-x; }
.gallerybeigebody { background: url(layout_gifs/gallerybox_beige_M.gif) repeat-x; }

.gallerybluebody a,
.gallerybeigebody a {
   font-weight: bold;
   text-decoration: none;
   color: navy;
}
.gallerybluebody a:hover,
.gallerybeigebody a:hover {
   text-decoration: underline;
   color: red;
}
.gallerythumb {
   position: absolute; 
   left: 5px; top: 0.9em;
   border: 0;
}
.gallerythumb img {
   border: 3px solid black;
}   
.gallerytext {
   position: absolute;
   left: 150px; top: 9px;
   font-size: 0.9em;
   padding-right: 15px;
}
.gallerytext a {
   padding-right: 20px;
}
.galleryindex {
   font-size: 0.8em;
   color: black;
}
.galleryindex a {
   color: navy;
   text-decoration: none;
}
.galleryindex a:hover {
   color: maroon;
   text-decoration: underline;
}

/* ============================ LIBRARY ELEMENTS ============================== */
 
.librarytext {
   position: absolute;
   left:85px; top: 4px; 
   font-size: 0.9em;
   padding-right: 15px; 
}
.ledgend {
   position: absolute;
   left: 10px; top: 4px;
   width: 55px;
   height: 100px;
   font-size: 0.9em;
   color: black;
   text-decoration: none;
   padding-right: 15px;
} 

/* ============================ CALENDAR ELEMENTS ============================== */
.calendarwrapper {
	color: black;
   width: 775px;
   margin-bottom: 20px;
   margin-right: 20px;
}
.calendarimage {
   float: left;
   margin-left: 15px; 
   border: 2px solid navy; 
}
.calendartext {
   margin-left: 275px;
   margin-top: -5px; 
   font-size: 0.8em;
   padding-right: 15px;
}

/* =================================== ALTERNATING DIVS ========================== */
div.barunshaded,
div.barshaded {
   color: black;
   font-size: 0.8em;
   float: left;
   padding-left: 10px;
   padding-right: 10px;
   margin-left: 10px;
}
div.barunshaded {
	background-color: rgb(222,221,221);
   width: 95%;
}
div.barshaded{
	background-color: rgb(194,194,193);
   width: 95%;
}

div.barshaded p,
div.barunshaded p {
   text-align: left;
   vertical-align: top;
   padding-left: 5px;
   padding-bottom: 5px;
}
div.barshaded img,
div.barunshaded img {
   border: 1px solid navy;
   margin: 5px;
   float: left;
}
div.barshaded ul,
div.barunshaded ul {
   list-style-type: none;
   font-size: 0.9em;
   margin-left: 10px;
}

div.barseparator {
   clear: both;
   height: 1px;
}

/* ========================= MISCELLANEOUS PAGE ELEMENTS ======================= */
/* === MOVE DIVISION RIGHT === */
div.right10 {
   margin-left: 20px;
}

div.right20 {
   margin-left: 20px;
}
div.right40 {
   margin-left: 40px;
}
/* ==== CONTACT PAGE ==== */
.contacttable {
   border: 1px solid black;
   width: 95%;
   margin: 0 auto;
   margin-bottom: 2em;
}
.contacttable th,
.contacttable td {
   text-align: left;
   padding-left: 10px;
}
th.contact1 {
   width: 35%;
}
th.contact2 {
   width: 25%;
}
th.contact3 {
   width: 40%;
}
tr.shaded {
   background-color: #eeeeee;
   color: black;
}
/* ==== AGENDA PAGE ==== */
.agendatable {
   border: 1px solid black;
   width: 60%;
   margin: 0 auto;
   margin-bottom: 1em;
}
.agendatable th,
.agendatable td {
   text-align: left;
   padding-left: 10px;
}

th.agenda1 {
   width: 35%;
}
th.agenda2 {
   width: 65%;
}
div.mapimage {
   margin-left: 125px;
   margin-top: 1em;
   margin-bottom: 2em;
   width: 520px;
}
   
.imgcentered {
   display: block;
   margin-left: auto;
   margin-right: auto;
   border: 2px solid black;
}

.centered {
   text-align: center;
}

.sitemap1,
.sitemap2 {
   margin:0;
   padding-left: 6px;
   list-style:none;
   text-decoration: none;
   color: black;
}
.sitemap2 {
   padding-left: 15px;
}
.sitemap1 a:hover,
.sitemap2 a:hover {
   text-decoration: underline;
   color: blue;
}

.question,
.answer {
   padding-left: 10px;
   color: maroon;
   font-size: 1em;
   font-weight: bold;
}
.answer {
   color: black;
   font-weight: normal;
}

img.floatleft,
img.floatleft2 { 
   margin: 5px 15px 10px 5px;
   float: left;
}
 
img.floatleft2 { 
   border: solid black 5px;
}
img.floatright { 
   margin: 5px 10px 10px 10px; 
   float: right; 
   border: 5px;
   border-style: hidden;
}

img.border {
   border-style: solid;
   border-width: 10px;
   border-color: rgb(194,211,220);
}

table.floatleft {
   margin: 5px 15px 2px 15px;
   float: left;
}

table.location {
   margin-left: 20px;
   cellspacing: 0;
   font-size: .9em;
}

.speakerrequest {
   margin-top: 1.5em;
   font-weight: bold;
   color: navy;
}

.linkfloatleft {
   float: left;
}
.linkfloatright {
   float: right;
}
ul.keepleft {
   margin: 2px 8px 2px 3px;
}

.navybold {
   font-weight: bold;
   color: navy;
}

/* ======= EVENT PAGE ======= */

.eventtable {
    width: 95%;
    margin-left: 20px;
    background-color: #eeeeee;
}
.eventtable td.col1 {
    width: 50px;
}
 
.eventtable td{
    vertical-align: top;
}

/* =================== FAIR RESULTS PAGE =========================== */
.fairresults {
   border: 1px solid maroon;
   width: 95%;
   margin: 0 auto;
   margin-bottom: 2em;
}
tr.colheader {
   font-size: 1em; 
   color: black; 
   vertical-align: top;
   text-align: left; 
   font-weight: bold; 
}

tr.color1 {
   font-size: 12px; 
   background-color: #cfecec;
}
tr.color2 { 
   font-size: 12px;
   background-color: #f5f3d7;
}
tr.color3 { 
   font-size: 12px;
   background-color: #fcce8e;
}
.width20 {
   width: 20%;
}
.width25 {
   width: 25%;
}
.width30 {
   width: 30%;
}
.width20px {
   width: 20px;
}
.width60px {
   width: 60px;
}
.width100px {
   width: 100px;
}
.width150px {
   width: 150px;
}
.width300px {
   width: 300px;
}
img.camera  {
   height: 11px;
   width: 14px;
   border: 0;
}
.centeredsmall {
   font-size: 10px; 
   color: black; 
   text-align: center; 
   vertical-align: top;
}

#entryform {
   vertical-align: top; 
   margin: 3px 6px 3px 6px;
   background-color: #cfecec;
   padding: 5px;
}

/* ========================== SPONSOR ELEMENTS ========================== */
.goldsponsor,
.silversponsor {
   width: 650px;
   height: auto;
   margin-left: 40px;
   margin-top: 20px;
   margin-right: auto;
   margin-bottom: 10px;
   border-width: 5px;
   border-style: inset;
}


.goldsponsor {
   border-color: rgb(255,204,0);
   background-color: white;
}
.goldsponsor img {
   border-style: none;
   margin-left: 140px;
}
.silversponsor {
   border-color: silver;
   background-color: white;
}

.silversponsor img {
   border-style: none;
   margin-left: 140px;
}

.silversponser h3 {
   color: silver;
}

.sponsorwrapper {
   position: relative;
   margin-left: 20px;
   width: 600px;
   margin-right: auto;
   height: 150px;
   color: black;
}

.sponsorwrapper img {
   margin-left: 0;
   border-style: inset;
   border-width: 3px;
}

.sponsorthumb {
   position: absolute; 
   left: 15px; top: 0.9em;  
   border: 0;
}
.sponsorthumb img {
   margin-top: 20px;
}   

.sponsortext {
   position: absolute;
   left: 150px; top: 9px;
   font-size: 1.1em;
   padding-right: 15px;
   border-color: black;
}

.sponsortext2 {
   position: absolute;
   left: 350px; top: 9px;
   font-size: 1.1em;
   padding-right: 15px;
   border-color: black;
}
.sponsortext a {
   padding-right: 20px;
}


/*===========================================================================*/
div.scroll {
  margin-left: 10%;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 80%;
}

.logo {
   align: center;
   margin-top: 15px;
   width: 149px;
   height: 41px;

}

/*======================    Projectionist  ===============================*/
 
.project ol,
.project ul {
   font-size: 1.0em;
   font-style: italic;
   padding: 3px 25px 3px 40px;
   line-height: 130%;
}

.l-alpha li {
   list-style-type: lower-alpha;
   
}

/*===========================================================================*/

.skiplink {display:none}