/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2009-2012 Webcat Canada
 */




/* bof main backgrounds*/


.topwrapper {
            width:990px; 
            background-image: url(../pages/home/wrapper_bg-01.gif); 
            background-repeat: repeat-y; 
            background-position: center top;
            text-align: center;
            }

.bottomwrapper {
            width:990px; 
            height:50px;
            background-image: url(../pages/home/main-wrapper_bottom_bg.jpg); 
            background-repeat: no-repeat; 
            background-position: center top;
            }


.rooftopwrapper  {
            width:990px; 
            height:35px;
            background-image: url(../pages/home/main-wrapper_rooftop_bg.jpg); 
            background-repeat: no-repeat; 
            background-position: left top;
            display:inline-block;
            }




#leftcolumncaps {
               width:200px; 
               background-color:#7A8B91; 
               padding:5px 5px 5px 5px; 
               margin:10px 10px 2px 0px;
               background-image: X X X X url(../pages/home/right-corner_05.jpg); 
               background-position: right top;
               background-repeat: no-repeat;

               }


#leftcolumncaps1 {
               width:200px; 
               background-color:#7A8B91; 
               padding:5px 5px 5px 5px; 
               margin:10px 10px 2px 0px;
               background-image: X X X X  url(../pages/home/right-corner_02.jpg); 
               background-position: right top;
               background-repeat: no-repeat;
               }




#leftcolumncaps a:hover {
               width:200px; 
               background-color:red; 
               padding:5px 5px 5px 5px; 
               margin:10px 10px 2px 0px;
               }







a.leftcolumncaps-link {
                     display:block;
                     width:200px;
                     padding:5px 5px 5px 5px; 
                     margin:10px 0px 2px 0px;
                     text-decoration:none; 
                     color:white; 
                     font-family:Arial; 
                     font-size: 11px;
                     letter-spacing: 1px;
                     background-color:#7A8B91;
width:200px;
background:#7A8B91;
transition:width 0.8s;
-moz-transition:width 0.8s; /* Firefox 4 */
-webkit-transition:width 0.8s; /* Safari and Chrome */
-o-transition:width 0.8s; /* Opera */
                     }


a.leftcolumncaps-link:hover {
                     width: 210px;
                     padding:5px 5px 5px 5px; 
                     margin:10px 0px 2px 0px;
                     text-decoration:none;
                     color:#F0F0F0; 
                     font-family:Arial; 
                     font-size: 11px;
                     letter-spacing: 1px;
                     background-color:#AB463C; 
                     border-top-right-radius:25em;
                     border-bottom-right-radius:25em;
                     }







#lewa-ramka {
             width:220px; 
             background-color: #F0F0F0; 
             border-left: 1px solid; 
             border-right: 1px solid; 
             border-top: 3px double; 
             border-bottom: 3px double; 
             border-color: #C8D0D8;
             text-align: left; 
             vertical-align: top; 
             padding: 10px 0px 5px 8px; 
             margin: 5px 0px 5px 3px; 
             font-family:Tahoma; 
             font-size:11px; 
             color: #59696F;
             }


#lewa-ramka-2 {
             width:220px; 
             background-color: #F0F0F0; 
             border-width: 3px 1px 3px 1px; 
             border-style: double;
             border-color: #C8D0D8;
             text-align: left; 
             vertical-align: top; 
             padding: 5px 0px 5px 8px; 
             margin: 2px 0px 0px 3px; 
             font-family:Tahoma; 
             font-size:11px; 
             color: #59696F;
             }




#lewa-ramka-3 {
             width:220px; 
             background-color: #F0F0F0; 
             border-width: 3px 1px 3px 1px; 
             border-style: double;
             border-color: #C8D0D8;
             text-align: left; 
             vertical-align: top; 
             padding: 5px 0px 5px 8px; 
             margin: 0px 0px 5px 3px; 
             font-family:Tahoma; 
             font-size:11px; 
             color: #59696F;
             }



.stopka-line1 {
              height:4px; 
              width:100%; 
              background-color:#EFEFEF; 
              color:#E5E5E5; 
              border:1px double;
              text-align:left; 
              margin:0px 0px 5px 3px;
              border-collapse: collapse;
              }




.stopka1 {
         text-decoration:none; 
         color: #8A969A;
         font-family:Arial; 
         font-size: 11px;
         letter-spacing: 1px;
         padding-left: 4px;
         white-space:nowrap;
         float: left;
         height:10px;
         }


a.stopka2 {
         text-decoration:none; 
         color: #8A969A;
         font-family:Arial; 
         font-size: 11px;
         letter-spacing: 1px;
         white-space:nowrap;
         }


a.stopka2:hover {
         text-decoration:underline; 
         color: #C87579;
         font-family:Arial; 
         font-size: 11px;
         letter-spacing: 1px;
         white-space:nowrap;
         }

#stopka-divider1 {
         text-decoration:none; 
         color: #8A969A;
         font-family:Arial; 
         font-size: 11px;
         letter-spacing: 1px;
         white-space:nowrap;
         text-align:right;
         float: right;
         }

#wpis-dno {
         text-decoration:none; 
         color: #717A5B;
         font-family:Tahoma; 
         font-size: 11px;
         letter-spacing: 1px;
         white-space:nowrap;
         margin-bottom: 40px;
         padding: 5px;
         border: 0px dotted #7E7E5F;
         width: 150px;
         }



a.link-dno {
         color: #838A67;
         font-family:Tahoma; 
         font-size: 11px;
         text-decoration:none; 
         letter-spacing: 1px;
         white-space:nowrap;
         margin-bottom: 40px;
         padding: 0px 5px 5px 5px;
         }





a.link-dno:hover {
         color: #5E664C;
         font-family:Tahoma; 
         font-size: 11px;
         text-decoration:none; 
         letter-spacing: 1px;
         white-space:nowrap;
         margin-bottom: 40px;
         padding: 0px 5px 5px 5px;
         }




