body {
margin-top: 0px;
padding: 0;
color: #4D5057;
background:url(/images/background-bg.jpg);
background-repeat: repeat-x;
font-family: Trebuchet MS;
font-size: 13px;
line-height: 18px;
}

#wrapper {
width: 950px;
margin-left: auto;
margin-right: auto;
padding: 0px 0px 0px 0px;
/*background-color: #FFF;*/
/*background-image: url(/images/top-left.gif);
background-position: top left;
background-repeat: no-repeat;*/
}

.post-wrapper {
background-color: #FFF;
padding: 15px;
width: 583px;
border: 1px solid #EBEBEB;
}

a:link{ color:#215ccf;}
a:visited{ color:#215ccf;}
a:active{ color:#215ccf;}
a:hover{ color:#ed0626;}

h1, h2, h3, h4, h5, h6 { 
font-weight: normal; 
margin: 0px 0 10px; 
}

h1 { 
font-size: 24px; 
margin-bottom: 0px; 
margin-top: 10px;
}

h2 { 
font-size: 20px;
color:#263C53;
}

h3 { 
font-size: 18px;
margin-top: 15px;
}

.home-post-wrap {
width: 640px;
margin-right: 0;
float: left;
background-color: #FFF;
/*border: 1px solid #EBEBEB;*/
}

.banner-left h1 {
color:#FFFFFF;
font-family:"Century Gothic";
font-size:23px;
line-height:24px;
font-weight:bold;
}
.banner-left p {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
line-height:20px;
}
#header .right-buttons {
background-image:url("../images/top-btn-bg.jpg");
background-position:left bottom;
background-repeat:no-repeat;
float:right;
height:66px;
padding:0px;
width:461px;
}

.right-buttons .learn-english {
float:left;
font-family:tahoma;
font-size:19px;
font-weight:bold;
padding:19px 0 0 35px;
}
.right-buttons .teach-english {
float:right;
font-family:Arial,Helvetica,sans-serif;
font-size:19px;
font-weight:bold;
padding:18px 35px 0 0;
}

.right-buttons .learn-english{ float:left; font-family:tahoma; font-size:19px; font-weight:bold; padding:19px 0px 0px 35px;}
.right-buttons .learn-english a:link { color:#00c1ec; text-decoration:none;}
.right-buttons .learn-english a:visited { color:#00c1ec; text-decoration:none;}
.right-buttons .learn-english a:active { color:#00c1ec; text-decoration:none;}
.right-buttons .learn-english a:hover { color:#00c1ec; text-decoration:underline;}

.right-buttons .teach-english a:link { color:#ed0626; text-decoration:none;}
.right-buttons .teach-english a:visited { color:#ed0626; text-decoration:none;}
.right-buttons .teach-english a:active { color:#ed0626; text-decoration:none;}
.right-buttons .teach-english a:hover { color:#ed0626; text-decoration:underline;}


.banner-left {
padding:4px 0 0 16px;
width:385px;
}
/*#header .logo {
float:left;
height:126px;
padding:2em 0 0;
width:395px;
}*/
#header {
height:149px;
}


.home-categories img{
border: 4px solid #EEEEEE;
float: left;
margin-right: 10px;
}

h4, h5, h6 { 
font-size: 20px; 
}

h1.titles {
line-height:27px;
}

.titles { 
text-decoration: none;
color:#00C1EC;
font-family:tahoma;
font-size:26px;
font-weight:normal;
}

.titles a, .titles a:visited, .titles a:active {
text-decoration: none;
font-size: 20px;
font-weight: bold;
font-family: Trebuchet MS;
text-transform: uppercase;
margin-bottom: 10px;
margin-top: 10px;
display: block;
}

.titles-featured a, .titles-featured a:hover, .titles-featured {
font-size: 30px;
line-height: 30px;
}

pre, blockquote {
overflow: auto;
padding: 0 10px;
margin: 20px 20px 20px 30px;
line-height: 1.8em;
background-color: #f5f5f5;
border: 1px solid #e0e0e0;
clear: both;
float: left;
}

pre:hover, blockquote:hover {
border: 1px solid #d0d0d0;
}

ul { 
list-style-image:none; 
}

ol ul, ol ol{
margin-top:12px;
}

ol.nobullet, ul.nobullet{
list-style-image:none;
list-style-type:none;
}

#pages {
width: 950px;
float: left;
background-image: url(/images/top-right.gif);
background-position: top right;
background-repeat: no-repeat;
}

#banner {
background-image:url(/images/banner.jpg);
background-repeat:no-repeat;
height:169px;
width:943px;
}

/*#header {
margin-top: 0px;
height: 192px;
background-repeat:no-repeat;
height:169px;
width:943px;
background-image: url(/images/banner.jpg);
float: left;
}*/

#container {

margin-left:auto;
margin-right:auto;
margin-top:20px;
width: 950px;
color: #4D5057;
/*background-image: url(/images/content-bg.gif);*/
}

#left-div {
width: 640px;
float: left;
}

#left-inside {
width: 640px;
float: left;
/*padding: 0px 0px 19px 19px;*/
}

#sidebar-wrapper {
width: 300px;
float: left;
margin-bottom: 20px;
}

#sidebar {
float: left;
padding-left: 0px;
padding-right: 13px;
width: 287px;
}



#footer {
background-image: url(/images/footer-bg.jpg);
background-repeat:repeat-x;
float:left;
height:100px;
width:100%;
text-align:center;
}

#footer a {
color: #215ccf;
font-size: 12px;
text-decoration:none;
}

#footer a:visited {
color: #215ccf;
}

