body { 
       font-size: 1em;
       font-family: "Gill Sans", Verdana, Arial, sans-serif;
       color: #000000;
       font-style: normal;
       }
h1 { 
     font-size: 26px;
     font-style: normal;
     font-weight: normal;
     text-align: center;
     line-height: 100%;
     }
h2 { 
     font-size: 20px;
     font-style: italic;
     font-weight: normal;
     color: #336666;
     text-align: center;
     line-height: 100%; 
     }
h2.intext { color: black;
            line-height: 100%;
            font-weight: bold;
            }

h3 { 
     font-size: 14px;
     font-weight: bold;
     text-align: center;
     line-height: 100%;
     color: black;
     margin-top: 20px;
     }

h4 { 
     font-size: 12px;
     font-weight: bold;
     text-align: center;
     line-height: 100%;
     color: black;
     margin-top: 18px;
     }
.sc {
    font-variant: small-caps;
}
.emphasis { 
        font-style: underline;
        color: #663341;
        }

p { font-size: 14px; 
    margin-left: 6px;}

#layoutlogic { 
               background-color: #fff;
               margin: 0  auto;
               width: 900px;
               }
#background_top, #background_bottom { 
                                      color: white;
                                      background-repeat: no-repeat;
                                      position: relative;
                                      z-index: 13;
                                      width: 100%;
                                      }
#background_top { 
                  background-image: url(imgs/layout/im_bg_top_2col2.png);
                  height: 30px;}

#background_bottom{ 
                    background-image: url(imgs/layout/im_bg_bottom_2col2.png);
                    height: 46px;}


.page { 
        display: block;
        width: 100%; 
        padding: 0px;
        background-color: #ffffff;
        background-image: url(imgs/layout/im_bg_middle_2col2_crop.png);
        background-repeat: repeat-y;
        width: auto;
        }
.section{ 
          margin: 0;
          width: 100%;
          }
.col-A, .col-B { 
                         margin: 0;
                         padding: 0;
                         position: relative;
                         float: left;
                         }
.col-A { /*color: #fff;*/
         margin-left:10px;
         z-index: 10;
         width: 200px;
         }
.col-B { margin-right: 5px;
         margin-left: 7px;
         z-index: 10;
         width: 616px;
         }
div.hr { 
         color: #e1e1e1;
         background-color: #e1e1e1;
         height: 2px;
         margin-top: 10px;
         margin-bottom: 2px;
     }
div.hr hr{ 
           display: none;}

.clear{ clear:both; }

.page > .section { 
                   border-bottom: 1px solid transparent;
                   }

#header {
	position: relative;
        width: 95%;
        z-index: 13;
	background-image: url(imgs/layout/Oph_banner2.jpg);
	background-repeat: no-repeat;
}
#header h1 {
	font-size: 26px;
     font-style: normal;
     font-weight: normal;
     text-align: center;
     line-height: 100%;
	color: #ffff66;
}
#header h2 {
     font-size: 20px;
     font-style: italic;
     font-weight: normal;
     color: #ffff66;
     text-align: center;
     line-height: 100%; 
     }

#header h3 { 
     font-size: 16px;
     font-weight: bold;
     text-align: center;
     line-height: 100%;
     color: #ffff66;
     margin-top: 20px;
     }
#header p { 
     font-size: 20px;
     font-weight: normal;
     text-align: center;
     line-height: 100%;
     color: #ffff66;
     margin-top: 20px;
     }
#footer { 
        position: relative;
        width: 95%;
        z-index: 13;
	margin-top: 10px;
                  }
#content { 
           float: left;
           width: 68%;
           padding: 1%;
           max-width: 700px;
           min-width: 300px;
           border: 2px solid #ffffff;
           }

.dropbox { 
           width: 93%;
           float: right;
           padding-bottom: 7px; 
           margin-bottom: 30px;
           margin-top: 0px;
           margin-right:4px;
           background-color: white;
           font-size: 10px;
           }

#botm {  
           border-bottom: 1px solid #ccc;
                 }

#allborder {  
           border: 2px solid #ccc;
                 }

.col-A .dropbox h3 { margin-top: 10px; }

.col-A .dropbox { 
           width: 90%;
           float: right;
           padding-bottom: 7px; 
           margin-bottom: 10px;
           margin-top: 20px;
           margin-right:7px;
           background-color: white;
/*           border: 1px solid #aaa; */
           font-size: 10px;
           }
