/* CSS Document */

/* Home Page Styles*/

#pageContent {
	width: 759px;
	padding: 15px 0 15px 15px;
	}


div.colOne {
	width: 384px;
	}
	
div.colTwo {
	width: 370px;
	}
	
#panelLeft {
	background: url(../../images/home/breakdown-cover.jpg) no-repeat;
	width: 374px;
	height: 356px;
	position: relative;
	}
	
#panelLeft p.white {
	color: #fff;
	font-size: 1.7em;
	font-weight: bold;
	padding: 204px 64px 0px 16px;
	}
	
#panelLeft p.orange {
	color: #ff8200;
	font-size: 2.0em;
	padding: 0 0 0 16px;
	font-weight: bold;
	float: left;
	width: 200px;
	}
	
/*#panelLeft a {
	display: block;
	font-size: 1px;
	height: 350px;
	position: absolute;
	text-indent: -9999px;
	top: 0pt;
	width: 370px;
	left: 0;
	background-image: url(../../images/layout/trans.gif);
	}*/
	
#panelLeft a.join {
	display: block;
	font-size: 1px;
	height: 20px;
	position: absolute;
	text-indent: -9999px;
	top: 300px;
	width: 135px;
	left: 225px;
	background-image: url(../../images/layout/trans.gif);
	}
	
 a.renew {
	display: block;
	font-size: 1px;
	height: 20px;
	position: absolute;
	text-indent: -9999px;
	top: 325px;
	width: 135px;
	left: 225px;
	background-image: url(../../images/layout/trans.gif);
	}
	

/* New panel */
	
	#panelLeftNew {
		background: url(../../images/home/breakdown-cover-new.jpg) no-repeat;
		width: 374px;
		height: 356px;
		position: relative;
		}
		
	#panelLeftNew h2 {
		color: #ffffff;
		font-size:16px;
		padding: 40px 0 0 157px;
		}
		
	#panelLeftNew p {
		color: #004aa0;
		font-size:16px;
		padding: 199px 0 0 11px;
		}
		
	 #panelLeftNew a {
		display: block;
		font-size: 1px;
		
		position: absolute;
		text-indent: -9999px;
		background-image: url(../../images/layout/trans.gif);
		}
		
	 #panelLeftNew a.more {
		left:174px;
top:299px;
width:185px;
height: 17px;
		}
	
 	#panelLeftNew a.join {
		left:195px;
top:317px;
width:163px;
height: 15px;
	}
	
#panelLeftNew a.renew {
		left:195px;
top:332px;
width:163px;
height: 15px;
	}
	
	
	
	
#panelRightTop, #panelRightBottom {
	width: 374px;
	height: 173px;
	position:relative;
	}
	
#panelRightTop {
	background: url(../../images/home/online-shop.jpg) no-repeat;
	}
		
#panelRightBottom {
	background: url(../../images/home/courses.jpg) no-repeat;
	margin: 9px 0 0 0;
	}

#panelRightTop p, #panelRightBottom p {
	width: 140px;
	font-size: 1.4em;
	color: #5b5b5b;
	padding: 0 20px 0 0;
	margin: 20px 0 0 16px;
	float: left;
	}
	
#panelRightTop a, #panelRightBottom a {
	background-image: url(../../images/layout/trans.gif);
	display: block;
	font-size:1px;
	height:170px;
	left:0pt;
	position:absolute;
	text-indent:-9999px;
	top:0pt;
	width:370px;
	}


#logos {
	text-align: center;
	margin: 30px 0 0 0;
	}