/* ----------- Tibetan and Himalayan Library - www.thlib.org --------
- Layout Structure - Banner Elements - Footer - Containers - Clear - */

/* ------------ Main Template Layout Structure -------------
------------------------------------------------------------*/
body { color:#404040; font-size:63%; font-family: arial, sans-serif; background: #96967B url(/global/images/bg-body-repeat.jpg) fixed repeat-x top; font-style:normal; font-variant:normal; font-weight:normal; font-size-adjust:none; font-stretch:normal; line-height:1em;  }
body #ie-root {font-size:100%;}
* { margin-top: 0pt;margin-right: 0pt;margin-bottom: 0pt;margin-left: 0pt;padding-top: 0pt;padding-right: 0pt;padding-bottom: 0pt;padding-left: 0pt;}
#body-wrapper { background-color:white; position:relative; top:0px; margin:0 auto; width:85%; min-width:980px; max-width:1050px; text-align:left; min-height:100%; height:auto !important; height:100%;  }
#ie-root #body-wrapper { margin:0 auto 2px; width:expression((document.documentElement.offsetWidth) >1100 * (parseInt(document.body.currentStyle.fontSize) / parseInt(document.body.currentStyle.fontSize))?  "1050px" : ((document.documentElement.offsetWidth) < 1050? "990px" : "99%")); }
html { min-width:980px; }
html, body { height:100%; }
#content { background-color:white; width:100%; float:left; margin:0 0 100px; padding:0; min-height:850px; height:auto !important; height:850px;}
body #ie-root-lt7 #content { margin-top:-10px; }
#content .shell-1 { width:75%; float:left; display:inline; margin:10px auto 0; padding-left:2%; }
body.home #ie-root-7 #content .shell-1 { margin-top:5px; }
body.home.jiats #ie-root #content .shell-1 { margin-top:15px; }
body #ie-root-lt7 #content .shell-1 { margin-top:0px; }
#side-column {padding:0; margin:0; }

body.single-col #content { width:100%; }
body.single-col #content .shell-1 { width:96%; }
body.full-width #body-wrapper { position:relative; width:100%; min-width:100%; }
body.full-width #ie-root #body-wrapper { width:expression((document.documentElement.offsetWidth) >1700 * (parseInt(document.body.currentStyle.fontSize) / parseInt(document.body.currentStyle.fontSize))?  "1600px" : ((document.documentElement.offsetWidth) < 1050? "990px" : "99%")); }
body.full-width #content { min-height:100%; height:auto !important; height:100%;}
body.full-width #content .shell-1 { width:100%; padding-left:0px; }

/* ----------- Top Banner / Header Info ---------------------------- */
#skip-links { overflow:hidden; width:0pt; min-height:0px; height:0px !important; height:0px; margin:0pt !important; margin:0pt; padding:0pt; padding-bottom:0pt; line-height:0pt !important; line-height:0pt; }
#masthead-topbar { width:100%; min-height:24px; height:24px !important; height:24px; margin:0; padding:0; border-bottom-width:0pt; }
#masthead-banner { position:relative; width:100%; min-height:65px; height:65px; margin-top:-3px; }
#masthead-banner img.bo, #masthead-banner img.zh  {position: relative; top: -3px;}
#side-column-search { overflow:hidden; width:0pt; min-height:0px; height:0px !important; height:0px; margin:0pt !important; margin:0pt; padding:0pt; padding-bottom:0pt; line-height:0pt !important; line-height:0pt;}
/* ----------- Footer Layout --------------------------------------- */
#footer { width:100%; min-height:115px; height:115px; margin-top:2px; }
#footer .shell { width:100%; margin:0; padding:0; text-align:center; }

/* ----Containers - Useful for dividing content and clearing floats -----------------------
------ Used as a pair the container-wrapper div is to wrap the container-wrapper-left/right/1col - */
.container-wrapper { clear:both; width:100%; margin:0 0 5px !important; margin:0; padding:0;}
/*------ Single division of content --------*/
.container-1col { overflow:hidden; float:left; width:99%; margin:0; padding:0;}
/*------ Left side of content area narrower --------*/
.container-left-2575 { overflow:hidden; float:left; width:26%; margin:0; padding:0;}
.container-right-2575 { overflow:hidden; float:right; width:72%; margin:0; padding:0;}
.container-left-3070 { overflow:hidden; float:left; width:30%; margin:0; padding:0;}
.container-right-3070 { overflow:hidden; float:right; width:68%; margin:0; padding:0;}
.container-left-4060 { overflow:hidden; float:left; width:34%; margin:0; padding:0;}
.container-right-4060 { overflow:hidden; float:right; width:64%; margin:0; padding:0;}
.container-left-2080 { overflow:hidden; float:left; width:20%; margin:0; padding:0;}
.container-right-2080 { overflow:hidden; float:right; width:78%; margin:0; padding:0;}
/*------ Equal division of content --------*/
.container-left-5050 { overflow:hidden; float:left; width:49%; margin:0; padding:0;}
.container-right-5050 { overflow:hidden; float:right; width:49%; margin:0; padding:0;}
/*------ Right side of content area narrower --------*/
.container-left-6040 { overflow:hidden; float:left; width:64%; margin:0; padding:0;}
.container-right-6040 { overflow:hidden; float:right; width:34%; margin:0; padding:0;}
.container-left-7030 { overflow:hidden; float:left; width:68%; margin:0; padding:0;}
.container-right-7030 { overflow:hidden; float:right; width:30%; margin:0; padding:0;}
.container-left-7525 { overflow:hidden; float:left; width:72%; margin:0; padding:0;}
.container-right-7525 { overflow:hidden; float:right; width:26%; margin:0; padding:0;}
.container-left-8020 { overflow:hidden; float:left; width:78%; margin:0; padding:0;}
.container-right-8020 { overflow:hidden; float:right; width:20%; margin:0; padding:0;}
.container-3col-left { overflow:hidden; float:left; width:32%; margin:0 20px 0 0; padding:0;}
.container-3col-middle { overflow:hidden; float:left; width:32%; margin:0; padding:0;}
.container-3col-right { overflow:hidden; float:right; width:32%; margin:0; padding:0;}

/* ----- Two methods of clearing Floats follows - use the first in most cases ------------------------- */
/* ----- METHOD 1 ------- */
* html .clear { height:1%; overflow:visible; } /* float clearing for IE6 */ 
*+html  .clear { min-height:1%; } /* float clearing for IE7  */ 
.clear {display:inline-block; clear:both;} /* this clearing method should cover all other browsers */

/*  ---- METHOD 2 ------- This system for clearing floats does not require extra markup ----------------------------
-------------------------- WARNING: ------- Problematic so use with care and full cross-browser testing ------------
-------------------------------------------------------------------------------------------------------------------*/
* html .clearfix { height:1%; overflow:visible; } /* float clearing for IE6 */
*+html  .clearfix { min-height:1%; } /* float clearing for IE7  */
.clearfix:after { clear: both; content: "."; display:block; height:0; visibility:hidden; } /* float clearing for everyone else */