/* Main global 'theme' and typographic styles */
body {line-height: 24px;
      background: #e7e7e7 url('dulwichbg.gif');
      font-size: 16px;
      font-family: Lucinda Grande, sans-serif;
      text-rendering: optimizeLegibility;
      color: #444;
      }

img {
    max-width: 100%;
    max-height: 100%;
    }

#container {position : relative;
            margin: 0 auto;
            padding-bottom: 500px;
            width: 100%;
            background: #fffff;
            border-style : none;
            border-color : #0000cc;
            border-width : 2;
            padding: 0px;
            margin-top:20px;
            margin-bottom:200px;
            overflow : auto;
            }

.containerright {
            position : relative;
            margin: 0 auto;
            padding-top: 20px;
            width: 90%;
            background: #fffff;
            border-style : none;
            border-color : #00cc00;
            border-width : 2;
            margin-top:20px;
            margin-bottom:0px;
            overflow : auto;
            }

.containerfindus {
          position : relative;
            margin: 0 auto;
            padding-top: 60%;
            padding-bottom: 0px;
          width :1024px;
            background: #fffff;
            border-style : solid;
            border-color : #000000;
            border-width : 2;
            margin-top:20px;
            margin-bottom:0px;
            overflow : auto;
           background-image: url('/images/dulwich_map.png');
    background-repeat: no-repeat;
background-size: cover            
           }

.containerfindus1 {
            background-image: url('/images/dulwich_map.png');
            background-size : cover;
            position : relative;
            margin: 0 auto;
            padding-bottom: 0px;
            width: 90%;
            background: #fffff;
            border-style : none;
            border-color : #00cc00;
            border-width : 2;
            margin-top:20px;
            margin-bottom:0px;
            overflow : auto;
            }

.containercontact {
          position : relative;
            margin: 0 auto;
            padding-top: 60%;
            padding-bottom: 0px;
            width: 90%;
            background: #fffff;
            border-style : none;
            border-color : #000000;
            border-width : 2;
            margin-top:20px;
            margin-bottom:0px;
            overflow : auto;
           background-image: url('/gallery/gallery_83.png');
    background-repeat: no-repeat;
background-size: cover            
           }

#leftcol {position : relative;
          float : left; 
          border-radius: 5px;
#          width: 220px;
          width: 320px;
          background-color: transparent;
          padding: 0px;
          border-style : none;
          border-color : #000000;
          border-width : 2;          
          overflow : auto;
          }    

#rightcol {
           position : relative;
#          background: #ffffff;
           padding: 0px;
           margin: 0px;
           background-color: transparent;
           border-style : none;
           border-color : #000000;
           border-width : 2;
           overflow : hidden;
           }

.bgimage1 {position : relative;
           display: block;
           left : 0;
           right : 0;
           z-index: 1; 
           background-image: url('/images/fun-day.jpg');
           opacity : 0.15;
           width : 100%;
           height : 100%;
           }


#logo {
          position : relative;
          width: 250px;
          height: 200px;
          padding: 0px;
          margin-left:20px;
#          margin-left:0px;
          margin-top:0px;
          margin-bottom:0px;
          border-width: 0px;
          border-style : none;
          border-color : none;
          border-width : 0;
#          background-color: #ffffff;
          background-image: url('/images/logo.png');
          background-repeat: no-repeat; 
          background-size: auto%;
#          background-position: ; 
          }

#memlogo {
          position : fixed;
          bottom : 0;
          left : 0;
          width: 90px;
          height: 130px;
          padding: 15px;
          margin-top:0px;
          margin-bottom:0px;
          border-width: 0px;
          border-style : solid;
          border-color : #000000;
          border-width : 2;
          background-color: #ffffff;
          background-image: url('/images/logo1.png');
          background-repeat: no-repeat; 
          background-size: auto;
          background-position: center; 
          }

