/*    Layout
-------------------------------------*/

* {margin: 0px; padding: 0px;} 

#wrapper {
          position: relative;
          width: 998px;
          margin: 0px auto;
          text-align: left;
          background: url('images/wrapper_background3.gif');
}
         
#wrapperPopup {
               position: relative;
               width: 998px;
               margin: 0px auto;
               text-align: left;
               background-color: #ffffff;
              }         

   #banner {
            width: 998px;
            height: 175px;
           }
   
     #bannerTop {
                 width: 998px;
                 height: 127px;
                 background: url(images/banner_photo.gif);
                }
                
     #bannerTopAdmin {
                      height: 127px;
                      background: url(images/banner_photo_admin.gif);
                     }
                
     #bannerBottom {
                    z-index: 10;
                   }
   
   #seal {
          position: absolute;
    /*      top: 11px;   */
          top: 32px;
          left: 7px;
          z-index: 100;
         }
         
   #logo2010 {
 	          position: absolute;
	          top: 58px;
	          left: 192px;
	          z-index: 100;
	         }         
   
   #logoSecretsOut {
	                position: absolute;
	                top: 22px;
	                left: 779px;
	                z-index: 100;
                   }
   
   #sealAdmin {
               position: absolute;
               top: 11px;
               left: 7px;
               z-index: 100;
              }
              
   #adRotator {
	           position: absolute;
	           top: 36px;
	           left: 200px;
	           z-index: 100;
	          }              
   
   #siteMap {
           /*  float: right;
             text-align: right;
             background-color: #000000; */
             background: url(images/corrugation.gif);
             padding: 2px 30px 4px 57px;
        /*     z-index: 100;  */
            }
   
   #links {
           padding: 0px 0px 1px 196px;
           background-color: #6884d8;
           border-width: 0 0 1px 0;
           border-style: solid;
           border-color: #FFFFFF;
          }
   
     #linksInside {
                  }
                  
        .staticMenu {
                /*     height: 18px;  */
                     width: 768px;
                    }
                  
        .staticMenuItems1 {
                           color: #FFFFFF;
                           font-size: 12px;
                           font-family: Arial, Helvetica, sans-serif;
                           text-decoration: none;
                      /*     height: 18px;    */
                           padding: 4px 5px 2px 2px;
                           margin-top: -14px;
                           border: 0px;
                          }
                         
        .staticMenuItems2 {
                           color: #FFFFFF;
                           font-size: 12px !important;
                           font-family: Arial, Helvetica, sans-serif !important;
                           text-decoration: none;
                 /*          height: 18px;    */
                           padding: 4px 5px 2px 2px;
                           margin-top: -14px;
                           border: 0px;
                          }                         

        .staticMenuItemsHover {
                               color: #6884d8;
                               background-color: #f5f5f5;
                               font-size: 12px;
                               text-decoration: none;
                      /*         height: 18px;   */
                               padding: 4px 5px 2px 2px;
                               margin-top: -14px;
                               border: 0px;
                              }
                              
        .dynamicMenu {
                      z-index: 100;  
                      border: 1px #6884d8 solid;
                      background-color: #b28d66 !important;
                      margin: 2px 0 0 0;
                      padding: 0px 0 0px 0;
                     }
                     
        .dynamicMenuItems {
                           color: #FFFFFF;
                           background-color: #6884d8 !important;
                           font-size: 12px !important;
                           font-family: Arial, Helvetica, sans-serif !important;
                           text-align: left;
                           padding: 2px 10px 2px 10px;
                          }
                          
        .dynamicMenuItemsHover {
                                color: #6884d8;
                                background-color: #f5f5f5 !important;
                                font-size: 12px !important;
                                font-family: Arial, Helvetica, sans-serif !important;
                                text-align: left;
                                padding: 2px 10px 2px 10px;
                               }                               
   
   #breadcrumbArea {
                    padding: 8px 30px 0px 200px;
                    font-size: 11px;
                    color: #000000;
                   }
                   
      #breadcrumbAreaInside {
                             height: 22px;
                            }
                   
   #leftArea {
              float: left;
              padding: 4px 10px 20px 10px;
             }
   
   #leftAreaHome {
                  float: left;
                  padding: 185px 10px 20px 10px;
                  background: url(home_page_files/jay_bust_flag.jpg) no-repeat 10px 4px;
                 }
   
      #leftAreaInside {
                       width: 150px;
                      }
                      
         .leftMenu {
	                z-index: 100;
	                padding-left: 15px;
	                background: url(images/left_menu_dynamic.gif) no-repeat;
	               }                      
                      
         .leftMenuLink {
	                    display: block;
                        width: 100px;
                        min-height: 20px;
                        line-height: 20px;
                        font-size: 12px;
                        color: #FFFFFF;
                        background: #6884d8;
                        border-width: 1px 1px 1px 1px;
                        border-color: #889ee0 #486ad0 #486ad0 #889ee0;
                        border-style: solid;
                        text-decoration: none;
                        text-indent: 0px;
                        padding: 0 3px 0 3px;
                        margin-bottom: 0px;
                       }                      
                      
         .leftMenuLink2 {
	                     display: block;
                         width: 100px;
                         min-height: 20px;
                         line-height: 20px;
                         font-size: 12px;
                         color: #FFFFFF;
                         background: #6884d8;
                         border-width: 1px 1px 1px 1px;
                         border-color: #889ee0 #486ad0 #486ad0 #889ee0;
                         border-style: solid;
                         text-decoration: none;
                         text-indent: 0px;
                         padding: 0 3px 0 3px;
                         margin-bottom: 0px;
                        }
                       
         .leftMenuLink3 {
	                    display: block;
                        width: 100px;
                        min-height: 22px;
                        line-height: 22px;
                        font-size: 12px;
                        color: #FFFFFF;
                        background: #6884d8;
                 /*       border-width: 1px 1px 1px 1px;
                        border-color: #c0a180 #a07950 #a07950 #c0a180;
                        border-style: solid;    */
                        text-decoration: none;
                        text-indent: 0px;
                        padding: 0 3px 0 3px;
                        margin-bottom: 0px;
                       }                      
                      
         .leftMenuLinkHover {
                             display: block;
                             width: 100px;
	                         color: #6884d8;
                             background-color: #f5f5f5;
                             font-size: 12px;
                             text-decoration: none;
                             min-height: 20px;
                             line-height: 20px;
                             padding: 0px 3px 0px 3px;
                             border-width: 1px 1px 1px 1px;
                             border-color: #fafafa #e6e6e6 #e6e6e6 #fafafa;
                             border-style: solid;
                            }                      
                      
         .leftMenuLinkHover3 {
                             display: block;
                             width: 100px;
	                         color: #6884d8;
                             background-color: #f5f5f5;
                             font-size: 12px;
                             text-decoration: none;
                             min-height: 20px;
                             line-height: 20px;
                             padding: 0px 3px 0px 3px;
                             border-width: 1px 1px 1px 1px;
                             border-color: #6884d8 #6884d8 #6884d8 #6884d8;
                             border-style: solid;
                            }                      
                      
   #content {
             float: right;
             padding: 0px 30px 30px 30px;
            }
            
   #contentPopup {
	              padding: 30px 30px 30px 30px;
	             }            
  
      #contentInside {
                      width: 768px;
                     }
                     
      .columnLeft {
                   float: left;
                   width: 367px;
                   padding-bottom: 20px;
                  }
                  
      .columnRight {
                    float: right;
                    width: 367px;
                    padding-bottom: 20px;
                   }                      
      
      .minutesColumn {
                      float: right;
                      width: 257px;
                      border: 2px #e4d8ca solid;
                      margin-bottom: 20px;
                     }
                     
      .minutesColumnInside {
                            padding: 20px 20px 0 20px;
                           }
                           
      .minutesHeader {
                      color: #333333;
                      font: bold 13px "Arial", "Helvetica", "sans-serif";
                      padding-bottom: 20px;
                     }
                           
                           
      .minutesSelector {
                       }               
                     
      .inset {
              float: right;
              padding: 0 0 25px 35px;
             }
             
      .insetInside {
                   }
                   
      .addressColumn {
                      float: left;
                      padding: 0 30px 20px 0;
                     }
                     
      .phoneColumn {
                    float: right;
                    padding-bottom: 20px;
                   }                   
        
      .data {
             padding-bottom: 20px;
            }             
      

      .topPage {
                clear: both;
                text-align: right;
                padding: 0 0 30px 0;
                margin-bottom: 15px;
                border-style: dotted;
                border-width: 0 0 1px 0;
                border-color: #CCCCFF;
               }
               
      .faq {
            padding: 0 0 0 0px;
           }              

      .contacts {
                 margin-bottom: 20px;
                }
                
      .contactDetailsView {
                           border: 0px;
                           border-collapse: collapse;
                          }
      
      .contactDetailsViewHeader {
                                 color: #333333;
                                 font: bold 13px "Arial", "Helvetica", "sans-serif";
                                 border: 0px;
                                 border-collapse: collapse;
                                 text-align: right;
                                 vertical-align: top;
                                 padding-right: 10px;
                                 white-space: nowrap;
                                }
                                
      .contactDetailsViewField {
                                border: 0px;
                                border-collapse: collapse;
                               }
                               
      .employmentDetailsView {
                           border: 0px;
                           border-collapse: collapse;
                          }
      
      .employmentDetailsViewHeader {
                                 color: #333333;
                                 font: bold 13px "Arial", "Helvetica", "sans-serif";
                                 border: 0px;
                                 border-collapse: collapse;
                                 text-align: right;
                                 vertical-align: top;
                                 padding-right: 10px;
                                 white-space: nowrap;
                                }
                                
      .employmentDetailsViewField {
                                border: 0px;
                                border-collapse: collapse;
                                padding-bottom: 5px
                               }

      .detailsView {
                           border: 0px;
                           border-collapse: collapse;
                          }
      
      .detailsViewHeader {
                                 color: #333333;
                                 font: bold 13px "Arial", "Helvetica", "sans-serif";
                                 border: 0px;
                                 border-collapse: collapse;
                                 text-align: right;
                                 vertical-align: top;
                                 padding-right: 10px;
                                 white-space: nowrap;
                                }
                                
      .detailsViewField {
                                border: 0px;
                                border-collapse: collapse;
                                padding-bottom: 5px
                               }
                               
      .dataListHeader {
                       color: #333333;
                       font: bold 13px "Arial", "Helvetica", "sans-serif";
                       border: 0px;
                       border-collapse: collapse;
                       text-align: left;
                       padding: 0;
                      }
                      
      .violationsTable 
      {
          border: 0px;
          border-collapse: collapse;
      }
      
      .violationsColumnHeader 
      {
                         color: #333333;
                         font: bold 13px "Arial", "Helvetica", "sans-serif";
                         border: 0px;
                         border-collapse: collapse;
                         text-align: left;
                         padding: 0 15px 5px 5px;
      }
      
      .violationsColumnData
      {
                  text-align: left;
                  vertical-align: top;
                  white-space: wrap;
                  padding: 3px 15px 5px 5px;
            /*      border-right: 2px #ffffff solid;  */
      }          
                                
                      
      .columnHeaderLeft 
      {
                         color: #333333;
                         font: bold 13px "Arial", "Helvetica", "sans-serif";
                         border: 0px;
                         border-collapse: collapse;
                         text-align: left;
                         vertical-align: bottom;
                         padding: 0 10px 5px 5px;
      }
      
      .columnHeaderRight 
      {
                         color: #333333;
                         font: bold 13px "Arial", "Helvetica", "sans-serif";
                         border: 0px;
                         border-collapse: collapse;
                         text-align: right;
                         vertical-align: bottom;
                         padding: 0 10px 5px 5px;
      }
      
      .columnDataLeft
      {
                  text-align: left;
                  vertical-align: top;
                  white-space: wrap;
                  padding: 3px 10px 5px 5px;
            /*      border-right: 2px #ffffff solid;  */
      }          
                                
                      
      .columnDataRight
      {
                  text-align: right;
                  vertical-align: top;
                  white-space: wrap;
                  padding: 3px 10px 5px 5px;
            /*      border-right: 2px #ffffff solid;  */
      }
      
                
                                
                      
      .staffTable {
                   border: 0px;
                   border-collapse: collapse;
                   width: 100%;
                  }
                  
      .staffTableHeader {
                         color: #333333;
                         font: bold 13px "Arial", "Helvetica", "sans-serif";
                         border: 0px;
                         border-collapse: collapse;
                         text-align: left;
                         padding: 0;
                        }
                  
      .staffName {
                  text-align: left;
                  vertical-align: top;
                  white-space: normal;
                  padding: 3px 15px 5px 0;
                  border-right: 2px #ffffff solid;
                  width: 50%;
                 }
                 
      .staffEmail {
                   text-align: left;
                   vertical-align: top;
                   white-space: normal;
                   padding: 3px 0 5px 0;
                   width: 50%;
                  }
                      
      .staffGridView {
                 border: 0px;
                 border-collapse: collapse;
                }
                
      .staffGridViewRow {
                         background-color: #f1ece5;
                        }
                        
      .staffGridViewAlternateRow {
                                  background-color: #ffffff; 
                                 }
                                 
      .formsGridViewHeader {
                            border: 0px;
                            border-collapse: collapse;
                            font: normal 16px "Arial", "Helvetica", "sans-serif";
                            color: #6633FF;
                            padding: 5px 0px 20px 0px;
                           }
                           
      .employmentListItem {
                           background: url(images/bullet.gif) no-repeat 15px 6px;
                           padding: 0 0 2px 30px;
                          }
                          
      .councilDetailsView {
                           border: 0px;
                           border-collapse: collapse;
                           margin-bottom: 20px;
                          }
      
      .councilDetailsViewHeader {
                                 color: #333333;
                                 font: bold 13px "Arial", "Helvetica", "sans-serif";
                                 border: 0px;
                                 border-collapse: collapse;
                                }
                                
      .councilDetailsViewRowHeader {
                                 color: #333333;
                                 font: bold 13px "Arial", "Helvetica", "sans-serif";
                                 border: 0px;
                                 border-collapse: collapse;
                                 text-align: right;
                                 vertical-align: top;
                                 padding-right: 10px;
                                 white-space: nowrap;
                                }
                                
      .councilDetailsViewField {
                                border: 0px;
                                border-collapse: collapse;
                               }
                               
      .councilDetailsViewWard {
                                 color: #333333;
                                 font: bold 13px "Arial", "Helvetica", "sans-serif";
                                 border: 0px;
                                 border-collapse: collapse;
                                }
                                
      .councilDetailsViewName {
                                 border: 0px;
                                 border-collapse: collapse;
                                }
                                
      .councilMemberPhotoDetailsView {
                                      border: 0px;
                                      border-collapse: collapse;
                                     }
      
      .councilMemberPhotoSmall {
                               }
                               
      .councilpersonDetailsViewName {
                                     font: normal 16px "Arial", "Helvetica", "sans-serif";
                                     color: #2e4eae;
                                     padding-bottom: 20px;
                                    }
                                    
      .eventListGridView {
                          border: 0px;
                          border-collapse: collapse;
                          margin-bottom: 20px;
                         }
      
      .eventListRow {
                     background-color: #FFFFFF;
                    }
                    
      .eventListAlternateRow {
                              background-color: #f1ece5;
                             }                       
                  
      .eventListDate {
                      text-align: left;
                      font: bold 13px "Arial", "Helvetica", "sans-serif";
                      color: #333333;
                      vertical-align: top;
                      white-space: nowrap;
                      padding: 7px 15px 7px 15px;
                     }
                 
      .eventListTime {
                      text-align: right;
                      vertical-align: top;
                      white-space: nowrap;
                      padding: 7px 25px 7px 15px;
                     }
                      
      .eventListName {
                      text-align: left;
                      vertical-align: top;
                      white-space: normal;
                      padding: 7px 15px 7px 15px;
                     }
                      
      .eventListDetails {
                         text-align: left;
                         vertical-align: top;
                         white-space: nowrap;
                         padding: 7px 15px 7px 15px;
                        }
                      
      .eventListPaging {
                        background-color: #FFFFFF;
                        text-align: right;
                        padding: 7px 15px 0px 15px;
                       }                        
                  
      .eventListEmpty {
                       text-align: left;
                       vertical-align: top;
                       background-color: #f1ece5;
                       white-space: normal;
                       padding: 7px 15px 7px 15px !important;
                       border-bottom: 2px #FFFFFF solid;
                      }
                      
      .missingGridView {
                          border: 0px;
                          border-collapse: collapse;
                          margin-bottom: 20px;
                          width: 100%;
                         }
      
      .missingRow {
                     background-color: #f1ece5;
                    }
                    
      .missingAlternateRow {
                              background-color: #ffffff;
                             }
      .missingCrimes {
                      text-align: left;
                      vertical-align: top;
                      white-space: normal;
                      padding: 7px 15px 7px 15px;
                     }

      .missingHeader {
                      text-align: left;
                      vertical-align: top;
                      color: #333333;
                      white-space: nowrap;
                      padding: 7px 15px 7px 15px;
                     }
                      
      .missingDetails {
                         text-align: left;
                         vertical-align: top;
                         white-space: normal;
                         padding: 7px 15px 7px 7px;
                        }
                        
      .missingPosted {
                      text-align: left;
                      vertical-align: top;
                      white-space: nowrap;
                      padding: 7px 15px 7px 7px;
                     }                        
                      
      .crash {
              background-color: #f1ece5;
              border: 1px #ba7275 solid;
             }
             
      .crashTitle {
                   background-color: #BA7275;
                   color: #FFFFFF;
                   padding: 3px 0 3px 0;
                  }
                  
      .crashDayHeader {
                       background-color: #ba7275;
                       color: #ffffff;
                       padding: 3px 3px 3px 3px;
                      }       
      
      .crashDay {
                 padding: 3px 5px 3px 5px;
                 background-color: #FFFFFF;
                }
                
      .crashOtherMonth {
                        background-color: #f1ece5;
                       }
                       
      .adminListGridView {
                          border: 0px;
                          border-collapse: collapse;
                          margin-bottom: 20px;
                         }
      
      .adminListRow {
                     background-color: #FFFFFF;
                    }
                    
      .adminListAlternateRow {
                              background-color: #f1ece5;
                             }                       
                  
      .adminListDate {
                      text-align: right;
                      font: bold 13px "Arial", "Helvetica", "sans-serif";
                      color: #333333;
                      vertical-align: top;
                      white-space: nowrap;
                      padding: 7px 15px 7px 15px;
                     }
                 
      .adminListTime {
                      text-align: left;
                      vertical-align: top;
                      white-space: nowrap;
                      padding: 7px 15px 7px 15px;
                     }
                      
      .adminListName {
                      text-align: left;
                      vertical-align: top;
                      white-space: wrap;
                      padding: 7px 15px 7px 15px;
                     }
                      
      .adminListDetails {
                         text-align: left;
                         vertical-align: top;
                         white-space: nowrap;
                         padding: 7px 15px 7px 7px;
                        }
                      
      .adminListPaging {
                        background-color: #FFFFFF;
                        text-align: right;
                        padding: 7px 15px 0px 15px;
                       }                        
                  
      .adminListEmpty {
                       text-align: left;
                       vertical-align: top;
                       background-color: #f1ece5;
                       white-space: wrap;
                       padding: 7px 15px 7px 15px !important;
                       border-bottom: 2px #FFFFFF solid;
                      }
                      
      .adminFormViewTextBox {
                             width: 544px;
                             text-align: left;
                             vertical-align: top;
                             white-space: wrap;
                            }
                            
      .fiveMinutesDate {
                      text-align: left;
                      font: bold 13px "Arial", "Helvetica", "sans-serif";
                      color: #333333;
                      vertical-align: top;
                      white-space: nowrap;
                      padding: 5px 20px 5px 5px;
                     }
                 
      .fiveMinutesTime {
                      text-align: right;
                      vertical-align: top;
                      white-space: nowrap;
                      padding: 5px 0px 5px 0px;
                     }
                      
      .fiveMinutesLocation {
                         text-align: left;
                         vertical-align: top;
                         white-space: normal;
                         padding: 5px 5px 5px 20px;
                        }
                        
      .calendarHighlightsDate {
                      text-align: left;
                      font: bold 13px "Arial", "Helvetica", "sans-serif";
                      color: #333333;
                      vertical-align: top;
                      white-space: nowrap;
                      padding: 5px 20px 5px 5px;
                      width: 40%;
                     }
                 
      .calendarHighlightsTime {
                      text-align: left;
                      vertical-align: top;
                      white-space: nowrap;
                      padding: 5px 0px 5px 0px;
                      width: 40%;
                     }
                      
      .calendarHighlightsLink {
                         text-align: left;
                         vertical-align: top;
                         white-space: normal;
                         padding: 5px 5px 5px 20px;
                         width: 20%;
                        }
                        
      .calendarHighlightsDescription 
      {
          padding: 0px 5px 5px 5px
      }                     
                                                     
   #footer {
            width: 774px;
            height: 35px;
            clear: both;
           }
  
      #footerContent {
                      position: absolute;
                      left: 170px;
                      width: 828px;
                      text-align: center;
                      vertical-align: bottom;
                     }

   .clearFloats {
                 clear: both;
                }
                
   .clearLabelLeft {
               clear: left;
               padding-bottom: 5px;
              }
                            