#footer a:hover {
color: #215ccf;
text-decoration: underline;
}

#pages ul { 
list-style-type: none; 
list-style-image: none; 
float: left; 
padding: 0px 0px 0px 0px; 
margin-left: 10px; 
margin-top: 0px; 
margin-bottom: 0px;
}

#pages li { 
float: left; 
display: block; 
margin-top: 0px; 
margin-bottom: 0px;
}

#pages li:hover {
background: url(/images/pages-hover.gif) bottom repeat-x;
}

#pages li a, #pages li a:visited {
float: left;
color: #8D8D8D;
display: block;
height: 35px;
padding-top: 12px;
font-size: 14px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 0px;
text-decoration:none;
}

#pages li a:hover, #pages li a:active {
/*color: #263C53;
font-size: 14px;
margin-bottom: 0px;
background-image: url(/images/pages-arrow.gif);
background-position: top;
background-repeat: no-repeat;*/
background-image:none;
list-style:none;

}

.sidebar-box {
padding-top: 25px;
margin-bottom: 0px;
}

#footer p {
color:#433F36;
padding:15px 0 0;
}

.sidebar-box ul li a, .sidebar-box ul li a:visited, .sidebar-box ul li a:active {
/*display: block; 
color: #373434; 
width: 100%; 
padding: 1px; 
background-image: none !important;
text-decoration:none;*/
list-style:none;
} 

.sidebar-box ul li {
/*color: #373434 !important;
*/}

.sidebar-box ul li a:hover {
/*width: 100%;
display: block; 
color: #393939;
background-color:#BCCCDB;
padding: 1px;*/
} 

.sidebar-box ul ul li{
/*line-height:1.5em;
margin-bottom:8px;*/
}
.sidebar-box h2 { margin-top:0px;}
.sidebar-box h2 {
margin-top:5px;
padding-top:9px;
/*margin-top: 5px; 
font-size: 13px; 
color: #FF8400; 
padding-top: 9px; 
font-weight: normal;  
font-weight: bold; 
margin-left: 0px; 
font-family: Trebuchet MS; 
background-image: url(/images/h3-bg.gif); 
background-repeat: no-repeat; 
background-position: left; 
width: 263px; 
height: 30px; 
padding-left: 10px;*/
}

.post-inside h2{
padding-top:10px;
}

#home-right {
width: 187px;
float: right;
padding: 10px;
border-left: 1px solid #EBEBEB;
border-bottom: 1px solid #EBEBEB;
}

#home-left {
float: left;
width: 630px;
padding: 10px 0 10px 10px;
}

h3#recent {
color:#00C1EC;
margin-left:10px;
/*padding-top:30px;
*/}

#rightbar-discussion {
background-image:url("/images/question-discussion-bg.jpg");
background-position:left top;
background-repeat:no-repeat;
height:134px;
margin:20px 0 0 0;
padding:10px 0 0;
width:288px;
float:left;
clear:left;
}



.home-categories-wrap{
margin-bottom:10px;
}