.menu {position : relative;
       border-radius: 12px;
       background-color : #FFA07A;
       width : 90% 
       padding: 10px;
       display : inline-block;
       border-style : solid;
       border-pa : #000000;
       border-width : 1.5;
       font-family: lucinda grande, lucinda, sans-serif;
       line-height: 2;
       font-size: 14px;
       font-color : black;
       }

.menu a {
         padding : 30px;
         font-color : black;
         font-size: 24px;
         text-decoration:none;
         }
.menu a:link {color : black;}
.menu a:visited {color : red;}
.menu a:hover {color : black;}
.menu a::active {color: black;}


.righttopmembership{
           height : 40%;
           width : 100%;
           position : relative;
           border-style : solid;
           border-color : #ffffff;
           border-width : 3;
           margin-right : 10; 
           background-image: url('/gallery/gallery_218.png');
           background-size : cover;
           }

.rightbottommembership {
           position : relative;
           height : 40%;
           width : 100%;
           border-style : solid;
           border-color : #ffffff;
           border-width : 3;
           margin-right : 10; 
           margin-top : 20%; 
           background-image: url('/images/corporate1.jpg');
           background-size : cover;
           }


.mainarea {
          margin : 0px; 
          position : relative;
          overflow : hidden;
          padding: 10px;
          padding: 10px;
          margin-top:0px;
          margin-bottom:0px;
#          border-style : dotted;
#          border-color : #00ffff;
#          border-width : 2;         
          }


.frontnews {
          position : absolute;
          width : 30%;
          right : 20px;
          padding: 10px; 
          opacity: 0.75;
          bottom : 20px;
          border-style : solid;
          border-color : #000000;
          background-color : #ffffff;
          border-width : 2;
          z-index:999;
          }

.rightmain {
            position : relative;
            float : right;
            right : 0px;
            bottom : 0px;
            border-style : dashed;
            border-color : #ff00ff;
            border-width : 2;
            }

.topcorp {
          position : relative;
          background-image: url('/gallery/gallery_90.png');
          float : right
          width : 20%;
          right : 50px;
          top : 50px;
          border-style : dashed;
          border-color : #ff00ff;
          border-width : 12;
          }

.bottomcorp {
          position : relative;
          background-image: url('/images/corporate3.gif');
          float : right
          height : 30%;
          width : 20%;
          right : 5px;
          bottom : 50px;
          border-style : dashed;
          border-color : #000000;
          border-width : 2;
          }

#pageinfo {
          padding: 20px;
          margin-top:0px;
          margin-bottom:0px;
          }

#pageinfo p {
             font-color : #00cc00;
             margin-bottom:-1em;
              }


#pageinfo h2 {
              font-size : 40px;
              line-height : 40px;
              }

#menu {
#          background: #ffffff;
          padding: 10px;
          margin-top:0px;
          margin-bottom:0px;
          border-style : dashed;
          border-color : #00ffff;
          border-width : 2;
          }

.dump {
          background: #ffffff;
          clear : both;
          padding: 10px;
          margin-top:0px;
          margin-bottom:0px;
          border-style : dashed;
          border-color : #003333;
          border-width : 2;
       }

.copyright {
          clear : both;
          padding: 0px;
          margin-top:0px;
          margin-bottom:0px;
       }

.debug {
          background: #ffffff;
          clear : both;
          padding: 10px;
          margin-top:0px;
          margin-bottom:0px;
          border-style : solid;
          border-color : #003333;
          border-width : 2;
       }


.flex-ladder-container {
              display: flex;
              flex-flow: row wrap;
              flex-direction : row;
              margin : 5px;
              width : 100%;
              background-color: yellow;
              justify-content: center;
              align-content: stretch
              border-color : green;
              border-style : solid;
              border-color : #000000;
              border-width : 10;
              }

.flex-ladderitem {
              flex : 50%;
              background-color: red;
              border-style : solid;
              border-color : yellow;
              border-width : 5;
              }


.flex-ladderitem1 {
              flex : 100%;
              background-color: white;
              background-color: DodgerBlue;
              }

@media screen and (min-width:1000px){
                          .flexladderitem 
                          {
                           flex : 50%;
                           border-color: blue;
                           flex-direction: column;
                           }
                          }
