body, * {
    margin: 0;
    padding: 0;
}

body {
    color: #3e3e3e;
    font-family: verdana, arial, sans-serif;
    font-size: 10px !important;
    font-size: 62.5%;
    font-size: expression('.625em');
    font-size: 1em;
    font-weight: normal;
    text-align: left;
    background: url('../images/bg.gif') #fff;
}

a {
    color: #7a7a7a;
    font-family: verdana, arial, sans-serif;
    font-size: 1em;
    font-weight: normal;
    text-decoration: none;
}
a img { border: 0 }
p { margin-bottom: 1em }
p.indent { margin-left: 5em }
.bold { font-weight: bold }
.italic { font-style: italic }
.underline { text-decoration: underline }

ol {
    font-size: 1.2em;
    margin: 0 0 1em 8em;
}
#body ol { margin-left: 4em }

ol ol {
    font-size: 1em;
    margin-left: 1em;
}
#body ol ol { margin-left: 1.8em }
#body li { margin-bottom: .5em }
#body .column li { margin-bottom: 0 }

div.left { float: left }
div.right { float: right }

.float {
    width: 970px;
    margin: 0 auto;
}
.float .container { float: left }

.container {
    width: 968px;
    background: #fff;
    border: solid #aaa;
    border-width: 0 1px 1px 1px;
    margin: 0 0 25px 0;
}

#header {
    height: 106px;
    background: url('../images/header_bg.gif') top right no-repeat;
    margin: 0 2px 3px 4px;
}

#logo {
    width: 155px;
    height: 106px;
    background: url('../images/logo_bottom.') bottom left repeat-x;
    float: left;
}

#logo span, #logo a {
    display: block;
    width: 100%;
    height: 100%;
    background: url('../images/logo_left.') bottom left no-repeat;
}
#logo a { background: url('../images/logo_right.') bottom right no-repeat }

#logo a {
    width: 113px;
    height: 82px;
    padding: 10px 20px;
}

#header ul {
    list-style: none;
    height: 23px;
    padding-top: 83px;
    float: right;
}

#header li {
    display: block;
    width: 132px;
    height: 23px;
    background: url('../images/btn_left.gif') top left no-repeat #3e4e63;
    margin-left: 2px;
    float: left;
}

#header li a {
    display: block;
    width: 100%;
    height: 13px;
    color: #fff;
    font-size: 1.2em;
    text-align: center;
    background: url('../images/btn_right.gif') top right no-repeat;
    padding: 5px 0;
}
#header li a:hover { text-decoration: none }

#banner {
    height: 166px;
    background: #9fd500;
    border-bottom: 1px solid #aaa;
}
#banner .left { height: 165px }

#banner .auto {
    width: auto;
    height: 143px;
    margin: 0 219px 0 426px;
    padding: 22px 15px 0 15px;
}

#banner .auto p {
    color: #fff;
    font-size: 1.2em;
    margin-bottom: 2em;
}

#banner .right {
    width: 195px;
    height: 114px;
    background: #e8f8e0;
    border-left: 2px solid #fff;
    margin-top: 1px;
    padding: 36px 12px 0 12px;
}

#banner .right a {
    display: block;
    width: auto;
    color: #797979;
    font-size: 1.4em;
    text-align: center;
    background: #fff;
    padding: 6px 12px;
}

#banner .right p {
    color: #797979;
    font-size: 1.0em;
/*    font-weight: bold; */
    text-align: center;
    margin-top: 1.2em;
}

#banner .spacer {
    height: 0;
    font-size: 0;
    border-bottom: 1px solid #fff;
}
* html #banner .spacer { margin-top: -2px }

#widgets {
    height: 288px;
    margin: 0 1px 0 5px;
    padding: 1px 0 25px 0;
}

#widgets div {
    width: 216px;
    height: 263px;
    font-family: tahoma, verdana, arial, sans-serif;
    border: 1px solid #ccc;
    margin: 3px 5px 0 0;
    padding: 10px 12px;
    float: left;
}
#widgets #educational { background: url('../images/column_bg_1.gif') top left no-repeat }
#widgets #lessons { background: url('../images/column_bg_2.gif') bottom left no-repeat }
#widgets #training { background: url('../images/column_bg_3.gif') top left no-repeat }

#widgets div div {
    height: 225px;
    border: 0;
    margin: 0;
    padding: 0;
}

#widgets h2 {
    color: #3e4e63;
    font-size: 1.2em;
    border-bottom: 1px solid #3e4e63;
    margin-bottom: .7em;
    padding-bottom: .3em;
}
#widgets h2 span { text-decoration: none }
#widgets p { font-size: 1.2em }
#widgets ol { margin-left: 4em }

a.arrow, #body div div.arrow {
    color: #94c700;
    font-size: 1.2em;
    font-weight: bold;
    background: url('../images/ico_arrow.gif') center left no-repeat;
    margin: 0 0 1em 14px;
    padding: 0 0 0 14px;
    float: right;
}