.home-categories {
width: 280px;
min-height: 180px;
border: 1px solid #EBEBEB;
padding: 10px;
margin-right: 10px;
float: left;
}

.home-categories-title a {
color: #8EA5BC;
text-transform: uppercase;
font-size: 15px;
font-weight: bold;
text-decoration:none;
}

.home-categories-title a:hover {
color: #4F677F;
text-transform: uppercase;
font-size: 15px;
font-weight: bold;
}

.logo {
float: left; 
margin-bottom: 25px;
border: 0px;
/*margin-left: 30px;*/
margin-top: 28px;
}

#header-left{
float:left; 
width:370px;
}

#header-tagline{
font-size:14px; 
color:#FFFFFF; 
font-weight:bold; 
padding-left:29px;
}

#header-img{
float:right; 
padding:20px 60px 0 0;
}

a:focus {
outline: none;
}

.orange-titles {
color: #FF8400;
font-size: 10px;
font-weight: bold;
text-transform: lowercase;
display: block;
margin-bottom: 5px;
width: 100%;
}

ul, ol { line-height: 2.0em; }

.post-inside ul, ol{ line-height: 1.3em; }

.post-inside ul ul { margin-top:14px; }

.post-inside li{ margin-bottom:12px; }

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

#site-search{
width:170px; 
border:3px solid #B3B3B3; 
margin-left:20px; 
height:16px;
}

/* Comments Form */
#commentform {
margin: 1em 0;
background: #FFFFFF;
margin-left: 20px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 370px;
}

#commentform #email {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
background-image: url(/images/comment-email.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #author {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
background-image: url(/images/comment-author.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
background-image: url(/images/comment-website.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #email:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
background-image: url(/images/comment-email.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #author:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
background-image: url(/images/comment-author.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
background-image: url(/images/comment-website.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}
/* End Comments Form */

.clear{
clear:both;
}

#admin{
padding:12px 0;
}

.down{
display:none;
}

.bold{
font-weight:bold;
}

#quizzes h2{
margin-top:18px;
}

#quiz-block{ 
width:580px; 
border:1px solid #EBEBEB;
}

#quiz-block h3{
margin:3px; 
padding:3px 0; 
text-align:center; 
background-color:#EBEBEB;
}

#quiz-block ul{
margin-top:8px;
margin-bottom:25px;
margin-right:7px;
}

#quiz-block-left{
float:left; 
width:285px;
}

#quiz-block-right{
float:right; 
width:285px;
}

#feedback{
margin:20px 0 10px 0;
font-size:18px;
color:#FF8400;
}

#feedback2{
margin:20px 0 10px 0;
font-size:18px;
color:#FF8400;
}

#related_arts ul{
margin:15px 15px 20px 45px; 
line-height:1.5em; 
padding:0;
}

#related_arts ul li{
margin-bottom:8px;
}

#cutouts{ 
margin:0 auto 20px auto;
border-collapse:collapse;
width:100%;
}




/* jqueery menu */

#sidebar-menu{/* margin:0px 0px 0px 27px;*/ margin-bottom:15px;}

body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 0.9em;
}

p {
  line-height: 1.5em;
}

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 20em;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
}
ul#menu li.first {
  margin-top: 0px;
}

ul#menu li a {
  background: #00c1ec;
  color: #fff;	
  padding: 0.5em;
}

ul#menu li a:hover {
  background: #ed0626;
}

ul#menu li a:active {
  background: #ed0626;
}

ul#menu li ul li a {
  background: #d9f8ff;
  color: #000;
  padding-left: 20px;
}

ul#menu li ul li a:hover {
  background: #fff;
  border-left: 5px #00C1EC solid;
  padding-left: 15px;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }

/*jqueery menu end */