@media screen and (min-width:401px) and (max-width:999px)
                        {
                         .flexladderitem 
                         {
                          flex : 50;
border-color: green;
                           flex-direction: column;
                          }
                         .flexladderitem1 
                         {
                          flex : 100%;
                          }
                         }
@media screen and (max-width:400px)
                        {
                         .flexladderitem, .flexladderitem1
                         {
                           border-color: white;
                           flex-direction: column;
                          }
                         }

.ladder1 {   
          float : left;
          position : static;
          width : 48%;
          padding: 5px;
          border-style : dashed;
          border-color : green;
          border-width : 5;
          }

.ladder2 {   
          float : left;
          clear : both;
          margin : 0 auto; 
          position : static;
          padding-left: 0px;
          border-style : solid;
          border-color : #FFFFFF;
          border-width : 1;
          }
.ladderglobal {   
          float : left;
          clear : both;
          width : 95%;
          margin : 0 auto; 
          position : static;
          padding-left: 0px;
          border-style : solid;
          border-color : blue;
          border-width : 50;
          }

.laddersingle {   
          float : left;
          clear : none;
          width : 48%;
          min-width : 500px;
          margin : 0 auto; 
          position : static;
          padding-left: 0px;
          border-style : solid;
          border-color : green;
          border-width : 5;
          }

.ladder3 {   
          float : left;
          clear : none;
          margin : 0 auto; 
          
          position : static;
          padding-left : 65px;
          border-style : dolid;
          border-color : #FFFFFF;
          border-width : 1;
          }

.col11 {   
          float : left;
          background: #ffffff;
          position : relative;
          margin-top : 50px;
          padding: 5px;
          border-style : solid;
          border-color : #003333;
          border-width : 2;
       }

.col12 {  
          float : right;
          background: #ffffff;
          position : relative;
          padding: 5px;
          margin-top : 50px;
          border-style : solid;
          border-color : #003333;
          border-width : 2;
       }

.col21 {  
          float : left;
          background: #ffffff;
          position : relative;
          padding: 5px;
          margin-top : 50px;
          border-style : solid;
          border-color : #003333;
          border-width : 2;
       }

.col22 {  
          float : right;
          background: #ffffff;
          position : relative;
          padding: 5px;
          margin-top : 50px;
          border-style : solid;
          border-color : #003333;
          border-width : 2;

       }


.col4 {   position : relative;
          float : left;
          background: #ffffff;
#          width : 40%;
#          height : 40%;
          padding: 5px;
          margin: 15px;
          border-style : solid;
          border-color : #003333;
          border-width : 2;

       }

.adminwide {
            width : 95%;
            margin : 10px;
            padding : 10px;
            border-width : 2px;
            border-style : solid;
            border-color : #666666;  
            overflow : auto;             
            
            }
.adminnarrow {
              width : 45%;
              padding-left : 15px;
              margin-top : 0px;
              margin-right:20px;
              border-width : 2px;
              border-style : solid;
              border-color : #cccccc;               
              float : left;
            }

.adminright {
              width : auto;
              position : relative;
              margin-top :5px;
              border-width : 2px;
              border-style : dashed;
              border-color : #000000;               
              float : right;
            overflow : auto;             
            }
.adminleft {
              width : auto;
              position : relative;
              margin-top :5px;
              margin-right : 50px;
              border-width : 2px;
              border-style : none;
              border-color : #000000;               
              float : left;
            overflow : auto;             
            }

.img100pc {width : 95%;
           overflow : hidden;
            }
