/* CSS Document */

body {margin: 0px; padding: 0px; }
a img {border: 0px;}
h2 {color: #006600; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px;}
.faq {height: 92px; width: 100px; background: url(../img/faq.gif) no-repeat top; float: left;}
.slang {height: 92px; width: 100px; background: url(../img/slang.gif) no-repeat top; float: left; }
.lessons {height: 92px; width: 100px; background: url(../img/lessons.gif) no-repeat top; float: left;}
.humor {height: 92px; width: 100px; background: url(../img/humor.gif) no-repeat top; float: left;}
.grammar {height: 92px; width: 100px; background: url(../img/grammar.gif) no-repeat top; float: left;}
.articles {height: 92px; width: 100px; background: url(../img/articles.gif) no-repeat top; float: left;}
.trans {height: 92px; width: 100px; background: url(../img/trans.gif) no-repeat top; float: left;}
.articles {height: 92px; width: 100px; background: url(../img/articles.gif) no-repeat top; float: left;}
.scripts {height: 92px; width: 100px; background: url(../img/scripts.gif) no-repeat top; float: left; }
.glossary {height: 92px; width: 100px; background: url(../img/glossary.gif) no-repeat top; float: left; }
.indexicons {float: left; width: 100%;vertical-align: bottom; text-align: center;}
.indexicons a{ font-family:Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-align: right; font-size: 10px;  padding-right: 7px; text-decoration: none; margin-left: 17px;}
.icontable td {height: 100px; padding-left: 10px; font-family: Verdana; font-size: 11px; vertical-align:top; color: #5B5B5B; }
.icontable {margin-top: 10px; padding-right: 10px;}
#wrap {width: 100%; float:left;}

.logo {float: right;height: 10px; width: 100px; margin-top: 60px;}

.header {float: left; clear: both; width: 100%;  background: url(../img/logo-header.gif) no-repeat top left; height: 70px; text-align: right;}
.header h2 {float: right; color: #FFFFFF; margin:0px; padding:0px; margin-right: 25px;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

.icons {position: absolute; top: 0px; right: 0px; width: 150px; height: 50px;}

.icons a {color: #07447a; font-size: 9px; text-decoration: none; margin-right: 4px; margin-left: 4px; margin-top: 5px; }
.icons a:hover {text-decoration: underline;}

a.home {background: url(../img/home.gif) no-repeat top; width: 23px;  float: left; padding-top: 22px; text-align: center; }
a.mail {background: url(../img/mail.gif) no-repeat top; width: 23px; float: left; padding-top: 22px; text-align: center; }
a.map {background: url(../img/map.gif) no-repeat top; width: 23px; float: left; padding-top: 22px; text-align: center; }
a.bookmark {background: url(../img/bookmark.gif) no-repeat top center; width: 39px; float: left; padding-top: 22px; text-align: center;}


.menu {float: left;
clear: both;
width: 100%;
background: url(../img/menu-pat.gif) repeat-x top;
height: 62px;
overflow: hidden;
font-weight: 200;
}
.menu a {color: #FFFFFF; text-decoration: none;}
.menu a:hover {text-decoration: underline;}
.menu ul {float: left; margin: 0px; padding: 0px; margin-left: -1px;}

.menu li {float: left; 
list-style: none; 
color: #FFFFFF; 
font-family: "Arial";
margin: 0px;
padding: 0px;
padding-top: 30px;
padding-left: 5px;
padding-right: 5px;
height: 31px;
}

.menu form {float: right; margin-top: 25px; margin-right: 16px;}
.formtext {border: solid 1px #000099; margin: 0px; padding: 0px;}

.left-col {float: left; 
background: #e9f5ff url(../img/left-col-pat.gif) repeat-x bottom; 
width: 18%; 
border: solid 1px #8fb8fc;
margin-top: 15px;
font-family: "Arial Narrow";
font-size: 13px;
color: #FFFFFF;
text-align: left;
}

.left-col a:hover {text-decoration: none; }
.left-col ul li {list-style: none; background: url(../img/left-menu-pat.gif) repeat-x top; border: none;}
.left-col ul li a {color:#FFFFFF; text-decoration: none; padding-left: 10px; border: none; }
.left-col ul ul li {background: #e9f5ff; padding-left: 10px; }
.left-col ul ul li a {padding-left: 10px; color: #001af1; text-decoration: none; border-left: 2px solid #e9f5ff;}
.left-col ul ul li a:hover {border-left: 2px solid #07447a;}
.left-col a {margin-top: 3px; margin-bottom: 3px;}
.left-col li {padding-bottom: 2px; padding-top: 2px;}
.left-col ul {margin: 0px; padding: 0px; background: #FFFFFF; float: none;}

.jokeoftheday {color:#000033; font-family: Helvetica; float:none; margin-top: 12px; border-bottom: 1px solid #8fb8fc;}
.jokeoftheday h1 {background: url(../img/news-pat.gif) repeat-x top; margin: 0px; padding:0px; text-align: center; color: #FFFFFF; font-size: 13px; font-weight: normal;}
.jokeoftheday p {margin-left: 5px; margin-right: 5px;}


.maintext {
float: left; 
background:  #fafcfe url(../img/text-bg.gif) bottom right no-repeat; 
width: 60%; 
margin-left: 1.5%; 
margin-right: 1%;
border: solid 1px #8fb8fc;
margin-top: 15px;
height: auto;
padding-left: 3px;
padding-right: 3px;
text-align: justify;
}
.maintext b {color: #009900;}
.maintext u {font-weight: bold; color:#000066;}
a.next {color:#000066; text-decoration: none;}
a.next:hover {color: #006600}
.imgme {float: right; margin: 15px;}
.maintext p {color: #5B5B5B;  font-size: 15px; font-family: Verdana;   }
.maintext h1 {font-family: Verdana; font-size: 14px; color: #5B5B5B; }
.maintext li {margin-top: 8px; margin-left: 25px; font-size: 14px; font-family: Arial; color: #5B5B5B;}
.maintext ul{margin: 0px; padding: 0px;}
.scripts a {color: #009900; text-decoration: none;}


a.title {color: #000066; font-family: Verdana;}
.glossary a {color: #003300;} 
.author { font-style: italic; font-weight: bold; text-align: right;}

.right-col {float: right; 
width: 18%; 
font-family: "Arial Narrow";
margin-top: 15px;}

.news {background: #e9f5ff; border: solid 1px #8fb8fc; margin-bottom: 10px; text-align: left;}
.news h1 {background: url(../img/news-pat.gif) repeat-x top; margin: 0px; padding:0px; text-align: center; color: #FFFFFF; font-size: 13px; font-weight: normal;}
.news p {margin: 0px; padding:0px; padding-left: 2px; padding-right: 2px; border-bottom: 1px dotted #93B3FD; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
.news a {color: #f85b05; text-decoration: none; font-weight: 300;}
.news b {color: #009900}

.all {background: #e9f5ff; border: solid 1px #8fb8fc; margin-bottom: 10px;}

.all p {margin: 0px; padding:0px; padding-left: 2px; padding-right: 2px; border-bottom: 1px dotted #93B3FD;}
.all a {color: #0000CC; text-decoration: none; font-weight: 300; margin-top: 4px;}
.all b {color: #009900}
.all li {margin: 0px; padding:0px; }
.all h1 {background: url(../img/news-pat.gif) repeat-x top; margin: 0px; padding:0px; text-align: center; color: #FFFFFF; font-size: 14px; font-weight: normal;}


.ads {background: #e9f5ff; border: solid 1px #8fb8fc; margin-bottom: 10px;}
.ads h1 {background: url(../img/ads.gif) repeat-x top;margin: 0px; padding:0px; text-align: center; color: #FFFFFF; font-size: 14px; font-weight: normal;}
.ads p {margin: 0px; padding:0px; padding-left: 5px; padding-right: 2px;  font-family: Verdana; font-size: 12px; }
.ads li {margin: 0px; padding:0px;  padding-right: 5px;   font-family: Verdana; font-size: 12px; list-style: square red; }
.ads a {color: #1c0cef; text-decoration: underline; font-weight: 600;}

.poll {background: #e9f5ff; border: solid 1px #8fb8fc; margin-bottom: 0px;}
.poll h1 {background: url(../img/ads.gif) repeat-x top; margin: 0px; padding:0px; text-align: center; color: #FFFFFF; font-size: 13px; font-weight: normal;}
.poll ul {margin: 0px; padding:0px; margin-left: 4px; font-family:Verdana; font-size: 12px; list-style:none;}
.poll li{margin: 0px; padding:0px; margin-bottom: 2px;}
.voteform {padding-top: 5px;}
.poll a {color: #1c0cef; text-decoration: underline; font-weight: 600;}
.votebtn {margin-left: 20px;}
.poll form {margin: 0px; padding:0px;}


.footer {float: none; clear: both; width: 100%;}
.footercont {float: left; clear: both; width: 100%; background: #e9f5ff; margin-top: 10px; border-top: 1px solid #0186f6; }

/*Grammar page*/

.dark {background: #D0D9EA; margin:0px; padding:0px;}
.light {background: #6A96E8; margin:0px; padding:0px;}
.grammartable {margin:0px; padding:0px;}
.dowload {width: 5%; font-family: Tahoma; color:#000033;}
.dowload a {color:#000033; text-decoration: none; padding-right: 5px; font-size: 16px; vertical-align: middle; margin-bottom: 3px;}
.dowload a:hover {color: #0000FF;}



.jokes {border-right:  #000033 solid 1px;}

.tutor {font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 5px;}
.tutor strong {color: #2B43F0; font-size:12px;}
.datatutor {font-size: 12px; font-weight: 100;}
.tutor td {font-family: Verdana; font-size: 11px;}
.formtutor {background: #ecf5fc; border: 1px solid #07447a;}
.colorchange {background: #ecf5fc; }

#counter {display: none;}
.footerbody {clear: both; float: left; margin-top: 15px; margin-bottom: 15px; width: 100%; text-align: center; color: #05447b; font-family: "Arial Narrow"; font-weight: 700;}
.footerbody  a {color: #05447b;}
.footerbody  a:hover{color: #1263a9; text-decoration: none;}

#copyright {float: right; margin-right: 10px;}


/*Tutor page*/
.pagingmain {float: left; width: 100%; text-align: center;}
.pagingimg {padding-left: 3px;  padding-right: 3px; color: #07447a; background: #e9f5ff; border: 1px solid #8fb8fc; text-align: center; text-decoration: none; font-family: Verdana; font-size: 13px;}
.pagingimg a {text-decoration: none; font-family: Verdana; color: #07447a; }

/*Film page*/
.film a {color: #2b43f0; font-weight: 700; text-decoration: none;}