/* bars_boxes */
/* full layout css bars and boxes */
/* Nov 2007, Nichole Koonce */

/* bar1 html
<div class="bar1"><div class="bar1_lft"><div class="bar1_mid"><div class="bar1_rht"></div></div></div>
</div>
*/
.bar1 {
width:100%;
height:32px;
padding-right:0px;
}
.bar1_rht {
background-image: url('images/bar1_rt.jpg');
background-repeat:no-repeat;
background-position: top right;
margin: 0px 0px 0px 0px; 
padding: 32px 0px 0px 0px;  
}
.bar1_mid {
background-image: url('images/bar1_mid.jpg');
background-repeat:repeat-x;
margin: 0px 0px 0px 20px; 
padding: 00px 0px 0px 0px; 
}
.bar1_lft {
background-image: url('images/bar1_lft.jpg');
background-position: top left;
background-repeat:no-repeat; 
margin: 0px 0px 0px 0px; 
padding: -32px 0px 0px 0px; 
}

/* box1 html */
/* <div class="box1">
<div class="hd1"><div class="c_t1"></div></div>
<div class="bd1"><div class="c_s1">
<div class=box_text1>put your content here</div>
</div>
</div>
<div class="ft1"><div class="c_b1"></div></div>
</div> */
#box_container {
	width: 100%;
	text-align: center;
}
.box1 {
	width: 680px !important; /* intended total box width - padding-right(next) */ ;
	width: 665px; /* IE Win = width - padding */ ; /* the gap on the right edge of the image (not content padding) */ ;
}
.hd1 {
	background-image: url('images/box_830x630_hd.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: 20px;
	padding-bottom: 0px;
}
.bd1 {
	background-image: url('images/box_830x630_bd.jpg');
	background-repeat: repeat-y;
	height: auto; /* IE Holly Hack */;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.ft1 {
	background-image: url('images/box_830x630_ft.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.c_t1 {
	background-image: url('images/box_830x630_ct.jpg');
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 0px;
	padding-top: 28px;
}
.c_s1 {
	background-image: url('images/box_830x630_right.jpg');
	background-repeat: repeat-y;
	background-position: right;
}
.c_b1 {
	background-image: url('images/box_830x630_cb.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 20px 0px 10px 0px;
}
.box_text1 {
	margin-left: 40px;
	margin-right: 50px;
	text-align: center;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.box1 h3 {
	margin: 0px;
}
.box1 h4 {
	margin: 10px;
}

/* frame1 html
<div class="frame_box">
<div class="frame1_lft"><div class="frame1_mid"><div class="frame1_rht"></div></div>
</div><div class="bg"><div class="frame1_s"><div class="frame1_sr"><div class="frame_text">Your stuff goes here  </div></div></div></div>
<div class="bar1_lft"><div class="bar1_mid"><div class="bar1_rht"></div></div>
</div></div>
*/
.frame_box {
width:170px; /* sets total box size */
margin-left:10px; /* sets box position */
}
.bg {
background-image: url('images/paper_back.jpg');
}
.frame1_rht {
background-image: url('images/frame1_top_rht.jpg');
background-repeat:no-repeat;
background-position: top right; 
padding: 32px 0px 0px 0px;  
}
.frame1_mid {
background-image: url('images/frame1_top_mid.jpg');
background-repeat:repeat-x;
margin: 0px 0px 0px 20px;  
}
.frame1_lft {
background-image: url('images/frame1_top_lft.jpg');
background-position: top left;
background-repeat:no-repeat;  
padding: -32px 0px 0px 0px; 
}
.frame1_s {
background-image: url('images/frame1_s.jpg');
background-repeat:repeat-y; 
}
.frame1_sr {
background-image: url('images/frame1_sr.jpg');
background-position: right;
background-repeat:repeat-y; 
padding: 0px 0px 10px 0px; 
}
.frame_text {
margin-left:10px;
margin-right:15px;
text-align:center;
}
.frame_box h4{
	margin:0px;
}