@mixin flexbox() {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@mixin flex($values) {
  -webkit-box-flex: $values;
  -moz-box-flex:  $values;
  -webkit-flex:  $values;
  -ms-flex:  $values;
  flex:  $values;
}

@mixin order($val) {
  -webkit-box-ordinal-group: $val;  
  -moz-box-ordinal-group: $val;     
  -ms-flex-order: $val;     
  -webkit-order: $val;  
  order: $val;
}

.wrapper {
  @include flexbox();
}

.item {
  @include flex(1 200px);
  @include order(2);
}

.flex_cont {
            display : flex;
            flex-wrap : wrap;
            justify-contents : center;
            }
.member_left {
              border-width : 2px;
              border-style : solid;
              border-color : #000000;               
  flex: 0 0 50%;
}

.member_right {
              border-width : 2px;
              border-style : solid;
              border-color : #000000;               
  flex: 1;
}

/* Public poages */

#public_container {position : relative;
            margin: 0 auto;
            padding-bottom: 500px;
            width: 90%;
            background: #fffff;
            border-style : none;
            border-color : #0000cc;
            border-width : 2;
            padding: 0px;
            margin-top:20px;
            margin-bottom:200px;
            overflow : auto;
            }

#public_leftcol {position : relative;
          float : left; 
          border-radius: 5px;
#          width: 220px;
          width: 320px;
          background-color: transparent;
          padding: 0px;
          border-style : none;
          border-color : #000000;
          border-width : 2;          
          overflow : auto;
          }    
#public_logo {
          position : relative;
          width: 250px;
          height: 200px;
          padding: 0px;
          margin-left:20px;
#          margin-left:0px;
          margin-top:0px;
          margin-bottom:0px;
          border-width: 0px;
          border-style : none;
          border-color : none;
          border-width : 0;
#          background-color: #ffffff;
          background-image: url('/images/logo.png');
          background-repeat: no-repeat; 
          background-size: auto%;
          background-position: center; 
          }

#public_pageinfo {
          padding: 20px;
          margin-top:0px;
          margin-bottom:0px;
          }
#public_rightcol {
           position : relative;
#          background: #ffffff;
           padding: 0px;
           margin: 0px;
           background-color: transparent;
           border-style : none;
           border-color : #000000;
           border-width : 2;
           overflow : hidden;
           }

.public_mainarea {
          margin : 0px; 
          position : relative;
          overflow : hidden;
          padding: 10px;
          padding: 10px;
          margin-top:0px;
          margin-bottom:0px;
#          border-style : dotted;
#          border-color : #00ffff;
#          border-width : 2;         
          }
.public_copyright {
          clear : both;
          padding: 0px;
          margin-top:0px;
          margin-bottom:0px;
       }

#public_mainmembership {
          position : relative;
          background-image: url('/images/embossedmembership.png');
          background-size: cover;
          padding: 10px;
#          width :1024px;
          height : 900px;
          margin : auto;
          margin-top : 20px;
          border-style : solid;
          border-color : #000000;
          border-width : 2;
            overflow : hidden;
         }

.public_righttopsocandtour{
           height : 40%;
           width : 100%;
           position : relative;
           border-style : solid;
           border-color : #ffffff;
           border-width : 3;
           margin-right : 10; 
           background-image: url('/gallery/gallery_5.png');
           background-size : cover;
            overflow : hidden;
           }

.public_rightbotsocandtour{
           position : relative;
           height : 40%;
           width : 100%;
           border-style : solid;
           border-color : #ffffff;
           border-width : 3;
           margin-right : 10; 
           margin-top : 20%; 
           background-image: url('/images/soctour2.jpg');
           background-size : cover;
           }

.public_leftbottomsocandtour {
           height : 100%;
           width : 40%;
           position : relative;
           border-style : solid;
           border-color : #ffffff;
           border-width : 3;
           margin-right : 10; 
           background-image: url('/gallery/gallery_5.png');
           background-size : cover;
           }

.public_rightbottomsocandtour {
           position : relative;
           height : 40%;
           width : 100%;
           border-style : solid;
           border-color : #ffffff;
           border-width : 3;
           margin-right : 10; 
           margin-top : 20%; 
           background-image: url('/images/soctour2.jpg');
           background-size : cover;
           }
#public_mainsocandtour {
       
          position : relative;
          background-image: url('/images/solartisedtournament.png');
          background-size: cover;
          padding: 10px;
          padding: 10px;
          height : 900px;
