/* TWO COLUMN LAYOUT */

body {
	text-align:center; /* IE6 needs this to center the layout in the browser window */
	}
#main_wrapper {
	width:840px; /* widths of columns will change proportionately as this width is changed */
	margin-left:auto;  /* centers layout in browser */
	margin-right:auto; /* centers layout in browser */
	text-align:left; /* resets the centering hack for IE6 on the body tag */
}
#header {
	}
#header_thin {
	height: 10px;
	}

/* CSS TABLE  ####################################################  */
#box-table-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 10px;
	margin: 0px;
	width: 690px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th
{
	font-size: 10px;
	font-weight: normal;
	padding: 2px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
}
#box-table-a td
{
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #d0dafd;
	color: #339;
}


#box-table-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 10px;
	margin: 0px;
	width: 690px;
	text-align: center;
	border-collapse: collapse;
	border-top: 7px solid #9baff1;
	border-bottom: 7px solid #9baff1;
}
#box-table-b th
{
	font-size: 10px;
	font-weight: bold;
	padding: 2px;
	background: #e8edff;
	border-right: 1px solid #9baff1;
	border-left: 1px solid #9baff1;
	color: #039;
}
#box-table-b td
{
	padding: 8px;
	background: #e8edff; 
	border-right: 1px solid #aabcfe;
	border-left: 1px solid #aabcfe;
	color: #669;
}

/* CSS TABLE $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$  */





#picture_price {
		float:left;
		width:33.33%; 
	}
#picture_price_inner { 
	padding:4px 4px 4px 4px; 
	text-align:center;
	border-top:1px solid #330000;
	border-right:1px solid #330000;
	border-bottom:1px solid #330000;
	border-left:1px solid #330000;

	}
	
#nav {
	 width:16%; /* this width + content width must total 100% */	 float:left;  
	/* floats on nav and content divs make them sit side by side */
	}

#content {
	float:left; /* floats on nav and content divs make them sit side 	by side */
	width:84%; /* this width + nav width must total 100% */
	top:0px;	
	}
#footer {
	clear:both; /* makes the footer sit below whichever column is 	longest */
	}
#footer2 {
	clear:both; /* makes the footer sit below whichever column is 	longest */
	}

#header_inner, #nav_inner,#content_inner, #promo_inner, #picture_price_inner  {
	overflow:hidden; /* clips oversize elements that would otherwise expand divs and break the layout */
	}
#header_inner { 
	padding:.5em .5em; 
	text-align:center;
	border-bottom:3px solid #330000;
	/*border-top:3px solid #330000;*/

	}
#nav_inner {
	padding:.2em .2em; /* creates space between the box and the content */                  
	}
#content_inner { 
	padding: 2px 4px 2px 2px; 
	border-left:3px solid #330000;
	text-align:center;
	     /*  float:left;   Can't do this here ????? */
	}
#content_inner2 { 
	padding: 2px 2px 2px 2px;
	border-left:3px solid #330000;
	text-align:center;  
	}
#content_inner3 { 
	padding: 2px 12px 2px 2px;
	text-align:right;  
	}


#footer_inner {
	padding:.5em 1em; /* creates space between the box and the content */
	text-align:center;
	border-top:3px solid #330000;
	}
#footer2_inner {
	padding:.5em 1em; 
	text-align:justify; 
	border-top:3px solid #330000;
	}