.main-box1 {
         text-decoration:none; 
         color: #666568;
         font-family:Tahoma; 
         font-size: 11px;
         letter-spacing: 0px;
         text-align:justify;
         border: 0px solid #F7E7CB;
         margin: 15px 5px 5px 10px; 
         width: 630px;
         padding: 5px; 
         float: right;
         vertical-align:top;
         }

.main-box2 {
         text-decoration:none; 
         color: #666568;
         font-family:Tahoma; 
         font-size: 11px;
         letter-spacing: 0px;
         text-align:justify;
         border: 4px double #F7E7CB;
         margin: 15px 0px 5px 10px; 
         width:95%;
         padding: 5px; 
         line-height: 12px;
         float: right;
         }


.main-box3 {
         text-decoration:none; 
         color: #666568;
         font-family:Tahoma; 
         font-size: 11px;
         letter-spacing: 0px;
         border: 0px solid #F7E7CB;
         margin: 0px 5px 5px 0px; 
         width: 630px;
         padding: 0px; 
         float:right;
         vertical-align:top;
         }







.buttonbar {
           padding:10px 10px 25px 10px; 
           margin-left: 0px;
           color:white;
           font-family:Arial; 
           font-size: 12px;
           letter-spacing: 0px;
           background-image: url(../pages/home/button-bar-bg_001.jpg); 
           background-repeat: repeat-x; 
           height: 10px;
           float:left;
           white-space:nowrap;
           }

a.buttonbar {
           padding:10px 10px 25px 10px; 
           margin-left: 0px;
           color:white;
           font-family:Arial; 
           font-size: 12px;
           text-decoration: none;
           letter-spacing: 0px;
           background-image: url(../pages/home/button-bar-bg_001.jpg); 
           background-repeat: repeat-x; 
           float:left;
           white-space:nowrap;
           }


a.buttonbar:hover {
           padding:10px 10px 25px 10px; 
           margin-left: 0px;
           color:#F5D093;
           font-family:Arial; 
           font-size: 12px;
           text-decoration: none;
           background-image: url(../pages/home/button-bar-bg_002.jpg); 
           background-repeat: repeat-x; 
           float:left;
           border-top-right-radius:1.2em;
           border-top-left-radius:1.2em;
           white-space:nowrap;
           }

.buttonbar-home {
           padding:10px 10px 25px 15px; 
           margin-left: 0px;
           color:white;
           font-family:Arial; 
           font-size: 12px;
           letter-spacing: 0px;
           background-image: url(../pages/home/button-bar-bg_001.jpg); 
           background-repeat: repeat-x; 
           height: 10px;
           float:left;
           letter-spacing: 4px;
           }

a.buttonbar-home {
           padding:10px 10px 25px 13px; 
           margin-left: 0px;
           color:white;
           font-family:Arial; 
           font-size: 12px;
           text-decoration: none;
           letter-spacing: 4px;
           background-image: url(../pages/home/button-bar-bg_001.jpg); 
           background-repeat: repeat-x; 
           float:left;
           }


a.buttonbar-home:hover {
           padding:10px 10px 25px 13px; 
           margin-left: 0px;
           color:#F5D093;
           font-family:Arial; 
           font-size: 12px;
           letter-spacing: 4px;
           text-decoration: none;
           background-image: url(../pages/home/button-bar-bg_002.jpg); 
           background-repeat: repeat-x; 
           float:left;
           border-top-right-radius:1.2em;
           }




.buttonbar1 {
           display:inline; 
           }


.mainbar-cell {
              padding:0px; 
              text-align:left; 
              white-space:nowrap;
              width: 865px;
              background-image: url(../pages/home/button-bar-bg_001.jpg); 
              background-repeat: repeat-x;
              vertical-align: center;
              height: 35px;
              padding-top: 0px;
              }


.sm-column-left-01 {
               width:320px;
               vertical-align:top;
               text-align:justify;
               border:0px dotted grey;
               float:left;
               margin-left:0px;
               }

.sm-column-right-01 {
               width:220px;
               vertical-align:top;
               text-align:right;
               margin-left:auto;
               margin-right:auto;
               float:right;
               }

.sm-column-divider {
               width:17px; 
               height:1200px; 
               background-color:grey; 
               background-image: url(../pages/home/vertical-divider_shadow-01.jpg); 
               margin:2px 0px 0px 17px;
               float:left; 
               }  


.page-header_tlo01 {
                 background-image: url(../pages/images/horizontal-divider_shadow01.jpg);
                 background-repeat:repeat-x; 
                 background-position:0% 0%; 
                 }
                         




.agora {
        margin-top:5px;
       }  



.office-text {
        padding:9px;
        margin-top:5px;
        background-color:#FAFAFA;
        width:293px;
        border: 1px solid #E9EDF1; 
        }  



.agora-2 {
         padding-left:10px;
         font-size:11px;        
         font-family: Helvetica;
         color: #77767A;
         letter-spacing:0px;
         text-align:justify;
         margin:7px 0px 0px 0px;
         }  


.doc-agora-2 {
         padding-left:0px;
         font-size:11px;        
         font-family: Helvetica;
         color: #77767A;
         letter-spacing:0px;
         text-align:justify;
         margin:7px 0px 0px 0px;
         }

.agora-3 {
         font-size:9px;        
         font-family: Tahoma;
         color: #87868A;
         letter-spacing:0px;
         }  

.agora-4 {
         padding-left:10px;
         font-size:11px;        
         font-family: Helvetica;
         color: #77767A;
         letter-spacing:0px;
         text-align:left;
         margin:4px 0px 0px 0px;
         }  

.agora-5 {
         font-size:9px;        
         font-family: Times Roman;
         color: #838F93;
         letter-spacing:1px;
         }  





