/* Set Defaults */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html {
    background: url("houda.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

html, body{
   height: 100%; 
   width:100%;
   margin:0;
   padding:0;
   font-family: "Arial",  Helvetica, sans-serif
   font-size: 14px;
}

/* Gradients */
body {
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}


/*  Centering Hack */
#spacer {
   position: relative;
   float: left;
   height: 40%;
   width: 100%;
   margin-bottom: -300px;
}


/* Main Content Section */
#canvas {
   position: relative;
   width: 1000px;
   min-width: 1000px;
   margin:0px auto; /* Right and left margin widths set to "auto" */
   clear: both;
    padding-bottom: 60px;
}

#content {
   

   /* (pageHeight/2) - (imageHeight/2) */
   /*        (546/2) - (240/2)         */
   /*            273 - 120             */
   /*padding-top: 153px;*/
   padding-top: 90px;
   /*  (pageWidth/2) - (imageWidth/2) */
   /*        (800/2) - (352/2)         */
   /*            400 - 176             */
   /*padding-left: 224px;*/
   padding-left: 10px;
   height: 760px;
   width: 800px;
   min-width:800px;
   margin: 0 auto;
   background-color: White;
   background-image:  url('wave_upper.left.png');
   background-repeat: no-repeat;
   background-size: 800px 200px;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   border-radius: 50px;
   -webkit-box-shadow: 0px 0px 15px 0px ;
   box-shadow: 0px 0px 15px 0px ; 
}



#title {
    position: absolute;
    left:0;
  padding-left:0;
  position:absolute;
  text-align:center;
  top:60px;
  width:100%;

}

#menu {
   position: absolute;
   bottom: 75px;
   left: 0px;
   height: 222px;
   width: 147px;
   padding: 5px;
   background-color: White;
   border: 1px solid Black;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
   -webkit-box-shadow: 0px 0px 15px 0px ;
   box-shadow: 0px 0px 15px 0px ; 
}
#cam {

   padding-left: 50px;
   padding-top: 25px;

}

#sponsored_by_ecm {
   position: absolute;
   top: 30px;
   right: 125px;
   height: 20px;
   width: 147px;
   font-size: 14px;
   text-align: center;
}
#ecm {
   position: absolute;
   top: 55px;
   right: 125px;
   height: 190px;
   width: 147px;
   padding: 5px;
   background-color: White;
   /*border: 1px solid Black;*/
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
   -webkit-box-shadow: 0px 0px 15px 0px ;
   box-shadow: 0px 0px 15px 0px ;
   font-size: 14px;
   text-align: center;
}

/*
#sponsored_by_jrb {
   position: absolute;
   bottom: 560px; //260px;
   right: 125px;
   height: 20px;
   width: 147px;
   font-size: 14px;
   text-align: center;
}
#jrb {
   position: absolute;
   bottom: 335px; //35px;
   right: 125px;
   height: 222px;
   width: 147px;
   padding: 5px;
   background-color: White;
   //border: 1px solid Black;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
   -webkit-box-shadow: 0px 0px 15px 0px ;
   box-shadow: 0px 0px 15px 0px ; 
   font-size: 14px;
   text-align: center;
}
*/

#landtrust {
    position:absolute;
    bottom:20px;
    width:800px;
}

#landtrust .landtrust_link, #landtrust .landtrust_paypal {
    text-align:center;
}

#tclt_logo {
    width:180px;
}

#landtrust a:hover {
    opacity:.8;
}

#landtrust p {
    padding:0 100px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:.6em;
    color:#666;
    margin-bottom:5px;
}

#landtrust p strong {
    color:#111;
}

@media all and (max-device-width: 400px) {
#landtrust {
    bottom:-420px;
    padding-bottom:60px;
    }
#content {
    height:670px;
    }
#sponsored_by_jrb {
    bottom:470px;
    }
#jrb {
    bottom:245px;
    }
#landtrust p {
    font-size:.7em;
    margin-top:20px;
    margin-bottom:20px;
    color:#333;
    padding:0 100px;
    }
#landtrust p.donate {
    padding:0;
    }
#tclt_logo {
    width:250px;
    }
}

#landtrust input[type="image"] {
    opacity:.8;
}

#landtrust input[type="image"]:hover {
    opacity:1;
}

/* General Layout */


strong {
   color: Gainsboro;
   font-weight:bold;
}
em {
   font-style:italic;
}

.right {
   float: right;
   width: 33%;
   text-align: center;
   margin-right: 120px;
}

.hidden {
   display: none;
}
.inline {
   display: inline-block;
}
.clean_link {
   border-style: none;
}

/* Header Reset - Text Styles - Linkage*/
h1, h2, h3, h4 {
   display: inline;
   padding: 0px;
   margin: 0px;
}
.xl { 
   font-family:"Times New Roman", Times, serif;
   font-size: 45px;
   color: white;
   text-shadow: 1px 1px 0 #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 3px 3px 3px #000000;
}
.lg { 
   font-family:"Times New Roman", Times, serif;
   font-size: 30px
}
.md { 
   font-family:"Times New Roman", Times, serif;
   font-size: 20px;
   color: White;
   text-shadow: 1px 1px 0 #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 3px 3px 3px #000000;
}
.sm { 
   font-family:"Times New Roman", Times, serif;
   font-size: 19px;
}
/*
a:link{color: white; text-decoration: underline}
a:visited {color: white; text-decoration: underline}
a:active {color: white; text-decoration: underline} 
a:hover {color: white; text-decoration: underline; border-bottom: 1px dashed White;}
a:focus {color: white; text-decoration: underline} 
*/

