﻿body{margin:0; padding:0;}

.body-main {padding:0 5px;}

#outer-wrapper {width: 100%;  margin: 0 auto; padding:0;}

#inner-wrap { width: 100%; margin:0 auto; }

#header{ width:1000px; margin: 0 auto;}
        
.header-menu-row{width:100%; display:inline-block; margin: 0 auto;}
.main-menu-row{width:100%; margin: 0 auto;}
.footer-menu-row{width:100%; 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:640px; margin:0 auto;}
.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: 175px; padding-left: 5px; position: relative; /* IE needs this  */}

/* right column
---------------------------------------------------------- */
#right {float: right; 	width: 175px; padding-right: 5px; position: relative; /* IE needs this  */
		margin-right: -180px; /* This negative margin-right value is the same as the right column width (width + padding). */}
		* html #right {	padding-right:0px;}
		
/* footer
---------------------------------------------------------- */
#footer {width:100%; margin:0px auto 0px auto; text-align:center; padding-top:5px;}

.clear{clear:both;}