.bullet-image-01 {
                 background-image:url(../pages/home/list-marker-red-02.jpg);
                 background-repeat: no-repeat;
                 background-position: left top;
                 padding-left: 20px;
                 }

.menago-board {
              padding:5px 5px 10px 0px; 
              margin:3px 0px 15px 15px; 
              border-bottom: 1px dotted #D3DCE4;
              width:310px; 
              float:right; 
              }



a.menago-link {
               color: #666568;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
               text-decoration:none; 
               }


a.menago-link:hover {
               color: #666568;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
               text-decoration:underline; 
               }



.claude-main {
             padding:5px 5px 5px 0px; 
             margin:3px 0px 15px 15px; 
             border-bottom:0px dotted red; 
             width:310px; 
             float:right; 
             text-align:left;
             }




a.claude-link {
               color: #666568;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
               text-decoration:none; 
               font-style:normal;
               }

a.claude-link:hover {
               color: #666568;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
               text-decoration:underline; 
               font-style:normal;
               }

.claude-memo-tab  {
              padding:5px 5px 10px 0px; 
              margin:3px 0px 15px 15px; 
              border-bottom: 1px dotted #D3DCE4;
              width:310px; 
              float:none; 
              }



             
.red-bullet-div {
         font-size:11px;        
         font-family: Helvetica;
         color: #77767A;
         letter-spacing:0px;
         text-align:justify;
         padding-left:8px;
         margin-left:15px;
         background-image:url(../pages/home/list-marker-red-02.jpg);
         background-repeat: no-repeat;
         background-position: left center;
         }  


.small-documents {
                 padding:5px 5px 10px 0px; 
                 margin:3px 0px 5px 15px; 
                 border-bottom: 1px solid #D3DCE4; 
                 width:245px; 
                 float:right; 
                 text-align:left;
                 }


.small-documents-right {
                 padding:5px 5px 10px 0px; 
                 margin:3px 0px 5px 15px; 
                 border-bottom: 1px solid #D3DCE4; 
                 width:240px; 
                 float:right; 
                 text-align:left;
                 }





#office-ramka {
             width:315px; 
             background-color:#F0F0F0; 
             border-top: 3px double; 
             border-bottom: 3px double; 
             border-left: 1px solid; 
             border-right: 1px solid; 
             border-color: #C8D0D8;
             border-radius:0.5em;
             text-align: left; 
             vertical-align: top; 
             padding: 5px 0px 5px 8px; 
             margin: 2px 0px 0px 3px; 
             font-family:Tahoma; 
             font-size:11px; 
             color: #59696F;
             box-shadow: 18px 0px 5px #DEE2E4 inset;
             background-image: url(../pages/images/triangle_pink01.png);
             background-position:99% center;
             background-repeat:no-repeat;
             }




#office-ramka a {
              text-decoration:none;
              font-family:Tahoma; 
              font-size:11px; 
              color: #59696F;
              }



#office-ramka a:hover {
              text-decoration: none;
              background-color: #;
              padding:0px 0px 0px 2px;
              }


#office-ramka-nohover a {
              text-decoration:none;
              font-family:Tahoma; 
              font-size:11px; 
              color: #59696F;
              padding:0px 10px 0px 0px;
              }


#office-ramka-nohover a {
              text-decoration:none;
              font-family:Tahoma; 
              font-size:11px; 
              color: #59696F;
              padding:0px 10px 0px 0px;
              }


#office-ramka-nohover a:hover {
              text-decoration: none;
              background-color: #;
              padding:0px 10px 0px 0px;
              }







#table-ramka {
             width:415px; 
             border-width: 1px; 
             border-style:dotted;
             border-color: #C8D0D8;
             text-align: justify; 
             vertical-align: top; 
             padding: 5px 5px 5px 8px; 
             margin: 2px 0px 0px 3px; 
             font-family:Tahoma; 
             font-size:11px; 
             color: #59696F;
             background-color:#FFFAF2;
             }

#tab-ordinal {
             vertical-align:top;
             padding-top:7px;
             font-family:Tahoma;
             font-size:11px;
             color:#59696F;
             }



#eventdoc-ramka {
             width:245px; 
             background-color: #F0F0F0; 
             border-width: 3px 1px 3px 1px; 
             border-style: double;
             border-color: #C8D0D8;
             border-radius:0.5em;
             text-align: left; 
             vertical-align: top; 
             padding: 5px 0px 5px 8px; 
             margin: 2px 0px 0px 3px; 
             font-family:Tahoma; 
             font-size:11px; 
             font-style:normal;
             color: #7A878C;
             position:relative;
             z-index:0;
             box-shadow: 18px 0px 5px #DEE2E4 inset;
             background-image: url(../pages/images/triangle_pink01.png);
             background-position:99% center;
             background-repeat:no-repeat;

            }

.board-list {
              padding:5px 5px 10px 0px; 
              margin:0px 0px 0px 15px; 
              border-bottom: 1px dotted #A1ACB7; 
              width:310px; 
              float:right; 
              text-align:left; 
              }


.doc-list {
              padding:10px 5px 10px 0px; 
              margin:0px 0px 0px 15px; 
              border-bottom: 1px dotted #A1ACB7; 
              width:310px; 
              float:right; 
              text-align:left; 
              }


.docbelow-list {
              padding:20px 5px 10px 0px; 
              margin:0px 0px 0px 15px; 
              border-bottom: 1px dotted #A1ACB7; 
              width:310px; 
              float:right; 
              text-align:left; 
              }


.sm-icons-row  {float:left; padding-right:0px; border:0px}


.sm-icons-description {
                       padding:5px;
                       margin-top:25px;
                       font-size:11px;        
                       color: #77767A;
                       font-family: Helvetica;
                       letter-spacing:0px;
                       text-align:justify;
                       background-color:#FAFAFA;
                       border-width: 1px 1px 1px 1px;
                       border-style: dotted;
                       border-color: #E3E7EB;
                       }  