#          width : 1024px;
          margin : auto;
          margin-top:20px;
          margin-bottom:0px;
          border-style : solid;
          border-color : #000000;
          border-width : 2;
            overflow : hidden;
          }

#public_maincorporate {
          position : relative;
          background-image: url('/images/corporate_grayscale.png');
          background-size : cover;
          padding: 10px;
          padding: 10px;
          height : 900px;
#          width :90%;
          margin : auto;
          margin-top:20px;
          margin-bottom:0px;
          border-style : solid;
          border-color : #000000;
          border-width : 2;
           overflow : hidden;

          }

#public_mainmenu {
          position : relative;
          padding: 0px;
          width :1054px;
          margin : auto;
          margin-bottom:0px;
          border-style : none;
          border-color : #000000;
          border-width : 2;
          }

.public_rightimages {
           height : 90%;
           width : 30%;
       float : right;
           position : relative;
           border-style : none;
           border-color : #00ff00;
           border-width : 1.5;
           margin-right : 50px; 
           margin-top : 5%; 
           }
.public_bottomimages {
           height : 45%;
           width : 90%;
          position:absolute; bottom:5%;
           border-style : none;
           border-color : #00ff00;
           border-width : 1.5;
           margin-left : 5%; 
           }

.public_pairimages {
           height : 90%;
           width : 30%;
           margin : auto;
           position : relative;
           border-style : none;
           border-color : #00ff00;
           border-width : 1.5;
           margin-right : 50px; 
           margin-top : 5%; 
           }


.public_righttopcorp {
           height : 45%;
           width : 100%;
           position : relative;
           border-style : solid;
           border-color : #ffffff;
           border-width : 3;
           margin-right : 10; 
           background-image: url('/gallery/gallery_90.png');
           background-size : cover;
           }

.public_rightbottomcorp {
           position : relative;
           height : 45%;
           width : 100%;
           border-style : solid;
           border-color : #ffffff;
           border-width : 3;
           margin-right : 10; 
           margin-top : 20%; 
           background-image: url('/images/corporate3.gif');
           background-size : cover;
           }

.public_leftbotcorp {
           height : 100%;
           width : 40%;
           position : absolute;
           left :0px;
           top : 0px;
           border-style : solid;
           border-color : #ffffff;
           border-width : 3;
           background-image: url('/gallery/gallery_90.png');
           background-size : cover;
           }

.public_rightbotcorp {
           position : relative;
           height : 100%;
           width : 40%;
           position : absolute;
           right :0px;
           top : 0px;
           border-style : solid;
           border-color : #ffffff;
           border-width : 3;
           background-image: url('/images/corporate3.gif');
           background-size : cover;
           }
#public_maincontact {
          position : relative;
          background-image: url('/images/gal62_orig.jpg');
          background-size: cover;
          padding: 10px;
          padding: 10px;
          height : 900px;
#          width :1024px;
          margin : auto;
          margin-top:2px;
          margin-bottom:0px;
          border-style : solid;
          border-color : #cacaca;
          border-width : 2;
            overflow : hidden;
          }

.public_contact1 {position : relative;
           margin : auto;
           width : 600px; 
           height : 200px
          border-color : #33cc55;
          border-style : none;
          border-color : #003333;
          border-width : 20;
           }




.rTable    { display: table; }
.rTableRow       { display: table-row; }
.rTableHeading    { display: table-header-group; }
.rTableBody    { display: table-row-group; }
.rTableFoot    { display: table-footer-group; }
.rTableCell, .rTableHead  { display: table-cell; padding-left : 15px;}

# -------------------------------------------------------------------------------
/* Main global 'theme' and typographic styles */
/*body {line-height: 18px; */
/*      background: #e7e7e7 url('dulwichbg.gif'); */
/*      font-size: 14px; */
/*      font-family: Helvetica, Arial, sans-serif; */
/*      text-rendering: optimizeLegibility; */
/*      color: #444; */
/*      } */