#outline {
	width : 800px ;
	text-align : left ;
	font-size : 85%;
}

body {
	/* background-image : url(images/english_note.gif); */
}

em {
	font-style : normal;
	font-weight : bold;
	color : #ff2020;
}

a:hover {
	color: orange
} 


.header {
	text-align : center ;
	margin-top : 10px ;
	margin-bottom : 20px ;
}

.header h1 {font-size : 12px; font-weight : normal; margin : 0px 0px 0px 10px; line-height : 100%; float : left}


.sitemap {font-size : 12px; float : right; margin-right : 10px}


.top-logo {
	border : 0px;
}


.link-to-home {
	text-align : center;
	margin : 30px;
}


.main {
	width : 610px ;
	float : right ;
}

.top-right {							/* centere and right of the top page */
	width : 560px ;
	float : right ;
	margin-right : 5px ;
}
.top-right li {line-height : 160%}
.top-right ul {margin-left : -10px}
.top-right hr {border-style: dashed none none none; border-top-width: 1px; height : 2px; border-top-color : #9090ff; margin-top : 10px; margin-bottom : 10px}
.top-right h2 {
	font-size : 110%;
	color : #20a020;
	margin-top : 5px;
	margin-bottom : 0px;
}

.top-right h3 {
	font-size : 100%;
	color : #f03030;
	margin-bottom : 5px;
}

.top-image {
	float : right;
	border : none;
	margin : 15px 5px 0px 10px;
}

.points {
	margin-bottom : 10px;
}

.whats-new li {margin : 10px 0px 10px 0px}

.top-main-contents-header h2 {
	font-size : 105%;
	color : #a030a0;
	margin-bottom : 0px;
}


.top-main-contents {
	margin : 10px 20px 10px 0px;
	list-style-type : none;
	font-size : 100%;
}

.top-main-contents h2 {
	font-size : 110%;
	color : #008000;
	margin : 5px 0px 5px 0px;
	padding-bottom : 0px;
}

.top-main-contents p {margin : 0px 0px 5px 0px}

.top-main-contents li {
	font-size : 95%;
}

.top-main-contents-left {
	width : 260px;
	float : left;
}

.top-main-contents-right {
	width : 260px;
	float : right;
}

.main-menu {margin-left : 10px}
.main-menu h2 {line-height : 36px; font-size : 110%; font-weight : normal; padding-left : 15px; background-repeat : no-repeat; background-position : 0px 5px}
.main-menu li {line-height : 170%; list-style-type : disc; padding-left : 0px}
.main-menu ul {margin: 0px 0px 30px 0px; padding: 10px 0px 0px 20px; list-style-type: disc; line-height : 150% }


.sub-index-right {
	width : 560px ;
	float : right ;
	margin-right : 5px ;
}
.sub-index-right h1 {line-height : 38px; font-size : 130%; min-height : 38px; margin : 0px 0px 10px 0px; padding-left : 15px; background-image : url(images/header_long_red.gif); background-repeat : no-repeat;}
.sub-index-right h2 {line-height : 24px; color : #801010; font-size : 105%; margin-bottom : 0px}
.sub-index-right ul {margin-top : 15px; margin-bottom : 20px}
.sub-index-right li {margin-bottom : 12px}
.sub-index-right p {line-height : 160%; margin-top : 5px; margin-bottom : 5px}
.sub-index-right hr {border-style: dashed none none none; border-top-width: 1px; height : 2px; border-top-color : #9090ff}

.sub-right {
	width : 560px ;
	float : right ;
	margin-right : 5px ;
}

.sub-right h1 {line-height : 38px; font-size : 130%; min-height : 38px; margin : 0px 0px 0px 0px; padding-left : 15px; background-image : url(images/header_long_pink.gif); background-repeat : no-repeat}
.sub-right h2 {line-height : 24px; background-image : url(images/marker_blue.gif); background-repeat : no-repeat; font-size : 110%; margin-bottom :10px; padding-left : 25px}
.sub-right h3 {line-height : 20px; font-size : 100%; margin-bottom : 10px; padding-left : 25px; background-image : url(images/triangle_pink.gif); background-repeat : no-repeat; background-position : 3px 0px}
.sub-right h4 {margin-left : 10px; color : #0000d0}
.sub-right table, td {border : 1px #000000 solid; padding : 5px}
.sub-right table, td {border-collapse : collapse; margin-bottom : 15px}
.sub-right ul {margin-top : 15px; margin-bottom : 20px}
.sub-right li {margin-bottom : 8px}
.sub-right p {line-height : 160%; margin-top : 10px}
.sub-right hr {border-style: dashed none none none; border-top-width: 1px; height : 2px; border-top-color : #9090ff; margin-top: 20px}
.sub-right table {border : 1px #a0a0ff solid; margin-top : 10px}
.sub-right td {border : 1px #a0a0ff solid; padding-left : 15px; padding-right : 15px; font-size : 85%}

.blog li {
	margin-top : 0px;
	float : left;
}

.blog-entry {
	margin-bottom : 10px;
	clear : both;
}

.blog-date {
	margin-top : 0px;
	float : right;
}

.blog-line {
	height: 1px;
	border: none;
	border-top: 1px #8080ff dashed;
}

.q-of-the-week {
	padding : 0px 5px 0px 5px;
}

.todays-word {
	margin-left : 10px;
}

.centering {
	text-align : center;
}

.todays-word-header {
	margin-top : 10px;
	margin-bottom : 10px;
}

.todays-word {
	margin-left : 10px;
}

.q-word {
	margin-left : 10px;
}

.each-word {
	width : 120px;
	float : left;
}

.eval-button {
	margin-top : 15px;
	margin-bottom : 15px;
}

.word-table {
	width : 360px;
	float : right;
}

.word-ad {
	float : left;
}

.training-table {
	margin-top : 15px;
	border-width : 1px;
}


.alc-image {
	float : left;
	margin-right : 15px;
}

.alc-course {
	clear : both;
	margin-top : 15px;
	margin-bottom : 15px;
}

.header-image {
	margin : 15px 5px 0px 0px;
}

.ranking {
	margin-top : 20px;
	margin-left : 30px;
}


.schedule {
	margin-left : 10px;
}

.enphasis {font-weight : bold; color : red}

.small-font {font-size : 90%}

.small-list {margin-left : -25px; line-height : 120%; font-size : 90%}

.info-text {margin : 5px}

.big-font {font-size : 200%}

.indent {margin-left : 25px}

.ad {
	margin : 20px 0px 20px 0px
}

.text-ad {
	text-align : center;
	margin : 20px 0px 20px 0px
}

.margin-top-bottom {
	margin-top : 20px;
	margin-bottom :20px;
}

.continue {
	text-align : right;
	margin-bottom : 15px;
}

.floated-right-image {
	float : right;
	margin : 15px 5px 15px 15px;
}

.floated-left-image {
	float : left;
	margin : 20px 0px 20px 10px;
}

.float-left {
	float : left;
}

.c-left {
	clear : left;
}

.c-right {
	clear : right;
}

.c-both {
	clear : both ;
}

.footer {
	text-align : center ;
	font-size : 90%;
	margin-top : 15px;
}



/* old classes */

.top-centere {							/* center of the top page */	
width : 410px ;
float : left ;
margin-bottom : 15px;
}

.top-centere p {margin-top : 10px}

.side-left {
width : 160px ;
float : left ;
background : #ffffff ;
}

.side-right {
width : 160px ;
float : right ;
background : #ffffff ;
}

.top-very-right {						/* right of the top page */
width : 140px;
float : right ;
}

.sub-menu h2 {font-size : 110%; padding-left : 5px; margin : 0px; font-weight : normal;}
.sub-menu li {list-style-type : disc}

.centere {
width : 420px ;
float : left ;
background : #ffffff ;
}

.top-menu-left {font-size : 95% }
.top-menu-left h2 {line-height : 40px; font-size : 120%; font-weight : normal; padding-left : 15px; background-repeat : no-repeat; background-position : 0px 5px}
.top-menu-left p { margin-top : 5px; padding : 0px 10px 0px 10px}

.top-left li {list-style-type : none; line-height : 140%; font-size : 95%; border-style : groove; border-width : 0px 0px 0px 5px; border-color : #0000ff; margin-bottom : 5px; padding-left : 10px}
.top-left ul {margin: 0px 0px 0px 0px; padding: 10px; list-style-type: square; font-size : 95%; }