#design-copyright {
                  font-family:Verdana;
                  font-size:13px;
                  color:#DFE3E4
                  }



.banner-rollright {
                  background-repeat: no-repeat;
                  background-position: top right;
                  background-position: 0% 0%;
                  }



.migawki-link {
               padding: 0px 0px 0px 0px;
               width: 280px;
               height: 100px;
               background-image: url(../pages/units/03-floorplan-bordo.jpg); 
               background-repeat: no-repeat;
               background-position: top left;
               background-position: 0% 0%;
               }





a.migawki-link {
               color: #666568;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
               text-decoration:none; 
               font-style:normal;
               padding: 50px 0px 50px 140px;
               background-repeat: no-repeat;
               background-position: top left;
               background-position: 0% 0%;
               }

a.migawki-link:hover {
               color: #666568;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
               text-decoration:underline; 
               font-style:normal;
               padding: 50px 0px 50px 140px;
               background-image: url(../pages/units/01-floorplan-green.jpg); 
               background-repeat: no-repeat;
               background-position: top left;
               background-position: 0% 0%;
               }

.migawki-link2 {
               padding: 0px 0px 0px 0px;
               width: 280px;
               background-repeat: no-repeat;
               background-position: top left;
               background-position: 0% 0%;
               }




a.migawki-link2 {
               color: #666568;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
               text-decoration:none; 
               font-style:normal;
               padding: 0px 0px 0px 140px;
               background-repeat: no-repeat;
               background-position: top left;
               background-position: 0% 0%;
               }

a.migawki-link2:hover {
               color: #666568;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
               text-decoration:underline; 
               font-style:normal;
               padding: 0px 0px 0px 140px;
               background-image: url(../pages/units/02-floorplan-red.jpg); 
               background-repeat: no-repeat;
               background-position: top left;
               background-position: 0% 0%;
               }


#slideshow {
            width: 400px;
            height: 300px;
            background-image: url(../pages/units/picture1.jpg); 
            margin-bottom:50px;
            margin-left:auto;
            margin-right:auto;
            }


.opening-board {
              padding:5px 0px 10px 0px; 
              margin:3px 0px 15px 15px; 
              border-bottom: 1px dotted #A1ACB7; 
              width:310px; 
              float:right; 
              text-align:left; 
              }


a.simple-redlink {
               color: #CE3424;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
               text-decoration:none; 
               font-style:normal;
               }

a.simple-redlink:hover {
               color: #CE3424;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
               text-decoration:underline; 
               font-style:normal;
               background-color:#DDE3EC; 
              }



a.painted-bordolink {
               color: #B86464;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
               text-decoration:none; 
               font-style:normal;
               background-color:transparent; 
               padding: 0px 2px 0px 2px;
               }

a.painted-bordolink:hover {
               color:white;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
               text-decoration:none; 
               font-style:normal;
               background-color:#B86464; 
               padding: 0px 2px 0px 2px;
              }




li.redsqbullet-list {
                   background-image:url(../pages/home/list-marker-red-02.jpg);
                   background-repeat:no-repeat;
                   background-position:0px 5px; 
                   padding-left:10px;
                   }


.pdf-link { 
           letter-spacing:1px;
           font-size:9px;        
           font-family:Arial;
           color: #87868A;
           text-decoration:none;
           }  

a.pdf-link { 
           letter-spacing:1px;
           font-size:9px;        
           font-family:Arial;
           color: #B86464;
           text-decoration:none;
           }  

a.pdf-link:hover { 
           letter-spacing:1px;
           font-size:9px;        
           font-family:Arial;
           color: white;
           background-color: #B86464;
           padding: 0px 3px 0px 3px;
           }  


.drobny-maczek-blue {

                   font-size:9px;        
                   font-family:Arial;
                   color: #608BBD;
                   padding:8px 0px 3px 5px;
                   text-decoration:none;
                   border:none;
                   letter-spacing:1px;
                   }

.tour-board {
              padding:5px 5px 10px 0px; 
              margin:3px 0px 15px 15px; 
              border-bottom: 1px dotted #D3DCE4;
              width:610px; 
              position: relative;
              }


.doc-headerclass {
                 width:620px;
                 font-family:Times New Roman;
                 font-size:80px;
                 letter-spacing:2px;
                 color:#E4E8E9;
                 font-weight:normal;
                 text-align:left;
                 padding:0px;
                 margin:7px 0px 15px 0px;
                 }

.bylaw-header {
              background-image: url(../pages/images/pinky-tab_01.jpg);
              background-position: left top;
              background-repeat:no-repeat;
              padding:5px 0px 5px 12px; 
              margin:20px 0px 0px 10px; 
              border-bottom: 1px dotted #D5D8DC; 
              width:310px; 
              float:right; 
              font-family:Helvetica;
              font-size: 16px;
              text-align:left; 
              color:#A9ABAC;
              letter-spacing:2px;
              }
 
.bylaw-header-02 {
               background-position: left top;
               background-repeat:no-repeat;
               padding:5px 12px 0px 0px; 
               margin:20px 0px 0px 10px;
               border-bottom: 1px dotted #A1ACB7; 
               width:310px; 
               float:right; 
               font-family:Helvetica;
               font-size: 14px;
               text-align:left; 
               }




a.lastminutenews {
              text-decoration:none;
              font-family:Tahoma; 
              font-size:11px; 
              color: #59696F;
              }



a.lastminutenews:hover {
              text-decoration:none;
              font-family:Tahoma; 
              font-size:11px; 
              color: #D26600;
              letter-spacing:1px;
              }



a.coop-day {
              text-decoration:none;
              font-family:Tahoma; 
              font-size:11px; 
              color: #59696F;
              }



a.coop-day:hover {
              text-decoration:none;
              font-family:Tahoma; 
              font-size:11px; 
              color: #C43300;
              letter-spacing:0px;
              padding-left:2px;
              }







