/* structure.css */
div#divMain {
     max-width: 1200px;
     min-width: 324px;
     margin: auto;
     padding-bottom: 100px;
}

nav#navMenu a {
     text-decoration: none;
     text-shadow: 2px 2px 5px rgb(0 0 0 / 40%);
}

div#mobileNavControl {
     display: inline-block;
     float: right;
}

div#mobileNavControl > div {
     width: 35px;
     height: 5px;
     background-color: #5d8572;
     border-radius: 6px;
     margin: 5px 0;
}

div#masterNav {
     position: relative;
     display: inline-block;
     width: 100%;
     height: 2.1em;
}

div#masterNav > div {
     position: absolute;
     background-color: white;
     border-bottom: 2px solid #5d8572;
     border-top: 2px solid #5d8572;  
     display: inline-block;
     width: 100%;
     z-index: 1;
}

div.mnuItem {
     padding: 5px 10px;
}

nav#navMenu > div.selected {
     background-color: #85a396;
}

nav#navMenu.compress > div.unselected {
     display: none;
}

div.subMenu {
     position: absolute; 
     top: 120px;
     display: none;  
}

#asdRelatedTopics { 
     float: right; 
     border: 1px solid #D0D0D0; 
     margin: 20px; 
     padding: 10px;
     max-width: 375px; 
 }

#asdRelatedTopics div { 
     margin: 5px 0px; 
}

/* Site Map */ 
aside#asdSiteMap {
     position: absolute; 
     top: 148px; 
     left: -263px; 
     width: 300px; 
     height: 600px; 
}

aside#asdSiteMap #divSiteMap {
     width: 250px; 
     height: 100%; 
}


aside#asdSiteMap #divTab {
     float: right; 
     margin-top: 50px; 
     height: 129px; 
     width: 38px; 
}

/* Masthead */ 
div#divMasthead {
     display: inline-block;
     width: 100%;
}

div#divMasthead img {
     max-width: 165px; 
}

/* footer */ 
footer {
     position: fixed; 
     bottom: 0px; 
     left: 0px; 
     width: 100%; 
     height: auto; 
}

footer p { margin: 0px; }
#txtJoinMailingList { 
     width: 150px; 
     text-align: center; 
}
#btnJoinMailingList { width: 150px; }




/* index */ 
div.divWelcome {
     position: absolute;
     width: 1024px;
     min-height: 850px;
     left: 50%;
     margin-left: -512px;
     display: grid;
     grid-template-rows: 1fr;
}

div.divContentRow {
   
}

div.divContentArea {
     float: left; 
     margin: 10px; 
     padding: 10px; 
     width: 463px; 
}

form#frmLogIn {
}

form#frmLogIn input {
     float: right;
}

div#divIndexTop {
}

img#imgCairn {
     float: left;
}

div#divIndexTopContent {
}

div#divIndexClients { 
     float: right; 
     width: 275px; 
}

/* Footer */ 
div.divFooterSection { 
     float: left;  
     width: 332px; 
     height: 170px; 
}

col.colFooter { width: 330px; }


/* contact */ 
div#map_canvas { 
     width: 552px; 
     height: 500px; 


}

/* Documentation */ 
iframe.documentation {
     height: 300px; 
     width: 400px; 
     float: right;  
     margin: 20px; 



}

/* reusables */ 
th {
     text-align: left; 
}

/* Web Site Maintenance */
col.colSiteHeading  { width: 400px; }
col.colSiteCosts    { width: 110px; }
input.txtMaint      { 
     width: 70px; 
     text-align: right; 
     border: none; 
}

/* Gallery */
div.divLargeImage img {
     max-width: 675px; 



}

/* internet marketing 101 */
col#colPresentationLinks { width: 250px; }
col#colPresentationContent { width: 750px; }

div.videoContainer {
     min-height: 250px; 
     width: 300px; 
     float: right;  
     margin: 10px; 
}

div.videoContainer iframe { 
     height: 250px; 
}

div.divSlides {
     padding-top; 10px; 
     padding-bottom: 10px; 
     font-size: 8pt; 
}

/* internet glossary */ 
dt { font-weight: bold; }
dd { margin-bottom: 10px; }

/* Prefered tools */
col#colFunction { width: 250px; }

/* Help */ 
/* Box Tracker */ 
#imdBTDocsDispatchOveview { 
     width: 1024px; 
}
.docsBTIcon {
     height: 25px; 
}

table.tblContent {
     width: 100%;
}

div#divEmailEnvelope {
     padding-bottom: 45px;
}

@media only screen and (min-width: 460px) {
     div#divMasthead > div:first-child {
          margin-bottom: 20px;
     } 

     div#mobileNavControl {
          display: none;
     }

     div#masterNav {
          height: auto;
     }

     div#masterNav > div {
          border-top: none;
          position: relative;
     }

     nav#navMenu > div {
          float: left;
          display: block!important;
     }

     nav#navMenu > div.selected {
          background-color: transparent;
          border-top: 2px solid #85a396;
          border-radius: 10px;
     }
}