#body div div.arrow {
    color: #3e3e3e;
    font-weight: normal;
    float: none;
}

#widgets #news {
    width: 219px;
    height: 288px;
    background: #f5f5f5;
    border: 0;
    margin: 0;
    padding: 0;
    float: right;
}
* html #widgets #news { height: 294px }

#widgets #news h2 {
    height: 9px;
    color: #797979;
    font-size: 1.2em;
    font-weight: bold;
    background: url('../images/heading_bg.gif');
    border-bottom: 1px solid #ccc;
    margin-bottom: .2em;
    padding: 12px;
}

#widgets #news ul {
    list-style: none;
    padding: 12px 17px;
}

#widgets #news li {
    color: #676767;
    font-size: 1.2em;
	list-style: none;
    background: url('../images/ico_bullet.gif') 0 .4em no-repeat;
	margin-left: 10px;
	margin-top: 10px;
    margin-bottom: .6em;
    padding-left: 12px;
}

#widgets #news a
{
text-decoration:underline;
font-size:1em;
}

#widgets #news a:hover
{
color:#9FD500;
text-decoration:underline;
font-size:1em;
}

#body {
    width: 964px;
    padding: 0 0 25px 4px;
    float: left;
}
* html #body { width: 968px }
#body p { font-size: 1.2em }
#body #column p { margin: 0 12px 1em 12px }

#border1 {
    width: 738px;
    border: 1px solid #ccc;
    margin-right: 4px;
    padding-bottom: 12px;
    float: left;
	min-height:342px;
}
* html #body div { width: 742px }

#body div div {
    width: auto;
    border: 0;
    margin: 0 12px 0 212px;
    float: none;
}

.languages {
font-size: 1.2em;
text-decoration:underline;

}


#body div .column {
    border: 0;
    margin: 18px 0 0 10px;
    float: left;
}

#body div p a
{
text-decoration:underline;
font-size: 1em;
color:#3e3e3e;

}

#body div p a:hover
{
text-decoration:underline;
font-size: 1em;
color:#b5db08;
}

#body div div table tr td a
{
text-decoration:underline;
font-size: 1em;
color:#3e3e3e;

}


#body h1 {
    width: 100%;
    height: 44px;
    color: #435267;
    font-size: 1.6em;
    background: url('../images/heading_bg.gif');
    border-bottom: 1px solid #ccc;
    margin-bottom: 1.4em;
}

#body h1 span {
    display: block;
    width: auto;
    height: 18px;
    background: url('../images/heading_bg_1.gif') top right no-repeat;
    padding: 11px 16px;
}

#body .text a
{
font-family:arial;
text-decoration:underline;
padding-bottom:3px;
font-weight:bold;
margin-bottom:3px; 
}

#body .text a:hover
{
font-family:arial;
text-decoration:underline;
padding-bottom:3px;
font-weight:bold;
color:#9FD500;
margin-bottom:3px; 
}

#body h3 {
    color: #465871;
    font-size: 1.6em;
    margin-bottom: .8em;
}

#body .column h3 {
    color: #454545;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: .6em;
}

#body h4 {
    color: #3e3e3e;
    font-size: 1.4em;
    margin: .8em 0;
}

#body a { font-size: 1.2em }

#body ul {
    list-style: none;
    font-size: 1.2em;
    background: url('../images/rule_dotdash.gif') repeat-x top left;
    padding-top: 1px;
}

#body ul li a {
    display: block;
    width: 164px;
    color: #999;
    background: url('../images/rule_dotdash.gif') repeat-x bottom left;
    padding: 12px 8px;
}
#body ul li a:hover {
    color: #3e4e63;
    background-color: #edf9e6;
}

#body #column {
    width: 219px;
    color: #494949;
    background: #f3f7f2;
    border: 1px solid #9fd500;
    border-right: 0;
    margin: 0;
    padding: 0;
    padding-bottom: 1.2em;
    float: right;
}

.navigation {
    width: 219px;
	font: Arial;
	font-size: 9px;
    color: #999999;
    margin-left: 10px;
    padding: 0;
}

#column h2 {
    width: auto;
    height: 44px;
    color: #fff;
    font-size: 1.6em;
    background: url('../images/column_bg.gif') top left no-repeat #9fd500;
    margin: 0;
    margin-bottom: 1em;
    padding: 0;
    padding-left: 10px;
}

#column h2 span {
    display: block;
    height: 16px;
    background: url('../images/ico_plus.gif') center left no-repeat;
    padding: 14px 16px 14px 20px;
}

#form {
position:absolute;
left:140px;
top:125px


#footer {
    color: #7a7a7a;
    font-size: 1.1em;
    background: url('../images/rule_dotdash.gif') top left repeat-x;
    margin: 0 1px 0 3px;
    padding: 15px 25px 15px 15px;
    float: left;
}
#footer span { float: right; color:#999; }
#footer a { margin: 0 10px; text-decoration:underline; color:#999; }