#formLayout {
             padding: 10px 20px 10px 20px;
             background-color: white;
	         text-align: left;	
            }          
     


/*    Typography
-------------------------------------*/

body {
      min-width: 774px;
      text-align: center;
      background: url(images/corrugation.gif);
      font: 13px "Arial", "Helvetica", "sans-serif";
      color: #333333;
     }

a {
  }
  
   .returnLink {
                text-align: center;
                padding-bottom: 20px;
               }
  
a:visited {
          }  

a.siteMap {
           color: #ffffff;
           font-size: 12px;
          }          

p {
   margin-bottom: 20px;
  }
  
   .imgCaption {
                font-size: 11px;
                margin-bottom: 0px;
                text-align: center;
               }
               
   .imgCaptionLeft {
                    font-size: 11px;
                    margin-bottom: 0px;
                    text-align: left;
                   }
               
   .breadcrumb {
                font-size: 11px;
                margin-bottom: 0px;
                color: #000000;
               }
               
   .leftMayorQuote {
	                font-size: 13px;
	                color: #000000;
	                padding: 20px 0px 20px 0px;
	               }
               
   .phrase {
            font: italic 13px "Arial", "Helvetica", "sans-serif";
           }
           
   .phraseLarge {
                 font: italic 16px "Arial", "Helvetica", "sans-serif";
                }
           
   .footerText {
                font: 10px "Arial", "Helvetica", "sans-serif";
                margin-bottom: 0px;
               }
               
   .navLinksMain {
                  font: 12px "Arial", "Helvetica", "sans-serif";
                  color: #FFFFFF;
                  border-width: 0px;
                  padding: 0px 0px 0px 0px;
                 }
                 
   .validation {
	            font-weight: bold;
	            font-size: 18px;
	            color: #FF0000 !important;
	           }
	           
   .highlight {
	           background-color: #f1ece5;
	           padding: 15px;
	           margin-bottom: 20px;
	           border: 3px #e4d8ca solid;
              }
              
   .emphasis {
	          font: italic bold 13px "Arial", "Helvetica", "sans-serif";
             }
             
   .pSecret {
	         float: right;
	         width: 602px;
	         padding-bottom: 20px;
	        }
	        
   .pHomebuyerDescription {
	                       float: right;
	                       width: 549px;
	                       padding-bottom: 20px;
	                      }
	                      
   .pUnderline {
                padding: 0 0 20px 0;
                border-width: 0 0 1px 0;
                border-style: dotted;
                border-color: #CCCCFF;
               }                 
	           