ol.events-list {
                padding-left: 5px;
                margin-left:auto;
                margin-right:auto;
                margin-top: 5px;
                font-size:12px;
                font-family:Verdana;
                list-style-type:decimal;
                color:#969F80;
                position: inherit;
                float:left;
                }


li.events-list-li {
                padding:0px;
                vertical-align:middle;
                margin:0px 0px 20px 0px;
                vertical-align: top;
                }



.events-list-box1 {
                  width:550px;
                  border:1px solid #E0E0E0;
                  padding:5px;
                  background-color:#ECF3DA;                   
                  }

a.events-list-box1 {
                  width:550px;
                  border:1px solid #E0E0E0;
                  padding:5px;
                  background-color:#ECF3DA;                   
                  }

a.events-list-box1:hover {
                  width:550px;
                  border:1px solid #E0E0E0;
                  padding:5px;
                  background-color:#ECF3DA;                   
                  }



.events-list-box2 {
                  padding: 8px 10px 10px 10px;
                  color:#59696F;
                  vertical-align:text-top;
                  font-family:Verdana;
                  font-size:12px;
                  width:528px;
                  border:1px solid #E0E0E0;
                  background-color:white;
                  text-align:justify;
                  }


.pop-up01 {
           font-family:"Times New Roman";
           font-size:16px;
           text-align:left;
           color:#353535;
           }


.pictureholder {
                float:right;
                margin:6px 13px 0px 0px;          
                }


.pictureholder-tabview {
                float:none;
                margin:-20px 0px 0px 0px;          
                padding: 0px;
                background-position: center center;
                background-repeat: no-repeat;
                }



.java-present-text-content {

                 width:410px; 
                 height:330px; 
                 line-height:16px; 
                 text-align:justify; 
                 border-top-left-radius:1em; 
                 border-bottom-right-radius:1em; 
                 background-color:#FAFCFF; 
                 margin-left:auto; 
                 margin-right:auto; 
                 margin-top:0px;
                 padding: 20px 20px 0px 20px; 
                 font-size:12px; 
                 border: 1px dotted #BAC3D3;
                 background-image: url(../pages/images/no-pres-events_und-the-tree.jpg); 
                 background-position:top center;
                 background-repeat: no-repeat;
                 }



.java-present-text-content2 {

                 width:535px; 
                 line-height:16px; 
                 text-align:justify; 
                 border-top-left-radius:1em; 
                 border-bottom-right-radius:1em; 
                 background-color:#FAFCFF; 
                 margin-left:auto; 
                 margin-right:auto; 
                 margin-top:0px;
                 padding: 5px 5px 0px 5px; 
                 font-size:12px; 
                 border: 1px dotted #BAC3D3;
                 background-image: url(../pages/images/no-pres-events_und-the-tree.jpg); 
                 background-position:top center;
                 background-repeat: no-repeat;
                 }




.agmm2012-10    {

                 width:460px; 
                 height:330px; 
                 line-height:16px; 
                 text-align:justify; 
                 border-top-left-radius:1em; 
                 border-bottom-right-radius:1em; 
                 background-color:#FAFCFF; 
                 margin-left:auto; 
                 margin-right:auto; 
                 margin-top:0px;
                 padding: 20px 20px 0px 20px; 
                 font-size:12px; 
                 border: 1px dotted #BAC3D3;
                 background-image: url(../pages/images/agmm_2012-10_lma02.jpg); 
                 background-position:top center;
                 background-repeat: no-repeat;
                 }





.anniversary-program-content {

                 width:558px; 
                 height:372px; 
                 line-height:16px; 
                 text-align:justify; 
                 border-top-left-radius:0.7em; 
                 border-top-right-radius:1.0em; 
                 border-bottom-left-radius:1.0em; 
                 background-color:#FAFCFF; 
                 margin-left:auto; 
                 margin-right:auto; 
                 margin-bottom:20px;
                 padding: 10px 10px 10px 10px; 
                 font-size:12px; 
                 border: 4px double #BAC3D3;
                 }



.anniversary-whereabouts {

                 width:490px; 
                 height:110px; 
                 line-height:18px; 
                 text-align:left; 
                 border-top-left-radius:0.7em; 
                 border-top-right-radius:1.0em; 
                 border-bottom-right-radius:1.0em; 
                 border-bottom-left-radius:0em; 
                 background-color:#F7FAF5; 
                 margin-left:7px; 
                 margin-right:auto; 
                 margin-top:0px;
                 margin-bottom:40px;
                 padding: 15px 10px 10px 10px; 
                 font-size:12px; 
                 border: 1px solid #E8F1E0;
                 }



.tabview-java   {
                display: none;
                }



a.tabview-java  {
                display: none;
                }

a.tabview-java: hover {
                display: block;
                }




#sub-blocktab01 {
             width:315px; 
             height: 37px;
             background-color:white; 
             border: 0px; 
             text-align: left; 
             vertical-align: top; 
             padding: 5px 0px 5px 8px; 
             margin: 2px 0px 0px 3px; 
             font-family:Tahoma; 
             font-size:11px; 
             color: #59696F;
             background-image: url(../pages/images/tab01_green_01.jpg); 
             background-repeat:no-repeat;
             background-position: left top;
             }             


#sub-blocktab01 a {
              text-decoration:none;
              font-family:Tahoma; 
              font-size:11px; 
              color: #59696F;
              }



#sub-blocktab01 a:hover {
              text-decoration: none;
              background-color: #;
              padding:0px 0px 0px 2px;
              color: #A57C67;
              }


#sub-blocktab02 {
             width:255px; 
             height: 37px;
             background-color:white; 
             border: 0px; 
             text-align: left; 
             vertical-align: top; 
             padding: 5px 0px 5px 8px; 
             margin: 2px 0px 0px 3px; 
             font-family:Tahoma; 
             font-size:11px; 
             color: #9A7460;
             background-image: url(../pages/images/tab01-baige_01.jpg); 
             background-repeat:no-repeat;
             background-position: left top;
             }             


