@charset "UTF-8";

/* reallyenglish content.css */

/* heading */

#main h1 {
	margin:0px 0px 16px 0px;
	padding:0px;
}

#main h2 {
	font-size:1.2em;
	font-weight:bold;
	margin:0px;
	padding:1px 0px 8px 16px;
	background-image:url(../../img/h2.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#main .h2End {
	width:100%;
	height:4px;
	margin:-4px 0px 8px 0px;
	padding:0px;
	background-image:url(../../img/h2_end.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#main h3 {
	font-size:1em;
	font-weight:bold;
	margin:0px;
	padding:1px 0px 0px 16px;
	background-image:url(../../img/h3.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#main .h3End {
	width:100%;
	height:4px;
	margin:-4px 0px 8px 0px;
	padding:0px;
	background-image:url(../../img/h3_end.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#main h4 {
	font-size:1em;
	font-weight:bold;
	margin:0px 0px 8px 0px;
	padding:0px;
}

#main h5 {
	font-size:0.85em;
	font-weight:bold;
	margin:0px 0px 4px 0px;
	padding:0px;
}


/* head image */

#main #headImage {
	margin:0px 0px 32px 0px;
	padding:0px;
}



/* text */

p {
	margin:0px 0px 8px 0px;
}

.last {
	margin:0px 0px 16px 0px;
}

strong {
	font-weight:bold;
}

.signature {
	margin:0px;
	padding:0px 0px 16px 0px;
	text-align:right;
}

blockquote {
	margin:0px;
	padding:0px 0px 16px 32px;
}


/* float */

.right{
	margin:0px 0px 16px 16px;
	padding:0px;
}

.left{
	margin:0px 16px 16px 0px;
	padding:0px;
}

.rightColumn {
	float:right;
	margin:0px 0px 16px 16px;
	padding:0px;
}

.leftColumn {
	float:left;
	margin:0px 16px 16px 0px;
	padding:0px;
}



/* 1-2 column */

.column12 {
	width:560px;
	margin:0px;
	padding:0px 0px 16px 0px;
}

.column12 .rightColumn {
	float:right;
	width:368px;
	margin:0px;
	padding:0px;
}

.column12 .rightColumn2 {
	float:right;
	width:420px;
	margin:0px;
	padding:0px;
}

.column12 .rightColumn3 {
	float:right;
	width:300px;
	margin:0px;
	padding:0px;
}

.column12 .leftColumn {
	float:left;
	width:176px;
	margin:0px;
	padding:0px;
}

.column12 .leftColumn2 {
	float:left;
	width:124px;
	margin:0px;
	padding:0px;
}



/* 3columns */

.column3 {
	width:560px;
	margin:0px;
	padding:0px 0px 16px 0px;
}

.column3 .centerColumn {
	float:left;
	width: 176px;
	margin:0px 0px 0px 16px;
	padding:0px;
}

.column3 .leftColumn {
	float:left;
	top: 0px;
	left: 0px;
	width: 176px;
	margin:0px;
	padding:0px;
}

.column3 .rightColumn {
	float:right;
	top: 0px;
	right: 0px;
	width: 176px;
	margin:0px;
	padding:0px;
}


/* 2columns */

.column2 {
	width:560px;
	margin:0px;
	padding:0px 0px 16px 0px;
}

.column22 {
	width:440px;
	margin:0px;
	padding:0px 0px 16px 0px;
}

.column2 .leftColumn {
	float:left;
	top: 0px;
	left: 0px;
	width: 272px;
	margin:0px;
	padding:0px;
}

.column22 .leftColumn {
	float:left;
	top: 0px;
	left: 0px;
	width: 220px;
	margin:0px;
	padding:0px;
}

.column2 .rightColumn {
	float:right;
	top: 0px;
	right: 0px;
	width: 272px;
	margin:0px;
	padding:0px;
}

.column22 .rightColumn {
	float:right;
	top: 0px;
	right: 0px;
	width: 220px;
	margin:0px;
	padding:0px;
}


/* 1column */

.column1 {
	width:560px;
	margin:0px;
	padding:0px 0px 16px 0px;
}



/* table */

#main table {
	width:100%;
	margin:0px 0px 16px 0px;
	padding:0px;
	border-collapse: collapse;
	border-width:2px;
	border-style:solid;
	border-color:#b3b3b3;
	background-color:#fafafa;
}

#main table caption{
	margin:0px;
	padding:4px;
	caption-side:bottom;
}

#main td{
	border-collapse:collapse;
	margin:0px;
	padding:4px 8px 4px 8px;
	border-width:1px 0px 0px 1px;
	border-style:solid;
	border-color:#b3b3b3;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}

#main th{
	border-collapse:collapse;
	margin:0px;
	padding:4px 8px 4px 8px;
	border-width:1px 0px 0px 1px;
	border-style:solid;
	border-color:#b3b3b3;
	white-space:nowrap;
	background-color:#f0f0f0;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
}


/* link */

.normalLink{
	background-image:url(../../img/icon_link.gif);
	background-position:0px 4px;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px 0px 0px 16px;
}

.upLink{
	background-image:url(../../img/icon_link_up.gif);
	background-position:0px 4px;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px 0px 0px 16px;
}

.downLink{
	background-image:url(../../img/icon_link_down.gif);
	background-position:0px 4px;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px 0px 0px 16px;
}

.outLink{
	background-image:url(../../img/icon_link_outside.gif);
	background-position:0px 4px;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px 0px 0px 16px;
}

.overLink{
	background-image:url(../../img/icon_link_over.gif);
	background-position:0px 4px;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px 0px 0px 16px;
}

.fileLink{
	background-image:url(../../img/icon_link_file.gif);
	background-position:0px 4px;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px 0px 0px 16px;
}