.etabs { margin: 0; margin-bottom: 10px; padding: 0; padding-left: 7px}
.tab { display: inline-block; *display:inline; background-color: #fff; border: solid 1px #999; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;}
.tab a { font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none; color: Black}
.tab a:hover { text-decoration: underline; }
.tab.active { background: #D7ECF6; padding-top: 6px; padding-bottom: 6px; position: relative; top: 0px; border-color: #666; }
.tab a.active {  }
.tab-container {width: 675px; margin-left: 25px;}
.tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }




/* Custom - Need to be Organized... */



body a {
    text-decoration:none;
    color: #054aba;
}
body a:hover {
    text-decoration:underline;
}

.xl, .md {
    font-family:inherit;
    color: #666;
    text-shadow: none;
}

.xl {
    font-size: 3.5em;
}

#content {
    background-color: rgba(255,255,255,.88);
    background-image: none;
    border-radius: 0px;
    -webkit-box-shadow: 0 0 100px 0;
    box-shadow: 0 0 100px 0;
    height: 100%;
    padding-left: 0;
    margin-top:410px;

}

.tab {
    border: none;
    background-color: transparent;
}

.tab a {
    text-decoration: none;
}

#title {
}

#column_left {
    margin-top: 100px;
    display: block;
}

#column_right {
    clear: both;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 70px;
    height: 410px;
}

#tab-container, #tab-container div {
    text-align: center;
}

.tab-container {
    margin-left: 0;
    width: 100%;
}

.right {
    width: 50%;
    padding-right: 40px;
    margin-right: 0px;
}

#landtrust {
    display: none;
}

footer {
    display:block;
    height: 90px;
    background-color: #222;
    z-index: 1000;
    text-align: center;
    color: #888;
    font-size: 12px;
    padding-top:40px;
 }

.etabs {
  margin:0 0 20px;
  padding:0;
}

h1.sponsored-by {
      display: block;
      font-size: 1.5em;
      margin-bottom: 30px;
    border-bottom:3px solid #069; /*#c33;*/
 }

#jrb img {
    width: 120px;
 -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
}

#tclt-logo {
 -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
    width:243px;
    position:relative;
    top:16%;
}

.grid-6 {
    box-sizing: border-box;
    width: 50%;
    height:100%;
    float: left;
    padding:60px;
    padding-top:25px;
}
.grid-4 {
    box-sizing: border-box;
    width: 33%;
    height:100%;
    float: left;
    padding-left:60px;
}
.grid-8 {
    box-sizing: border-box;
    width: 66%;
    height:100%;
    float: left;
    padding-right: 50px;
}

#toPopup {
    padding:40px;
    line-height:2;
    text-align:center;
    width: 810px!important;
    padding-bottom:20px;
    top:9%!important;
}
#toPopup p {
    margin-bottom: 25px;
}

#column_right a:hover, #toPopup a:hover {
    opacity: .8;
}

.facebookicon {
      width: 50px;
    position: fixed;
    top:10px;
    right:10px;
}

.tab-container {
    margin-bottom: 40px;
    margin-top: 40px;
}

#refresh {
    margin:0 auto;
    position:relative;
    top: 100px;
    z-index:-1;
}

h1.lg {
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    color:#555;
}

strong {
    color:inherit;
    text-transform:uppercase;
        
}

.p-sm {
    font-size:.8em;
}
#column_right .grid-6 p:not(.p-sm) {
    display:block;
    margin-bottom: 8px;
    border-bottom:solid 1px #555;
}

.grid-6 img {
margin-bottom:10px;
}

#donate-button {
    border: 2px solid #069;
    width: 100px;
    height:50px;
    margin:30px auto;
     -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
    padding-top:15px;
    background-color:#699; 
     color: #069;
}
#donation:hover {
text-decoration:none;
}

#donate-button:hover {
    text-decoration: none;
font-size:1.1em;
}


#blurb-box {
display:block;
    width: 100%;
    height: 200px;
    position: absolute;
    top: 20px;
        
}

#tclt-blurb {
    display:block;
    width: 700px;
    height: 360px;
    color: #ddd;
    background-color: #365d75;
    -webkit-border-radius: 20px;
    border-radius:20px;
    -moz-border-radius:20px;
    padding: 40px;
    text-align: center;
    margin:0 auto;
    background-image:url('img/white-logo-sm.png');
    background-repeat:no-repeat;
    background-position:center 12px;
    
}

#blurb-p {
position:relative;
    bottom:-225px;
}

#tclt-blurb p {
    font-size: 12px;
    margin-bottom:8px;
}
#tclt-blurb h1 {
    font-size: 30px;
    display: block;
    margin-bottom:14px;
}

#tclt-blurb .bg-link {
    display: block;
    height: 250px;
    position: absolute;
    top: 5px;
    width: 600px;
}


#blurb-donation {
display:block;
    width:520px;
    margin:0 auto;
}
#blurb-donation:hover {
    text-decoration: none;
}