@charset "utf-8";

h1, h3, h5, h6 {color:#CC0066;}

h2.imgTitle { margin: 20px 0 10px 0; }

/*Banner*/
#mainBanner {background: #F2F6F7;}
#mainBanner #bannerImg {background: none;}
#mainBanner #bannerTitle {background:url(../images/mysetting/title.gif) no-repeat 15px 25px;}

/*Left Column*/
#content {background:#fff;}
#leftCol {margin:0 0 0 -569px; background:#fff;}
#leftColMar {margin:0 0 0 569px; height: 863px; border-bottom: 1px #E1E1E1 solid; }
#rightCol {width:569px; margin:0; background: #fff;}
#leftColBgR {padding-left:0; padding-right:0;}
#newsContent {float:none; padding:0 1px 0 1px;}
#newsContent #date {margin:5px 0;}
#contentTop {padding:0 7px 0 8px;}

.speakingMain {background:url(../images/bg_main_story.gif) repeat-x left bottom; border-bottom:#E1E1E1 1px solid; padding:0 0 0 20px;}
.genIcon {margin:0 0 -5px 3px;}
a.arrow {background:url(../images/speaking/arrow.gif) no-repeat 0 5px;}
.btnWhiteR a {background:url(../images/speaking/arrow.gif) no-repeat 0 5px;}

.changeColorFooter { background: url(../images/mysetting/colorfooter.gif) no-repeat; height: 45px; width: 414px; margin: 60px 0 0 -1px; position: relative; z-index: 1000;}

.leftColors p.colorName { margin: 0; padding: 30px 0 0 0; text-align: left; font-weight: bold; color: #333; }

.leftColors a {
	background: url(../images/mysetting/greyBg.gif) repeat-x;
	height: 116px;
	display: block;
	text-decoration: none;
	text-align: left;
	padding: 0 0 0 5%;
	margin: 0;
}

.leftColors a.active {
	background: url(../images/mysetting/greyBgHover.gif) repeat-x;
	height: 116px;
	display: block;
	text-decoration: none;
}

.leftColors a:hover {
	background: url(../images/mysetting/greyBgHover.gif) repeat-x;
	height: 116px;
	display: block;
	text-decoration: none;
}

.rightPreview {
	float: left;
	margin: 87px 0 20px 0;
}