a:link {
	color:#000000;
	text-decoration:none;
}

a:visited {
	color:#333333;
	text-decoration:none;
}

a:hover, a:active, a:focus {
	color:#0080d9;
	text-decoration:underline;
}

a.textLink:link {
	color:#0080d9;
	text-decoration:underline;
}

a.textLink:visited {
	color:#4caaff;
	text-decoration:underline;
}

a.textLink:hover, a.textLink:active, a.textLink:focus {
	color:#000000;
	text-decoration:none;
}

.anchor {
	display:none;
}

/* related link */

#main .relatedLink {
	margin:0px;
	padding:0px 0px 0px 16px;
	background-image:url(../../img/relatedlink.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#main .relatedLinkEnd {
	width:100%;
	height:4px;
	margin:-4px 0px 16px 0px;
	padding:0px;
	background-image:url(../../img/relatedlink_end.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

/* child link */

#main .childLink{
	margin:0px;
	padding:0px 0px 16px 0px;
}

/* list */

#main ul{
	width:560px;
	margin:0px 0px 16px 0px;
	padding:0px;
	list-style-type:none;
}

#main ul.last{
	width:560px;
	margin:0px 0px 32px 0px;
	padding:0px;
	list-style-type:none;
}

#main ul.last2{
	width:272px;
	margin:0px 0px 8px 0px;
	padding:0px;
	list-style-type:none;
}


/* number list */

#main ul li .listNumber {
	width:16px;
	margin:0px;
	padding:0px;
	float:left;
	font-weight:bold;
}

#main ul li .numberItem {
	width:528px;
	margin:0px;
	padding:0px;
	float:right;
}

/* list item */

#main li{
	width:552px;
	margin:0px;
	padding:4px;
	border-color:#b3b3b3;
	border-style:dotted;
	border-width:1px 0px 0px 0px;
}

#main2 li{
	width:245px;
	margin:0px;
	padding:0px;
	border-color:#b3b3b3;
	border-style:dotted;
	border-width:1px 0px 0px 0px;
	float:right;
}

#main li.firstItem{
	width:552px;
	margin:0px;
	padding:4px;
	border-color:#666666;
	border-style:solid;
	border-width:1px 0px 0px 0px;
	background-color:#f5f5f5;
}

#main li.firstItem2{
	width:265px;
	margin:0px;
	padding:4px;
	border-color:#666666;
	border-style:solid;
	border-width:1px 0px 0px 0px;
	background-color:#f5f5f5;
}

#main li.firstItem3{
	width:420px;
	margin:0px;
	padding:4px;
	border-color:#666666;
	border-style:solid;
	border-width:1px 0px 0px 0px;
	background-color:#f5f5f5;
}

#main li.firstEvenItem{
	width:552px;
	margin:0px;
	padding:4px;
	border-color:#666666;
	border-style:solid;
	border-width:1px 0px 0px 0px;
}

#main li.oddItem{
	width:552px;
	margin:0px;
	padding:4px;
	background-color:#f5f5f5;
}

#main li.oddItem2{
	width:265px;
	margin:0px;
	padding:4px;
	background-color:#f5f5f5;
}

#main li.oddItem3{
	width:420px;
	margin:0px;
	padding:4px;
	background-color:#f5f5f5;
}

#main li.newItem2{
	width:265px;
	margin:0px;
	padding:4px;
	border-color:#b3b3b3;
	border-style:dotted;
	border-width:1px 0px 0px 0px;
}

#main li.newItem3{
	width:420px;
	margin:0px;
	padding:4px;
	border-color:#b3b3b3;
	border-style:dotted;
	border-width:1px 0px 0px 0px;
}

/* item list */

#main ul li .item{
	width:172px;
	margin:0px;
	padding:0px;
	float:left;
	font-weight:bold;
}

#main ul li .description{
	width:364px;
	margin:0px;
	padding:0px;
	float:right;
}

#main .level1 {
	margin:0px;
	padding:0px;
}

#main .level2 {
	margin:0px 0px 0px 140px;
	padding:0px;
}

#main .level3 {
	margin:0px 0px 0px 279px;
	padding:0px;
}

#main .level4 {
	margin:0px 0px 0px 418px;
	padding:0px;
}



/* column */

.attention {
	width:542px;
	margin:0px 0px 16px 0px;
	padding:8px;
	border-style:dotted;
	border-color:#ff0000;
	border-width:1px;
	background-color:#fce6e6;
}

.column {
	width:542px;
	margin:0px 0px 16px 0px;
	padding:8px;
	border-style:dotted;
	border-color:#b3b3b3;
	border-width:1px;
	background-color:#f5f5f5;
}

#localNavigation .attention {
	width:154px;
	margin:8px 0px 0px 0px;
	padding:8px;
	border-style:dotted;
	border-color:#ff0000;
	border-width:1px;
	background-color:#fce6e6;
}

#localNavigation .column {
	width:154px;
	margin:8px 0px 0px 0px;
	padding:8px;
	border-style:dotted;
	border-color:#b3b3b3;
	border-width:1px;
	background-color:#f5f5f5;
}

/* News */

#news {
	font-size:0.83em;
	line-height:1.45em;
}

#news .date {
	font-weight:bold;
	margin:0px 0px 4px 0px;
	padding:0px;
}

#news .description {
	margin:0px 0px 8px 0px;
	padding:0px 0px 8px 0px;
	border-style:dotted;
	border-color:#b3b3b3;
	border-width:0px 0px 1px 0px;
}



/* clear */

.clear {
	padding:0px;
	margin:0px;
	clear:both;
}



/* img border 0 */

img {
	border:0px;
}

div.lesson_name {

    text-indent: -20px;

    padding-left: 20px;

    margin-left:0;

}