img { 
      border: 0px;}
.dropbox img { 
               display: block;
               }

.dropbox font { 
                font-size: 10px;
                }

a { 
      color: #336666;
      text-decoration: none;
      padding-bottom: 0px;
      }
a:link { 
         color: #336666;
/*         border-bottom: 1px dotted #336666; */
         }
a:visited { 
            color: #5aaaaa;
/*              border-bottom: 1px dotted #5aaaaa; */
              }
a:hover { 
            color: #663341;
            border-bottom: 2px solid #663341;
            }
a:active {
             color: #b77d6a;
             border-bottom: 1px double #b77d6a;
             }

a.imlink { 
           border: 0px;
           text-decoration: none;
           padding-bottom: 0px;
      }
a.imlink:link { 
         border: 0px;
         }
a.imlink:visited { 
                   border: 0px;
              }
a.imlink:hover { 
            color: #663341;
            border-bottom: 1px solid #663341;
            }
a.imlink:active {
             color: #b77d6a;
             border-bottom: 1px double #b77d6a;
             }  
ul li {   line-height: 100%;
        font-size: 14px;
        padding-bottom: 5px;
        
    }

#navigation { 
              float: left;
              width: 100%;
              margin-bottom: 20px;
              }

#navigation ul { 
                 margin: 0px;
                 padding: 0px;
                 font-size: 100%;
                 font-weight: bold;
                 }
#navigation ul li { 
                    list-style: none;              
                    margin: 0px;
                    margin-bottom: 0px;
                    padding-bottom: 0px;
                    padding-top: 0px;
                    line-height: 100%;
                    }
#navigation a { 
                padding: 1px 1px 4px 8px;
                display: block;
                }
#navigation a:link { 
                     border: none;}
#navigation a:visited { 
                        border: none;
                        }
/*
#navigation a:hover { 
                      background-color: white;
                      }

#navigation a:active {  
                       border-top: 3px solid #fff;
                       } 
*/
#submenu1, #submenu2, #submenu3, #submenu4, #submenu5, #submenu6 , #submenu7 , #submenu8{ 
                                                                   display: none;
                                                                   }
#home, #announce1, #announce2, #announce3, #announce4, #area_maps, #transportation, #restaurants, #accomod, #green, #social, #schedule, #participants, #posters, #proc_instruc { display: none; }

#navigation ul li ul{ 
                      padding-left: 0px;
                      font-size: 90%;
                      font-weight: normal;
                      }

#navigation ul li ul li {
                          list-style: none;              
/*  list-style-image: url(imgs/layout/square6x6_green.png); */
                          background: url(imgs/layout/square6x6_green.png) no-repeat 0 50%;
/*  background-position: left center;
  background-repeat: no-repeat; */
                          padding-left: 20px;  /* space for the image */
}

.greenbox { 
            width: 80%;
            float: right;
            padding: 0px; 
            margin: 25px; 
            background-color: white;
            border: 2px solid black;
            font-size: small;
           }
.greenbox img { 
               display: inline;
               }
.greenbox font { 
                font-size: 18px;
                }
img.inline { display: inline;
             }

.green { 
          color: #7c9b00;
         font-weight: bold;
          }
table { 
        width: 100%;
        border: 0px;
        margin-left: auto;
        margin-right: auto;
        }
.hideEmpty { empty-cells: hide;}

.skip { border-collapse: separate;
        border-spacing: 0px 5px;
             }
.date { 
        font-size: 12px;
        font-weight: bold;
        color: #663341;
        text-align: right;
        padding: 3px;
        border-right: 1px solid #cccccc;
        }
.longlist { 
        padding: 3px;
        border-bottom: 1px solid #cccccc;
        }
.greenarrowul { 
                color: #663341;
                font-size:12px;
                }
.greenarrowul ul { 
                   padding-left: 10px;
                   list-style: none;
                   }

.greenarrowul ul li {  
                      background: url(imgs/layout/greenarrow_bullet.jpg) no-repeat 0 0%;
                      padding-left: 20px;
                      padding-bottom: 5px;
                      }
td { font-size: 14px; 
     padding-left: 3px; 
     }
.dropbox td { font-size: 12px; 
              }

#schedule td.date{ white-space: nowrap;
                   }