#main-blocks{ width:641px; float:left;}
#main-blocks #main-left{ width:320px; height:auto; margin:20px 0px 0px 0px;}
#main-left .top{ background-image:url(../images/top-block-bg.jpg); width:100%; height:12px; background-repeat:no-repeat;}
#main-left .middle{ background-image:url(../images/middle-block-bg.jpg); width:100%; height:225px; background-repeat:repeat-y; float:left;}
#main-left .middle img{width:128px; height:121px; background-repeat:no-repeat; margin:5px 0px 0px 10px; float:left;}
#main-left .middle p{ padding:0px; float:right; width:160px; font-family:tahoma; font-size:12px; color:#616161; line-height:20px; float:left; margin:0px 0px 10px 8px;}
#main-left .middle .block-button{ background-image:url(../images/block-button.jpg); width:148px; height:38px; background-repeat:no-repeat; text-align:center; color:#fff; float:right; margin:0 28px 0 0 0; padding:8px 0px 0px 0px; /*margin:-2em 1em 0em 0em;*/ margin:0px 15px 0px 0px;}
#main-left .middle .block-button a{ color:#fff; font-weight:bold; text-decoration:none;}
#main-left .middle h1{ margin:0px; padding:0px; font-family:tahoma; font-size:30px; font-weight:bold; text-align:center;}
#main-left .middle .inner-block{ margin-top:10px; float:left; }
#main-left .middle h1 a{ text-decoration:none; }
#main-left .bottom{ background-image:url(../images/bottom-block-bg.jpg); width:100%; height:15px; float:left;}



#main-blocks #main-right{ width:320px; height:auto; margin:20px 0px 0px 0px; float:right;}
#main-right .top{ background-image:url(../images/top-block-bg.jpg); width:100%; height:12px; background-repeat:no-repeat;}
#main-right .middle{ background-image:url(../images/middle-block-bg.jpg); width:100%; height:225px; background-repeat:repeat-y; float:left;}
#main-right .middle img{width:128px; height:121px; background-repeat:no-repeat; margin:5px 0px 0px 10px; float:left;}
#main-right .middle p{ padding:0px; float:right; width:160px; font-family:tahoma; font-size:12px; color:#616161; line-height:20px; float:left; margin:0px 0px 10px 8px;}
#main-right .middle .block-button{ background-image:url(../images/block-button.jpg); width:148px; height:38px; background-repeat:no-repeat; text-align:center; color:#fff; float:right; margin:0 28px 0 0 0; padding:8px 0px 0px 0px; /*margin:-2em 1em 0em 0em;*/ margin:0px 15px 0px 0px;}
#main-right .middle .block-button a{ color:#fff; font-weight:bold; text-decoration:none;}
#main-right .middle h1{ margin:0px; padding:0px; font-family:tahoma; font-size:30px; font-weight:bold; text-align:center;}
#main-right .middle .inner-block{ margin-top:10px; float:left; }
#main-right .middle h1 a{ text-decoration:none; }
#main-right .bottom{ background-image:url(../images/bottom-block-bg.jpg); width:100%; height:15px; float:left;}

/*Main Blocks End*/

#three-coloums-block{ float:left; width:641px; margin:20px 0 0 0;}
#three-coloums-block .left-one{ background-image:url(../images/light-blue-bg.jpg); width:320px; background-position:left top; height:322px; background-repeat:no-repeat;  float:left; margin:0;}
#three-coloums-block .left-one h1{ color:#433f36; font-size:21px; font-family:"Trebuchet MS"; padding:10px;}
#three-coloums-block .left-one p{ color:#625e58; line-height:20px; font-size:13px; font-family:"tahoma"; padding:0 10px;}

#three-coloums-block .middle-one{ background-image:url(../images/light-blue-bg.jpg); width:320px; background-position:left top; height:322px; background-repeat:no-repeat;  float:left; margin:0;}
#three-coloums-block .middle-one h1{ color:#433f36; font-size:21px; font-family:"Trebuchet MS"; padding:10px;}
#three-coloums-block .middle-one p{ color:#625e58; line-height:20px; font-size:13px; font-family:"tahoma"; padding:0 10px;}
#three-coloums-block .question-block{ float:right;}

/*Main Content*/
#main-content{ width:641px; float:left; margin-top:15px;}
#main-content h1{ color:#00c1ec; font-family:tahoma; font-size:26px; font-weight:normal; margin:0px; padding:0px;}
#main-content h2{ color:#00c1ec; font-family:tahoma; font-size:22px; font-weight:normal; margin:0px; padding:0px;}
#main-content p{ color:#4b4a42; font-family:Arial, Helvetica, sans-serif; font-family:tahoma; font-size:12px; line-height:20px;}
#related_arts ul {
line-height:1.5em;
margin:15px 15px 20px 30px;
padding:0;
}
#related_arts ul li {
margin-bottom:8px;
color:#4B4A42;

}
#related_arts ul {
list-style-image:url("../images/bullet.gif");

}
/*Main Content End*/

