@charset "utf-8";

body {font-size:100%; font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; background:#f6f6ec; text-align: center; }

/*
common
*/

html, body, ul, li, sup, h1, h2, h3, h4, h5, form, fieldset, legend, input.checkbox, input.radio, address {margin:0; padding:0}

a img, :link img, :visited img, fieldset, input.checkbox, input.radio, input.but {border:none}
a:hover {text-decoration:none}
table{border-collapse:collapse; border-spacing:0; font-size:inherit}
ol, 
ul {list-style:none}
.hid {display:none}
address {font-style:normal}
.clear {height:0; clear: both; overflow:hidden; display:block; width:100%}
.b .first {border-left:none}
.b .fr {float:right}
.b .fl {float:left}
.b .ar {text-align:right}
.b .al {text-align:left}
hr {margin:1em; border-top:#caaca3 1px solid; border-bottom:#fff 1px solid; height:0; clear:both}
* html hr {height:2px}
*:first-child+html hr {height:2px}
.b .cntr {text-align:center;}
.b .req {color:#ff0000}

/*
============== layout: head, content cols & footer ========================
*/

.b .c {width:1000px; margin: 0 auto; text-align:left; z-index:0; position:relative}

#h {height:106px; background:#082e54 url(i/bgs.jpg) left top repeat-x; position:relative}
#h #logo {margin:26px 0 0 15px; float:left; width:604px; height:75px}
#h #toplangs {position:absolute; top:80px; left:15px;}

.langs li {float:left; font-size:16px;}
.langs li a {text-decoration:none; display:block; width:82px; height:18px; line-height:18px; color:#fff}
.langs li a:hover {color:#ffff99; text-decoration:underline}

/*
top menu
*/

ul#topmenu {position:absolute; top:0; margin-left:405px; z-index:100; width:595px}
ul#topmenu li {float:left; text-align:center; font-size:16px}
ul#topmenu li a {color:#003366; text-decoration:none; display:block; margin-right:4px; width:114px; height:30px; background:url(i/bg_tabs.png) left top no-repeat; cursor:hand; line-height:28px}
ul#topmenu li a:hover,
ul#topmenu li a:active,
ul#topmenu li.high a {color:#ffff99; background:url(i/bg_tabs.png) right top no-repeat}
ul#topmenu li a:active,
ul#topmenu li.high a {color:#cc9966}
* html ul#topmenu li a:hover {color:#0066cc}

/* submenu */

#topmenu li ul {position: absolute; width: 112px; left: -999em; -moz-opacity: 0.94; opacity: 0.94;}
* html #topmenu li ul {filter:alpha(opacity=80)}
#topmenu li ul li {float:none;}
ul#topmenu ul li.first a {padding-top:5px;}
* html ul#topmenu ul li.first a {padding-top:inherit;}
ul#topmenu li ul li a,
ul#topmenu li.high ul li a {padding-top:2px; font-size:13px; line-height:22px; color:#003366; height:24px; background:url(i/bg_tabs.png) left bottom no-repeat}
ul#topmenu li ul li a:hover,
ul#topmenu li ul li a:active,
ul#topmenu li ul li.high a {color:#ffff99; background:url(i/bg_tabs.png) right bottom no-repeat}
ul#topmenu li ul li a:active,
ul#topmenu li ul li.high a {color:#cc9966}
* html ul#topmenu li ul li a,
* html ul#topmenu li.high ul li a {color:#ffff99; background:#006699}
* html ul#topmenu li ul li a:hover {color:#003366; background:#f4ee8e}

#topmenu li:hover ul, 
#topmenu li.sfhover ul {left: auto}

/*
Content
*/

.c #mc {clear:both; width:100%; background:#fff url(i/bg_mc.gif) repeat-y }

/*
Right Col
*/

.c #cr {float:right; max-width:100%; min-width:100%; text-align:left;}
.c #cr #ccr {margin-left:405px; position:relative; overflow:hidden; background:#fcded4}
* html .c #cr #ccr {float:right; width:595px;} /* ie6 */

/*
Left Col
*/

.c #cl {background:#aebdbe; width:405px; margin-right:-405px; float:left}

/*
footer
*/

#f {clear:both; background:#f4ee8e; height:141px;}

#botmenu {float:left; width:405px; background:#0e5297; height:26px; }
#botmenu li {float:left; padding:3px 11px; font-size:14px; line-height:18px;}
#botmenu li ul {padding:8px 0 0 4px;}
* html #botmenu li ul {position:absolute; left:10px; top:20px}

#botmenu li li {float:none; padding:0; margin:0; font-size:12px}
#botmenu li a {color:#fff;}
#botmenu li a:hover,
#botmenu li.high a {color:#ffff99}
#botmenu li li a,
#botmenu li.high li a,
#f a {color:#888; text-decoration:none; }
#botmenu li li a:hover,
#f a:hover,
#botmenu li li.high a {color:#0e5297; text-decoration:underline}

#credits {float:right; width:595px; height:141px; background:#ffffcc url(i/bgs.jpg) left bottom repeat-x;}
#credits div {margin:84px 25px 3px 25px; font-size:12px; color:#43403b}

#botlangs {margin-left:25px;}
#botlangs li.first {margin-right:-12px}
#botlangs li a {line-height:16px; font-size:14px}

/*
============== pages ========================
*/

/*
home
*/

#teaching {height:374px; width:595px; display:block; background:url(i/alan.jpg) no-repeat; text-indent:-2000em}

#ccr a {color:#006699; white-space:nowrap;}
#ccr a:hover {color:#1269c1;}
#ccr a:active {color:#660033; text-decoration:none;}

#ccr h1,
#ccr h2,
#ccr h3,
#ccr h4,
#ccr p,
#ccr ul,
#ccr ol,
#ccr dt, 
#ccr dd, 
#ccr dl, 
#ccr img {margin:14px}
#ccr h1 {color:#b08b66; font-size:28px; font-weight:normal}
#ccr h2 {color:#006699; font-size:21px;}

/*
left column content
*/

.tb {background:#1269c1; height:373px; border-bottom:#17496e 1px solid; color:#fff; position:relative;}

/*
hp iframe
*/

.tb iframe {overflow:hidden; width:405px; height:374px; border:none; display:block}
#if {background:#1269c1}
#ifc {line-height:26px; width:321px; display:block; padding:26px 30px 0 42px; text-align:center; color:#fff}
* html #ifc {padding-left:31px;}
*:first-child+html #ifc {padding-left:31px;}

.buttons a:hover,
.buttons {color:#fff; text-decoration:none}
.buttons a {color:#f4ee8e; text-decoration:underline}

.buttons a.flink,
.buttons .flink:hover {background:url(i/bg_videobuts.gif) 0 -34px no-repeat}
.buttons a.flink:hover,
.buttons .flink {background:url(i/bg_videobuts.gif) 0 0 no-repeat; width:184px; height:26px; float:left}



.buttons a.slink,
.buttons .slink:hover {background:url(i/bg_videobuts.gif) 100% 0 no-repeat;}

.buttons .slink,
.buttons a.slink:hover {background:url(i/bg_videobuts.gif) 100% -34px no-repeat; width:134px; height:26px; float:left; margin-left:3px; }

/* canada */
.buttons a.llink,
.buttons .llink:hover {background:url(i/bg_videobuts.gif) 0 -94px no-repeat;}
.buttons .llink,
.buttons a.llink:hover {background:url(i/bg_videobuts.gif) 0 -66px no-repeat; width:321px; margin-top:3px; height:26px; float:left}

/*
inner pages | left col
*/

#tel {text-align:center; line-height:49px; margin-bottom:1px; height:49px; background:#f4ee91; border-bottom:#66827e 1px solid; font-size:18px; color:#d4a77e}
.tel {color:#b08b66}

#shortcuts {height:140px; background:#d9dfd3; border-top:#fff 1px solid; border-bottom:#e2e8dc 1px solid}
#shortcuts div {margin-top:24px; font-size:12px;}
#shortcuts div a {line-height:14px; padding:40px 15px 0 83px; text-decoration:none; color:#333; width:71px; height:58px; cursor:hand; float:left; background-image:url(i/bg_icons.gif); background-repeat:no-repeat;}
#shortcuts div a:hover {color:#003366}

#calendarico a {margin-left:26px; margin-right:11px; position:relative;}
#calendarico a:hover {background-position:left bottom;}
#calendarico a span {display:block; width:50px; font-size:10px; color:#660033; position:absolute; z-index:200; left:16px; top:38px; height:35px; text-align:center; line-height:11px;}
#calendarico a span b {font-size:18px; line-height:18px; color:#999}

#mapico a {background-position:right top;}
#mapico a:hover {background-position:right bottom;}

#cl h2 {color:#fff; font-size:18px; font-weight:normal; padding:10px 0 0 31px;}

#testimonials {background:#d4a77e; height:256px}
#testimonials img {margin:0 0 2px 13px}
#testimonials span {display:block; margin-left:31px}

.tb p {padding:10px 30px 0 31px; font-size:14px; clear:both}
.tb a {color:#f4ee8e}
.tb a:hover {color:#fff}

div#teacher p {position:relative; padding-top:0; margin-bottom:-10px; margin-left:1em}
div#teacher a {top:-8px; position:relative;}
div#teacher a img {top:28px; position:relative;}

div#address {padding:73px 30px 0 68px; height:300px;}
#icons {position:absolute; bottom:28px; left:20px}



/*
inner pages | right col
*/

/*
.he {text-align:right}
.ru {text-align:left}
*/

#ccr ul {list-style:circle inside}
#ccr ul li,
#ccr ol li {margin-left:2em}
#ccr ol {list-style-type:upper-alpha;}

#ccr .ref {padding:0 28px; font-style:oblique;}
#ccr .ref em {margin:1em 0; color:#996633; clear:both; text-align:right; display:block}
#ccr .he em,
#ccr .ru p {text-align:left; width:96%}
#ccr .ru em,
#ccr .he p {text-align:right; width:96%}

/*
============== text ========================
*/

dl b {color:#996633}
#ccr dd,
#ccr dt {margin:8px 14px}
.note {font-size:13px; color:#66827e; }
.more, .more a {font-size:12px; font-weight:bold; color:#fff}


/*
============== forms ========================
*/

form {display:inline}
form p {clear:both; display:block}
fieldset {width:368px; display:block; margin:0 auto}
legend {padding-left:14px; color:#006598; padding-bottom:1em}
label {display:block; float:left; width:168px;}
input, select, textarea {font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; vertical-align:middle; width:148px}
textarea {width:318px; height:168px}
p#captcha {font-size:12px;}
p#captcha img {height:23px; margin:1px 0 0 48px}
#captchain {width:100px; background:#f4ee8e}
p#submit {padding:1em}
input.but {margin:0 auto; background-color:transparent; cursor:pointer; color:#fff; font-size:16px; width:134px; height:26px; display:block; line-height:26px; background-position:center top; background-image:url(i/bg_submit.gif); background-repeat:no-repeat;}
input.but[type="submit"]:hover {color:#f4ee8e; background-position:center bottom;}
input.but[type="submit"]:active {color:#fff; background-position:center -32px; text-decoration:underline}

 /* END FORM */