
.box {
	width: 700px; 
	min-height: 300px;
	height: auto !important;
	height: 300px;	/* background: #ffffff; /* */
	/* background:#FF9966;/* */ padding: 10px 0;
	margin-left: 20px }
	

.column { float: left; }

.column.first { 
		width: 250px; 
		min-height: 300px;
		height: auto !important;
		height: 300px;	/* background: #ffffff; /* */
		/* background: #ff8800; */}
.column.last { 
		width: 450px; 
		min-height: 300px;
		height: auto !important;
		height: 300px;	/* background: #ffffff; /* */
		/* background: #990000; */}



.column.first, .column.last { margin: 0 !important; }

.swapcontent { margin: 0 !important; padding: 3px 0 0 0; /*background:#CCCCCC;  */}

.box:after, .swapcontent:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.box, .swapcontent { zoom: 1; }

ol.swapper { margin: 0; padding:0;list-style: none; line-height: 18px; cursor:pointer; }

.column.last .swapcontent.active p { margin: 0; padding: 0;}

.column.last .swapcontent p { margin: 0; padding: 0;}


.box .column.first ol.swapper li.swapnav { height: 20px; width: 240px; margin: 0; padding: 0 0 0 6px; cursor:pointer; border-bottom: #f0f0f0 1px dashed;}


.box .column.first ol.swapper li.swapnav.active { height: 20px; width: 240px; background: url(../imgs/arrow.gif) no-repeat left 1px; border-bottom: #ffffff 1px dashed; cursor:pointer; padding: 3px 0 0 7px;  margin: 0; color:#ffffff; }						


.column.last .swapcontent ul li { margin: 5px 0	; padding: 0 0 0 10px; min-height: 20px; height: auto !important; height: 20px;	width: 430px; line-height: 14px; list-style-type:none; }