/*newContent*/
#newContent { margin-top:20px; border-top:2px solid #E6E6E6; }
#newContent p { font-size:11px; }
/*newContent End*/


/*socialIcons*/
.socialIcons { margin:10px 0px 10px 0px; width:auto; height:60px; float:right; background-color:transparent; }
	.iconBlock { float:right; }
	.socialIcons a { outline:none; }
	.socialIcons img { border:none; }
		
/*socialIcons End*/

/*like button & tweet button*/
.socialButtons { margin:6px 0px 0px 13px; width:auto; float:right; background-color:transparent; }
		
/*like button & tweet button End*/

/*sendButton*/
.sendButton { margin:32px 0px 0px 13px; width:auto; float:right; background-color:transparent; }
		
/*sendButton End*/

/*commentsBox*/
.commentsBox { margin:32px 0px 0px 304px; width:630px; background-color:transparent; }
		
/*commentsBox End*/

/*commentsBoxHome*/
.commentsBoxHome { margin:32px 0px 0px 145px; width:630px; background-color:transparent; }
		
/*commentsBoxHome End*/

#bioInfo {
margin-top:10px;
margin-bottom:20px;
float:left;
width:100%;
text-align:center;
}

.eslTab-box {width:288px; border-bottom:1px solid #DDD; padding-bottom:4px; font-size:14px;}
	.eslTab-box a {border:1px solid #DDD; color:#666666; padding:5px 15px; text-decoration:none; background-color:#eee;}
	.eslTab-box a.activeLink {background-color:#fff; border-bottom:0; padding:6px 15px;}
	
.eslTabContent {width:276px; border:1px solid #ddd; border-top:0; padding:5px;}
.hide {display:none;}

#eslNav {margin-right:16px; width:288px; background-color:#fff; float:left; font-family:Arial, sans-serif;}
#eslNav a {text-decoration:none; outline:none;}
	
	.tabLearn {font-weight:bold; color:#00C1EC;}
	.tabTeach {font-weight:bold; color:#ED0626;}
	
	.subCat-learn {margin:0 0 1px 0; width:256px; padding:10px; background-color:#00C1EC;}
		.subCat-learn h2 {margin:0; padding:0; font-size:15px; font-weight:bold; color:#fff;}
	.menuItem-learn {margin:0 0 1px 0; padding:6px 10px; width:256px; height:auto; font-size:11px;}
		a .menuItem-learn {background-color:#f2f2f2; color:#000}
		a:hover .menuItem-learn {background-color:#fff;}
		
	.subCat {margin:0 0 1px 0; width:256px; padding:10px; background-color:#ED0626;}
		.subCat h2 {margin:0; padding:0; font-size:15px; font-weight:bold; color:#fff;}
	.menuItem {margin:0 0 1px 0; padding:6px 10px; width:256px; height:auto; font-size:11px;}
		a .menuItem {background-color:#f2f2f2; color:#000}
		a:hover .menuItem {background-color:#fff;}
		
/*                 *		
 * RESOURCE STYLES *
 *                 */
 
#esl-resources {
	font-size:10px;
	width:100%;
	border:1pt solid #DDDDDD;
}

#esl-resources  ul, li { 
	list-style-position:inside; margin: 0; padding-left: 0; text-indent: 5pt; 
}

#esl-resources li.inline { 
    display: inline; 
}

#esl-resources td {
        padding:0px;
        spacing:0px;
		background-color:#F2F2F2;
}

#esl-resources th {
	background-color:#00C1EC;
	color:#ffffff;
}

#esl-resources a.tooltip span {
	display:none; 
	padding:2px 3px; 
	margin-left:8px; 
	width:130px;
}

#esl-resources a.tooltip:hover span {
	display:inline; 
	position:absolute; 
	background:#ffffff; 
	border:1px solid #cccccc; 
	color:#6c6c6c;
}

.fb-popup-hide {
	height:25px;
	overflow:hidden;
}

.karinFB {
	float:right;
}

.karinFB img {
	width:50px;
	height:50px;
}

.contest-banner {
	width:290px;
	height:40px;
	margin:18px 0;
}