/*////////////////////////////////////////////////////////////////////
(c)2008 MarketKeyTraders.
////////////////////////////////////////////////////////////////////*/

@import "chrome.css";

#content_left {
	float: left;
	width: 230px !important; /* maintain width for non-IE browsers */
	width: 228px; /* fix IE... */
	padding: 0 10px;
}
#content_mid {
	float: left;
	width: 305px;
	margin: 10px 0;
	padding: 0 10px;
	border-left: solid 2px #CEC6A2;
	border-right: solid 2px #CEC6A2;
}
#content_right {
	float: right;
	width: 180px;
	padding: 0 10px;
}
#content_billboard { float: right; }

#hp_bottom_box, .hp_bottom_box_body, .hp_bottom_box_head, .hp_bottom_box_head h2 {
	background: transparent url(../Images/hp_bottom_box.jpg) no-repeat bottom right; 
}
#hp_bottom_box {
	width: 765px !important; /* intended total box width - padding-right(next) */
	width: 750px; /* IE Win = width - padding */
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
	margin: 10px auto; /* use to position the box */
}

/* set the top-right image */ 
.hp_bottom_box_head { 
	background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 30px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.hp_bottom_box_head h2 { 
	background-position: top left; 
	margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 15px 0 10px 20px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.hp_bottom_box_body { 
	background-position: bottom left; 
	margin-right: 25px; /* interior-padding right */ 
	padding: 0 0 10px 15px; /* mirror .cssbox_head right/left */
} 

.hp_bottom_box_head h2 { color: #004A87; font-family: Arial; font-size: 140%; }

.hp_bottom_box_sections { width: 100%; margin: 0; padding: 0; }
.hp_bottom_box_sections td { width: 33%; margin: 0; padding: 0 1%; }
.hp_bottom_box_section { padding: .5em; }
.hp_bottom_box_section h3 { margin: 0 0 .1em 0; padding: 0; }
.hp_bottom_box_section img {  }
.hp_bottom_box_section p { margin: 0; padding: 0; }


.quotebox { margin: 1em 0; padding: 0; }
.quotebox h3 { font-size: 100%; color: #004A87; margin: 0 0 .5em 0; padding: 0; }
.quotetext { font-style: italic; margin-bottom: .5em; }
.quoteowner { text-align: right; }

.newsbox { margin: 1em 0; padding: 0; }
.newsbox h4 { font-size: 100%; color: #004A87; margin: 0 0 .5em 0; padding: 0; }
.newsbox ul { margin: 0; padding: 0;  }
.newsbox li { display: block; list-style-type: none; border-bottom: solid 1px #CCC; margin-bottom: 1em; padding: 1em 0; }
.newsbox li:hover { background-color: #F9F8F2; cursor: pointer; }
.newsbox .newsdate { font-weight: bold; font-size: 90%; }
.newsbox .newssummary { margin-bottom: .5em; }
.newsbox .newslink { display: block; text-align: right; margin: 0; padding: 0; }

.newsletterbox { margin: 1em 0; padding: 0; }
.newsletterbox h3 { font-size: 100%; color: #004A87; margin: 0 0 .5em 0; padding: 0; }

.productbox { margin: 0; padding: 0; }
.productbox h2 {  margin: 0 0 .5em 0; padding: 0; }
.productbox img {  }
.productbox ul li { list-style-image: url(../images/arrowbullet.gif); padding: .3em; }

table.form td { padding: .1em 0; }

.imgfloatleft { float: left; margin: 5px; }
.imgfloatright { float: right; margin: 5px; }


h1, h2, h3, h4 { font-family: Tahoma; color: #C00; }