/*http://www.sperling.com/examples/box/*/
/* \*/
* html .tlc, * html .trc {height: 1%;}
/* */

.box1 {
/*	position: relative;*/
/*	margin-top: 3em;*/
/*	margin-left: auto;
	margin-right: auto;	*/
	width:98%;				/* <-- use this to tie width to viewport size */
	padding: 0;
	text-align: left;
	background-color: #ffeeee;
	margin: 0px;
}
.box2 {
/*	position: relative;*/
/*	margin-top: 3em;*/
/*	margin-left: auto;
	margin-right: auto;	*/
	width:98%;				/* <-- use this to tie width to viewport size */
	padding: 0;
	text-align: left;
	background-color: #ffffff;
	margin: 0px;
}

.boxcontent {
	padding:15px;
	padding-right: 20px;
}

.boxcontent h1 {
	font-weight: bold;
	font-size: 12pt;
}
		
.boxcontent p {
}
		
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

.tlc, .trc, .blc, .brc {
	background-color: transparent;
	background-repeat: no-repeat;
}

.tlc {
	background-image: url(../boxes2/tlc.gif);
	background-position: 0% 0%;
}

.trc {
	background-image: url(../boxes2/trc.gif);
	background-position: 100% 0%;
}
	
.blc {
	background-image: url(../boxes2/blc.gif);
	background-position: 0% 100%;
}

.brc {
	background-image: url(../boxes2/brc.gif);
	background-position: 100% 100%;
}

.tb, .bb {
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
.tb {
	background-image: url(../boxes2/tb.gif);
	background-position: 0% 0%;
}

.bb {
	background-image: url(../boxes2/bb.gif);
	background-position: 50% 100%;
}
	
.rb {
	background-image: url(../boxes2/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
}

.lb {
	/*background-color: #ffeeee;*/
	background-image: url(../boxes2/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
}