h1 {
    font: 18px "Arial", "Helvetica", "sans-serif";
    color: #192a5f;
    width: 100%;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #CCCCCC;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 25px;
   }

caption {
             font: normal 16px "Arial", "Helvetica", "sans-serif";
             color: #2e4eae;
             padding: 5px 0px 20px 0px;
            }
   
h2 {
    font: normal 17px "Arial", "Helvetica", "sans-serif";
    color: #2e4eae;
    padding: 5px 0px 20px 0px;
   }
   
h2.first {
          padding-top: 0px;
          border: 0;
         }
         
  .recognition {
	            padding-bottom: 0;
               }
                  
  .recognitionCategory {
	                    color: #003300;
                       }   
         
h2.eventsTableDivHeader {
                         display: block;
                         width: 100%;
                         height: 30px;
                         line-height: 30px;
                         color: #FFFFFF;
                         text-indent: 15px;
                         background: url(home_page_files/events_header2.gif) no-repeat;
                         padding: 0;
                         border-bottom: 2px #FFFFFF solid;
                        }
                        
      .eventRow {
                 background-color: #dfe6f7;
                }                        
                  
      .eventDate {
                  text-align: right;
                  font: bold 13px "Arial", "Helvetica", "sans-serif";
                  color: #333333;
                  vertical-align: top;
                  white-space: nowrap;
                  padding: 7px 7px 7px 15px;
                  border-bottom: 2px #FFFFFF solid;
                 }
                 
      .eventName {
                  text-align: left;
                  vertical-align: top;
                  white-space: normal;
                  padding: 7px 7px 7px 7px;
                  border-bottom: 2px #FFFFFF solid;
                 }
                      
      .eventDetails {
                     text-align: left;
                     vertical-align: top;
                     white-space: nowrap;
                     padding: 7px 15px 7px 7px;
                     border-bottom: 2px #FFFFFF solid;
                    }
                      
      .eventPaging {
                    background-color: #f1ece5;
                    text-align: right;
                    padding: 7px 15px 0px 15px;
                   }                        
                  
      .eventEmpty {
                   text-align: left;
                   vertical-align: top;
                   background-color: #f1ece5;
                   white-space: normal;
                   padding: 7px 15px 7px 15px !important;
                   border-bottom: 2px #FFFFFF solid;
                  }                        
                  
