@charset "utf-8";
/* CSS Document */
#contentBox{
	width: 742px;
	margin-top: 8px;
	padding: 20px;
	border-bottom: 1px #ececec solid;
	text-align:left;
	font-size:13px;
}

#threeBoxHolder{
	background:url(../images/boxbg.gif) top left no-repeat;
	width:782px;
	margin-top:8px;
	text-align:left;
	}
	
	#threeBoxHolder h2{
		color:#b52a1e;
		font-size:18px;
		font-weight:bold;
		padding:25px 107px 0 20px;
		width:124px;
		height:53px;		
		}

	#threeBoxHolder p {
		margin: 10px;
		color: #6B6B6B;
		text-align: justify;
		font-size:12px;
		}
	
	#threeBoxHolder p a, #rightPanel p a{
		color: #e45a0f;
		}
	
	#threeBoxHolder p a:hover, #rightPanel p a:hover {
		color: #42b7d0;
		}
		
	#box1, #box2, #box3{
		width:251px;
		float:left;
		}
	
	#box1{
		background:url(../images/boxtitle1.gif) top left no-repeat;
		margin-right:15px;
		}		
	#box2{
		background:url(../images/boxtitle2.gif) top left no-repeat;
		margin-right:14px;	
		}			
		
	#box3{
		background:url(../images/boxtitle3.gif) top left no-repeat;
	
		}
#threeBoxHolderBottom{
	background:url(../images/boxesbottom.gif) top left no-repeat;
	width:782px;
	height:12px;				
	}


	#leftPanel {
		float: left; 
		width: 460px; 
		margin-right: 15px; 
		padding-right: 15px; 
		border-right: 1px #ececec solid;
		}
	
	#leftPanel p {
		margin-top: 10px;
		text-align: justify;
		}
	#leftPanel h1{
		font-size:26px;
		color:#4b4b4b;
		}
	

	
	.columnlist ul {
		float: left;
		width: 15em; /* width is changed */
		margin: 0;
		padding: 0;
		list-style: none;
		}
	 
	.columnlist li {
		list-style-type: none;
		float: left;
		width: 200px;
		margin: 2px 0;
		background: url(../images/bullet.gif) 0 3px no-repeat;
		padding: 0 0 0 15px; /* left padding moves the text away from the bullet */
		}
	
	.columnlist a {
		color: #363636;
		text-decoration: none;
		}
		
	.columnlist a:hover {
		text-decoration: underline;
		}
		
	.horizontalist li {
		display: inline;
		list-style-type: none;
		margin-right: 20px;
		background: url(../images/bullet.gif) 0 3px no-repeat;
		padding: 0 0 0 15px; /* left padding moves the text away from the bullet */	
		}
	
	.horizontalist a {
		color: #e45a0f;
		}
	
	.horizontalist a:hover {
		color: #42b7d0;
		}
	
	#rightPanel {
		float: left; 
		width: 250px; 
		}
		
	#rightPanel p {
		margin: 5px;
		font-size:12px;
		}
	
	.imgleft {
		float: left;
		margin: 0 10px 10px 0;
		}
	
	.imgright {
		float: right;
		margin: 0 0 10px 10px;
		}
