/* set all containers to span 100% height of browser viewport */
html, body, #tablecontainer {
    height:100%;
    margin: 0;
    padding: 0;
    border: none;
    text-align: center;
  }

/* content within this table is vertically aligned in the middle of the screen */
#tablecontainer {
	margin: 0 auto;
	text-align: left;
	vertical-align: middle;
	width: 780px;
	position:relative;
}

/* this is used on the index page to define the main content area of the home page, 
which needs to be centered horizontally and veritically. this allows me to position
the IT logo (itLogoIndex) 'relative' to this main content area. 
(the logo itself is positioned absolutely from the top of the content container.) */
#contentcontainer {
	position:relative;
}		
		
/* this logo needs to be on a different layer so that it doesn't shove the main content
area (contentcontainer) up too far so that it's out of synch with the stripe in the 
background. */
#itLogoIndex {
	position:absolute;
	top:435px; 
	right:0px; 
	z-index:2
}

/* 'background-attachment: fixed' prevents the background stripe from display somewhere
below the initial browser viewport on very long pages (like Brands). */
body {
	background-color: #57451B;
	background-image: url(../graphics/index_back.gif);
	background-repeat: repeat-x;
	background-position: center;
	background-attachment: fixed;
}

td {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #2D2003;
}

.interiorBkg {
	background-color: #BEAD88;
}
	
.content {
	padding-left: 70px;
	padding-right: 10px;
}

a:link, a:visited {
	color: #660000;
}

a:hover, a:active {
	color: #000000;
}

hr {			
	border: 0;
	width: 100%;
	height: 1px;
	color: #867450;
	background-color: #867450;
}	
						
.footer {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: bottom;
	padding-top: 50px;
	padding-bottom: 15px;
	padding-left: 70px;	
	background-color: #BEAD88;
}

.footerImg  {
	vertical-align: bottom;	
	padding-bottom: 30px;
	background-color: #BEAD88;
}

.copyright {
	/* color: #918057; */
	color: #725f35;
	padding-top:3px;
}

.indexFooter {
	background-image: url(../graphics/index_fill_2.gif);
	background-repeat: no-repeat;
	height: 101px;
	width: 430px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #BEAD88;
	/* padding-top: 40px; */
	vertical-align: bottom;
	padding-left: 35px;	
}

.indexCopyright {
	color: #A28F64;
	padding-top:3px;
	padding-bottom:10px;
}