body{margin:0; padding:0;}

.body-main {padding:0 5px;}

#outer-wrapper {width: 1000px;  margin: 0 auto; padding:0;}

#inner-wrapper { }

#header{height:85px;  width:1000px;
        margin: 0 auto;}
        
.header-menu-row{width:1000px; margin: 0 auto; clear:both;}
.main-menu-row{width:1000px; margin: 0 auto;}
.footer-menu-row{width:1000px; margin: 0 auto;}

/* breadcrumb trail
---------------------------------------------------------- */
.bct { display:none;/*height:10px; width:99%; margin:0 auto;*/}
.bct a {}


.outer-outer-wrap{width:1000px; margin: 0 auto;}
.outer {width:820px; /*640px + the border width = 1000px;*/
        margin-left:180px;}
.inner {width: 100%;}
/* div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
*/
.float-wrap {float: left; width: 100%; margin-left: -180px; /* Same length as .outer padding-left but with negative value */}
.content-wrap {float: right; margin-right: -180px; /* Same length as .outer padding-left but with negative value */
		width: 100%; position: relative; /* IE needs this  ***/   }
		
* html .content-wrap {	position: relative;}

.content  {	margin: 0 0px;}

/* left column
---------------------------------------------------------- */
/* div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
*/
#left {float: left;	width: 170px;/*padding: 5px;*/position: relative; /* IE needs this  */
       padding-left:5px;}

/* right column
---------------------------------------------------------- */
#right {display:none;}

/* footer
---------------------------------------------------------- */
#footer {width:1000px;margin:0px auto 0px auto; text-align:center; padding-top:5px;}

.clear{clear:both;}