#sub-blocktab02 a {
              text-decoration:none;
              font-family:Tahoma; 
              font-size:11px; 
              color: #59696F;
              }



#sub-blocktab02 a:hover {
              text-decoration: none;
              background-color: #;
              padding:0px 0px 0px 2px;
              color: #A57C67;
              }


.claude-photos {
              padding:5px 5px 5px 0px; 
              margin:3px 0px 15px 5px; 
              border-bottom: 1px dotted #D3DCE4;
              width:310px; 
              float:left; 
              }



.claude-sheets {
               padding:5px 5px 10px 0px; 
               margin:0px 0px 0px 8px; 
               border-bottom: 1px dotted #A1ACB7; 
               width:310px; 
               float:left; 
               text-align:left; 
               }




/* ----------------------------------- */
/* bof java tab view formatting */

.tab-box { 
         border-bottom: 1px solid #DDD;
         padding-bottom:5px;
         text-align: left;
         border-top-right-radius:0.5em;
         }

.tab-box a {
         border:1px solid #DDD;
         color:#666666;
         padding: 5px 15px;
         text-decoration:none;
         background-color: #eee;
         border-top-right-radius:0.5em;
         }


.tab-box a:hover {
         border:1px solid #CC7F7F;
         color:#FFFFFF;
         padding: 5px 15px;
         text-decoration:none;
         background-color: #CC7F7F;
         border-top-right-radius:0.5em;
         }






.tab-box a.activeLink {
                      border-width: 3px 1px 0px 1px;
                      background-color: FFFFFF; 
                      border-top-color: #CC7F7F;
                      border-bottom: 0; 
                      padding: 6px 15px 6px 15px;
                      font-family: Verdana, Tahoma;
                      font-size: 12px;
                      color: #59696F;
                      background-color: #FFFFFF;
                      border-top-right-radius:1em;
                      }





.tab-box a.activeLink:hover {
                      border-width: 3px 1px 0px 1px;
                      border-color: #DDD;
                      border-style: solid;
                      border-top-color: #CC7F7F;
                      border-bottom-color: #FFFFFF;
                      color:#666666;
                      padding: 4px 15px 6px 15px;
                      text-decoration:none;
                      background-color: #FFFFFF;
                      border-top-rigth-radius:1em;
                      }


.tabcontent {
            border: 1px solid #ddd;
            border-top: 0;
            border-bottom: 0;
            margin-left:0px; 
            margin-right:auto;
            }




.hide { display: none;}

#cont-1-1, #cont-2-1, #cont-3-1, #cont-4-1, #cont-5-1 {
          padding:10px 14px 5px 14px; 
          margin-left:0px;
          margin-right:auto;
          }

#cont-1-1, #cont-2-1, #cont-3-1, #cont-4-1, #cont-5-1 {
           text-align:left;
          }

/* ----------------------------------- */
/* bof subtab01 formatting */



.subtab-box { 
         margin-top:20px;
         border-bottom: 1px solid #DDD;
         padding-bottom:5px;
         text-align: left;
         }

.subtab-box a {
         border:1px solid #DDD;
         color:#666666;
         padding: 5px 15px;
         text-decoration:none;
         background-color: #eee;
         }

.subtab-box a:hover {
         border:1px solid #CC7F7F;
         color:#FFFFFF;
         padding: 5px 15px;
         text-decoration:none;
         background-color: #CC7F7F;
         }




.subtab-box a.subactiveLink { 
                      background-color: #fff; 
                      border-bottom: 0; 
                      padding: 7px 15px 6px 15px;
                      background-image: url(../pages/images/tab-gradient_02.gif);
                      background-repeat: repeat-x;
                      background-position: left top;
                      }




.subtab-box a.subactiveLink:hover {
                      border-width: 3px 1px 1px 1px;
                      border-color: #DDD;
                      border-style: solid;
                      border-top-color: #CC7F7F;
                      border-bottom-color: #FFFFFF;
                      color:#666666;
                      padding: 4px 15px 5px 15px;
                      text-decoration: none;
                      background-color: #FFFFFF;
                      background:none;
                      }



.subtabcontent {
            border: 0px solid #ddd;
            border-top: 0px;
            margin-left:0px; 
            margin-right:auto;
            }




#subcont01-1-1, #subcont01-2-1, #subcont01-3-1 {
          padding:10px 14px 5px 14px; 
          margin-left:0px;
          margin-right:auto;
          }

#subcont01-1-1, #subcont01-2-1, #subcont01-3-1 {
           text-align:left;
          }


.subhide { display: none;}

/* eof subtab01 formatting */
/* ----------------------------------- */



/* eof jav tab view formatting */
/* ----------------------------------- 
  ----------------------------------- */


/* pocalujta banner */