a.eventsTableDivFooter {
                        display: block;
                        width: 100%;
                        height: 30px;
                        line-height: 30px;
                        text-align: center;
                        background: url(home_page_files/events_footer2.gif) no-repeat left bottom;
                        border-top: 2px #FFFFFF solid;
                       } 
   
h3 {
    font: bold 13px "Arial", "Helvetica", "sans-serif";
    color: #2e4eae;
    padding: 0 0 5px 0;
   }
   
   .pHomebuyerProgram {
	                   float: left;
	                   width: 150px;
	                  }                 
                 
ul {
    margin: 0 0 20px 0;
    padding: 0 0 0 0px;
    list-style-type: none;
   }
   
ol {
    margin: 0 0 20px 0;
    padding: 0 0 0 0px;
    list-style-type: decimal;
   }
   
ul li, .jobPostings {
       background: url(images/bullet.gif) no-repeat 20px 6px;
       padding: 0 0 2px 36px;
      }
      
ul li ul li {
	         background: url(images/bullet2.gif) no-repeat 20px 6px;
	         padding: 0 0 2px 36px;
	        }      
   
ol li {
       padding: 0 0 2px 0;
       margin-left: 35px;
      }
   
/*
ul.leftlinks {
              margin: 0;
              padding: 0;
              list-style-type: none;
             }
*/

ul.leftLinks a {
                display: block;
                max-width: 150px;
                min-height: 20px;
                line-height: 20px;
                font-size: 12px;
                color: #FFFFFF;
                background: #6884d8;
                border-width: 1px 1px 1px 1px;
                border-color: #889ee0 #486ad0 #486ad0 #889ee0;
                border-style: solid;
                text-decoration: none;
                text-indent: 0px;
                padding: 0 5px 0 5px;
                margin-bottom: 0px;
               }
               
ul.leftLinks a.back {
	                 background-color: #bfa381;
                     border-color: #cdb69b #b28f66 #b28f66 #cdb69b;
}               
   
li.leftLinks {
              display: inline;
              background: none;
              padding: 0;
             }             

li.leftLinks a:hover {
                      background: #f5f5f5;
                      color: #6884d8;
                      border-width: 1px 1px 1px 1px;
                      border-color: #fafafa #e6e6e6 #e6e6e6 #fafafa;
                      border-style: solid;                      
                     }
                     
li.leftLinks a.back:hover {
                           color: #ac8558;
                          }   
                          
li.extra {
	      padding-bottom: 15px;
         }
         
img {
	 border-width: 0;
	 padding: 0;
	 margin: 0;
    }                            

   .imgRight {
              float: right;
              border: 0px;
              margin: 0px;
              padding: 0px;
              padding-left: 30px;
              padding-bottom: 20px;
             }
             
   .imgLeft {
             float: left;
             border: 0px;
             margin: 0px;
             padding: 0px;
             padding-right: 30px;
             padding-bottom: 20px;
            }
            
   .imgMayorSpotlight 
   {
       float: none;
       border: 0px;
       margin: 0 px;
       padding: 0 0 20px 0;
       text-align: center;
   }           
            
   .imgSecret {
	           width: 100px;
	           text-align: right;
	          }            
            