.christmasbanner {
                 display:block;
                 width:897px;
                 height:231px;
                 background-image: url(../pages/images/banner-christmas_2011_01.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-bottom:-10px;
                 z-index:500;
                 }


a.christmasbanner {
                 display:block;
                 width:897px;                 
                 height:231px;
                 background-image: url(../pages/images/banner-christmas_2011_01.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-bottom:-10px;
                 z-index:500;
                 }




a.christmasbanner:hover {
                 display:block;
                 width:897px;                 
                 height:231px;
                 background-image: url(../pages/images/banner-christmas_2011_02.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-bottom:-10px;
                 z-index:500;
                 }



/* office-closed banner */

.office-closed {
                 display:block;
                 width:897px;
                 height:180px;
                 background-image: url(../pages/images/office-closed_2012-01-28_01.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-bottom:-10px;
                 z-index:500;
                 }


a.office-closed {
                 display:block;
                 width:897px;                 
                 height:180px;
                 background-image: url(../pages/images/office-closed_2012-01-28_01.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-bottom:-10px;
                 z-index:500;
                 }




a.office-closed:hover {
                 display:block;
                 width:897px;                 
                 height:180px;
                 background-image: url(../pages/images/office-closed_2012-01-28_02.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-bottom:-10px;
                 z-index:500;
                 }







/* anniversarybanner */

.anniversarybanner {
                 display:block;
                 width:897px;
                 height:270px;
                 background-image: url(../pages/images/20anniversary_004_flat.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-bottom:-10px;
                 z-index:500;
                 }


a.anniversarybanner {
                 display:block;
                 width:897px;                 
                 height:270px;
                 background-image: url(../pages/images/20anniversary_004_flat.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-bottom:-10px;
                 z-index:500;
                 }




a.anniversarybanner:hover {
                 display:block;
                 width:897px;                 
                 height:270px;
                 background-image: url(../pages/images/20anniversary_004_flat.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-bottom:-10px;
                 z-index:500;
                 }





/* welcomebanner */

.welcomebanner {
                 display:block;
                 width:897px;
                 height:142px;
                 background-image: url(../pages/images/welcome-to_001.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-bottom:-10px;
                 z-index:500;
                 }


a..welcomebanner {
                 display:block;
                 width:897px;                 
                 height:142px;
                 background-image: url(../pages/images/welcome-to_001.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-bottom:-10px;
                 z-index:500;
                 }




a..welcomebanner:hover {
                 display:block;
                 width:897px;                 
                 height:142px;
                 background-image: url(../pages/images/welcome-to_001.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-bottom:-10px;
                 z-index:500;
                 }






.canada-daybanner {
                 display:block;
                 width:897px;
                 height:132px;
                 background-image: url(../pages/images/canada-day_05.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-bottom:-10px;
                 z-index:500;
                 }


a.canada-daybanner {
                 display:block;
                 width:897px;                 
                 height:132px;
                 background-image: url(../pages/images/canada-day_05.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-bottom:-10px;
                 z-index:500;
                 }




a.canada-daybanner:hover {
                 display:block;
                 width:897px;                 
                 height:132px;
                 background-image: url(../pages/images/canada-day_05.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-bottom:-10px;
                 z-index:500;
                 }












.contact-form-fields {
                     border: 1px solid #ADD5C1; 
                     font-family:Arial; 
                     color: #666568; 
                     font-size:12px;
                     }


.contact-form-comment {
                     border-top: 1px solid #ADD5C1; 
                     border-left: 1px solid #ADD5C1; 
                     border-right: 1px solid #ADD5C1;  
                     border-bottom: 3px double #ADD5C1; 
                     font-family:Arial; 
                     color: #666568; 
                     font-size:12px;
                     overflow:auto;
                     }



.submit-button {
                margin-top:10px;
                background-color: #D5D2CC;
                border-color:#7EBD9D;
                border-width:2px;
                border-collapse: collapse;
                border-top-right-radius:5px;
                border-bottom-right-radius:5px;
                color:#666568;
                font-weight: normal;
                font-size:14px;
                pading-top:auto;
                padding-bottom:auto;
                }

input.submit-button {
                margin-top:10px;
                background-color: #D5D2CC;
                border-color:#7EBD9D;
                border-width:2px;
                border-collapse: collapse;
                border-top-right-radius:5px;
                border-bottom-right-radius:5px;
                color:#666568;
                font-weight: normal;
                font-size:14px;
                pading-top:auto;
                padding-bottom:auto;
                }

 

input.submit-button:hover {
                margin-top:10px;
                border-width:2px;
                border-collapse: collapse;
                background-color: #ADD5C1;
                border-color:#7EBD9D;
                border-bottom-right-radius:5px;
                border-top-right-radius:5px;
                color:#FFFFFF;
                font-weight: normal;
                font-size:14px;
                pading-top:auto;
                padding-bottom:auto;
                }


.feedback-header {
                 font-family:Arial;
                 color:#A2C7B4;
                 font-weight:normal;
                 font-size:22px;
                 line-height: 25px;
                 }


.feedback-middle {
                 font-family:Arial;
                 color:#7DB197;
                 font-weight:normal;
                 font-size:15px;
                 line-height: 14px;
                 margin:10px 0px 0px 3px;
                 }


.feedback-explica {
                 font-family:Arial;
                 color:#7DB197;
                 font-weight:normal;
                 font-size:14px;
                 line-height: 14px;
                 margin:10px 0px 0px 3px;
                 }




#blinking {
          text-decoration:blink;
          }


#required-flds {
                 color: #B90128;
                 display:inline-block;
                 font-family:Verdana;
                 }



a.eventprogram-pdf {
               color: #858486;
               font-family:Tahoma; 
               font-size: 13px;
               letter-spacing: 0px;
               padding: 1px 3px 1px 3px;
               text-decoration:none; 
               }


a.eventprogram-pdf:hover {
               color: #858486;
               font-family:Tahoma; 
               font-size: 13px;
               letter-spacing: 0px;
               text-decoration:none; 
               padding: 1px 3px 2px 3px;
               background-color: #E7F2DF; 
               border:1px solid #DDE8D5; 
               }


.countdown-line {
              width:100%;
              text-align:left;
              margin:0px 0px 0px 0px;
              font-size:25px;
              font-weight:normal; 
              font-family:Arial; 
              letter-spacing:0px;
              color:#CFDECB;
              }


/* this the outer frame for BOD */

.sticker-frame-01 {
               position:relative; 
               display:block; 
               vertical-align:top; 
               background-color:white; 
               color:green; 
               width:332px; 
               height:425px; 
               margin:7px 0px 0px 256px; 
               border:1px solid #9BBD9B; 
               box-shadow:0px 0px 14px #888888; 
               -webkit-box-shadow:0px 0px 14px #888888;
               border-radius:5px;
               }



/* this the inner frame for BOD */

.sticker-frame-02 {
                  position:relative; 
                  display:inline-block; 
                  vertical-align:top; 
                  background-color:white; 
                  background-image:url(../images/);
                  text-align:left;
                  color:green; 
                  width:326px; 
                  height:421px; 
                  margin: 3px 0px 0px 3px; 
                  border-radius:5px; 
                  border:0px solid #A6CBA6;
                  }





/* this the outer frame for BOD right-sided */

.sticker-frame-03 {
               position:relative; 
               display:inline-block; 
               vertical-align:top; 
               background-color:white; 
               color:green; 
               width:332px; 
               height:425px; 
               margin:7px 0px 0px 0px; 
               border:1px solid #9BBD9B; 
               box-shadow:0px 0px 14px #888888; 
               -webkit-box-shadow:0px 0px 14px #888888;
               border-radius:5px;
               }


/* this the inner frame for BOD right-sided */

.sticker-frame-04 {
                  position:relative; 
                  display:inline-block; 
                  vertical-align:top; 
                  background-color:white; 
                  background-image:url(../images/);
                  text-align:left;
                  color:green; 
                  width:326px; 
                  height:421px; 
                  margin: 3px 0px 0px 3px; 
                  border-radius:5px; 
                  border:0px solid #A6CBA6;
                  }




.bod-nest-president {
             margin-bottom:3px;
             padding:3px 0px 3px 0px;
             border-bottom:1px dotted #DEADAD;
             border-top:1px dotted #DEADAD;
             color: #679967; 
             list-style-type:none;
             }



.bod-nest {
           margin-bottom:3px;
           padding-bottom:3px;
           border-bottom:1px dotted #DEADAD;
           color: #679967; 
           list-style-type:none;
           letter-spacing:0px;
           }



.bod-smicon {
            vertical-align:top;
            padding:3px; 
            border:1px solid #CFDFCF;
            }

.bod-minlist {
              padding-left:8px;
             }


#imgKathyJava-01, #imgFadiJava, #imgSamanthaJava, #imgHayleyJava, #imgPeterJava, #imgVinceJava, #imgEvansJava {
                    padding:5px; 
                    margin-top:0px;
                    margin-right:8px;
                    border: 1px solid #E5E5ED;  
                    float:left;
                    border-bottom-left-radius:5px;
                    border-bottom-right-radius:5px;
                    box-shadow: 0px 0px 4px #DBDDE7;
                    }


#imgKathyJava-01:hover {
                    padding:5px; 
                    margin-right:8px;
                    margin-top:-1px;
                    margin-bottom:1px;
                    border: 1px solid #F8C4C4;  
                    float:left;
                    border-radius:6px;
                    box-shadow: 0px 0px 4px #EEAFAF;
                    background-color:#FBEEEF;
                    opacity:0.9;                    
                    filter:alpha(opacity=90);
                    }


#imgFadiJava:hover, #imgSamanthaJava:hover, #imgHayleyJava:hover, #imgPeterJava:hover, #imgVinceJava:hover, #imgEvansJava:hover {
                    padding:5px; 
                    margin-right:8px;
                    margin-top:-1px;
                    margin-bottom:1px;
                    border: 1px solid #CFE6C6;  
                    float:left;
                    border-radius:6px;
                    box-shadow: 0px 0px 4px #C0D9B5;
                    opacity:0.9;                    
                    filter:alpha(opacity=90);
                    }




/* Christmas 2012 banner */

.christmas-2012 {
                 display:block;
                 width:897px;
                 height:180px;
                 background-image: url(../pages/images/front-strip-banner_2012_001.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-top:-25px;
                 margin-bottom:-34px;
                 position:relative;
                 z-index:0;
                 }


a.christmas-2012 {
                 display:block;
                 width:897px;                 
                 height:180px;
                 background-image: url(../pages/images/front-strip-banner_2012_001.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-top:-25px;
                 margin-bottom:-34px;
                 position:relative;
                 z-index:0;
                 }




a.christmas-2012:hover {
                 display:block;
                 width:897px;                 
                 height:180px;
                 background-image: url(../pages/images/front-strip-banner_2012_002.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-top:-25px;
                 margin-bottom:-34px;
                 position:relative;
                 z-index:0;
                 }



/* Office Closed 2013-01 */

.office-closed2013-01 {
                 display:block;
                 width:897px;
                 height:180px;
                 background-image: url(../pages/images/officeclosed_2013-01a.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-top:-25px;
                 margin-bottom:-34px;
                 position:relative;
                 z-index:0;
                 }


a.office-closed2013-01 {
                 display:block;
                 width:897px;                 
                 height:180px;
                 background-image: url(../pages/images/officeclosed_2013-01a.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-top:-25px;
                 margin-bottom:-34px;
                 position:relative;
                 z-index:0;
                 }




a.office-closed2013-01:hover {
                 display:block;
                 width:897px;                 
                 height:180px;
                 background-image: url(../pages/images/officeclosed_2013-01b.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-top:-25px;
                 margin-bottom:-34px;
                 position:relative;
                 z-index:0;
                 }


.imagepreload {
              display:none;
              }

.imageload {
           display:block;
           }




/* Office Open 2013-04 */

.office-open2013-04 {
                 display:block;
                 width:897px;
                 height:174px;
                 background-image: url(../pages/images/officeopen_2013_06_15a.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-top:-15px;
                 margin-bottom:0px;
                 position:relative;
                 z-index:0;
                 }


a.office-open2013-04 {
                 display:block;
                 width:897px;                 
                 height:174px;
                 background-image: url(../pages/images/officeopen_2013_06_15a.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-top:-15px;
                 margin-bottom:0px;
                 position:relative;
                 z-index:0;
                 }




a.office-open2013-04:hover {
                 display:block;
                 width:897px;                 
                 height:174px;
                 background-image: url(../pages/images/officeopen_2013_06_15b.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-top:-15px;
                 margin-bottom:0px;
                 position:relative;
                 z-index:0;
                 }