label {
       clear: left;
       float: left;
       text-align: right;
       margin-right: 10px;
      }
      
input label {
	         clear: none;
	         float: none;
	         text-align: left;
	         margin: 0 0 3px 5px;
	        }
      
input, select, textarea {
	                     margin-bottom: 3px;
                        }
      
strong {
        color: #333333;
       }
       
table.directory {
                 width: 100%;
                 border-collapse: collapse;
                 border-width: 0 0 1px 0;
                 border-style: dotted;
                 border-color: #cccccc;
                 margin-bottom: 15px;
                }
                
   .graffitiTable {
	               width: 100%;
	              }                
                
.waterService 
{
    padding-right: 50px;
}

td.directoryCell {
                  vertical-align: top;
                  padding-bottom: 20px;
                 }
                 
   .leftTDof2 {
	           text-align: right;
	           vertical-align: top;
	           padding-right: 10px;
	          }                 
	          
   .rightTDof2 {
	            text-align: left;
	            vertical-align: top;
	            padding-bottom: 10px;
	           }
	           
   .graffitiCell {
	              text-align: center;
	              vertical-align: bottom;
	              padding: 10px;
	             }	          
                 
fieldset {
          margin: 0px 0px 30px 0px;
          padding: 15px;
	      border: 3px #e4d8ca solid;
         }
         
   .judge {
	       background-color: #f5ebec;
          }         
         
   .judgeDescription {
	                  text-align: center;
	                  border: 2px #ebd7d8 solid;
	                  background-color: #ffffff;
	                  margin-bottom: 0;
                     }

.readBillFieldset {
    border: 3px #ffa201 solid;
}
         
legend {
	    font-weight: bold;
	    font-style: italic;
	    font-size: 16px;
	    color: #2e4eae;
	    padding: 0px 5px 2px 5px;
	   }

.readBillLegend {
    padding: 0 0 0 0;
}
	   	                    
.cirvCell 
{
    padding: 15px 15px 15px 15px;
}

.galleryThumbnails 
{
    border: 0;
    padding: 0 5px 3px 0;
}

table.horizontalRadio label {
       clear: none;
       float: left;
       display: block;
       text-align: right;
       margin-right: 10px;
      }

table.horizontalRadio input {
    float: left;
    display: block;
    margin-right: 20px;
}