html, body {margin:0px; padding: 0px; height: 100%; background: #C0C092 url(img/body_bg.gif); }

 body, td, div, p, a, span, dt, dd {font-size: 12px; font-family: Tahoma, Verdana,Arial, sans-serif; color: #3C3B28; }
 p {margin:0; padding: 5px 0px 6px 0px; line-height: 14px; text-align: justify;}
 .small {font: 11px Verdana, sans-serif; padding-top: 3px;}


 a {text-decoration: underline; color: #4E4129;}
 .underline, a:hover, a.more, a.noline:hover {text-decoration: underline;}
 a:hover, a.noline {text-decoration: none;}
 a.underline:hover, a.more:hover {text-decoration: none;}
 a img {border: none;}
 a.more { color: #821013; font: bold 11px Verdana, sans-serif;}

 ul, ol {margin: 0px; padding: 0px;}

 input.text, textarea, select {line-height: 101%; background-color: #E4E4CA; padding-left: 3px; font: 11px Tahoma, sans-serif; color: #5C5C5C; border: 1px solid #B3B38E;}
 form { margin:0px; padding: 0px;}

 h1 {margin: 0px; padding: 0px 0 5px 5px; font: bold 17px 'Arial Narrow',Verdana, Tahoma, Arial, sans-serif; color: #424242; background: #F7F7F7 url(img/hdr_bg.gif) no-repeat;}

 h2 {margin: 0px; padding: 3px 0 2px 0; font: 19px Arial, sans-serif; color: #282828; }
 h2.underlined { border-bottom: 1px dotted #1298BE;}

 h3 {margin: 0px 0 0 12px; padding: 5px 1px 4px 0; font-size: 13px; font-family: Verdana, Tahoma, Arial, sans-serif; color: #821013; background: url(img/h3_line.gif) right top;}
 h3 span.tree {font-size: 13px; color: #821013; padding: 8px 20px 12px 35px !important; background: #E3E3C7 url(img/tree_li.gif) no-repeat;}
 table.dark_green_box td.cnt h3 span.tree {background-color: #D9D9B6 !important;}

 h4 {padding: 4px 0 5px 0px; margin: 0; font-size: 13px; line-height: 14px; font-family: Tahoma, Verdana, Arial, sans-serif; color: #821013;}
 h4.st_promo {padding: 6px 0 15px 27px; background: # url(img/student_promotion.gif) no-repeat; }
 h4.tree {font-size: 13px; padding: 10px 0 10px 35px !important; background: url(img/tree_li.gif) no-repeat; margin-left: 24px;}

 h5 {margin: 7px 1px 3px 0px; padding: 0px; font: bold 11px Verdana,Tahoma, Arial, sans-serif; color: black;}
 h5.st_promo {}
 h6 {margin: 5px 1px 6px 0px; padding: 0px; font: bold 11px Tahoma, Arial, sans-serif; color: #1298BE;}

 table {border-collapse: collapse; padding:0;}
 table td {padding:0;}

 .clearfix:after {clear: both; display: block; content: '.'; visibility:hidden; height: 0px; font-size: 0px; line-height: 0px;}

 .bold {font-weight: bold;}

 .btm20 {margin-bottom: 20px;}
 .btm30 {margin-bottom: 30px;}

 .top15 {margin-top: 15px;}
 .top25 {margin-top: 25px;}

 .left15 {padding-left: 15px !important;}

 .float_left {float: left;}

 .black {color: black !important;}
 .lazur {color: #DAF6F6 !important;}
 .blue {color: #3D9FD2 !important;}
 .dark {color: #360000 !important;}
 .drgreen {color: #104500 !important;}
 .haki, .haki p {color: #3C3B28 !important;}
 .liblack, .liblack p {color: #202020 !important;}

/* ----------  TOP head part  ----------------- */
 div.body {background: url(img/body_bg2.pn-g) repeat-y center top;}
 #body, #head, #footer_box { margin: 0px auto; width: 1000px; }
 #body {min-height: 650px; background-color: #D1D1AF; padding-top: 3px;}

 #head, #head div {height: 193px;}
 #head .left {background: url(img/head_left.jpg) no-repeat left top;}
 #head .right {background: url(img/head_right.jpg) no-repeat right top;}
 #logo {margin: 0px auto; width: 306px; background: url(img/logo_willow_school.gif) no-repeat 9px top;}
 #logo a {display: block; margin: 0px auto; width: 297px; height: 191px; text-decoration: none;}

/* ----------  LEFT part  ----------------- */
 #login_box {height: 192px; width: 186px; margin: 0px auto; padding: 13px 0 0px 0px; background: #A5A54F url(img/login_bg.gif) no-repeat; position: relative;}
 #login_box input.submit {width: 86px; height: 23px; font: bold 12px Verdana,Tahoma,Arial, sans-serif; line-height: 12px; }
 #login_box p, #login_box label, #login_box input{margin: 0 auto; display: block;}
 #login_box p, #login_box label {text-align: center; font: bold 11px Tahoma; color: #3A4905;}
 #login_box p {font-size:13px; color: #E4E4CA; padding-bottom: 17px;}
 #login_box input {margin: 3px auto 7px auto;}
 #login_box input.text {border-color: #5B5B1F; }
 #login_box .btm_link {padding: 17px 0 0 12px;}
 #login_box .btm_link a {padding: 0 4px 0 3px; color: #495802; font:11px Tahoma, sans-serif;}


/*   LEFT MENU   */
 #left_menu {width: 191px; padding: 0; }
 #left_menu li {list-style: none; padding: 0px !important; margin:0px 0 1px 0; height: 32px; line-height: 14px; overflow: hidden; background: #662F2E url(img/mnu_bg.jpg) no-repeat; overflow: hidden;}
 #left_menu li.active {background-image: url(img/mnua_bg.jpg);}
 #left_menu li a {color: #E4C3C3; text-decoration: none; font-size: 14px;  display: block; padding: 8px 0 5px 39px; font: bold 12px Tahoma, sans-serif;}
 #left_menu li a:hover {text-decoration: none;}

 #ad_shipping {margin: 0 auto; width: 186px; height: 96px; background: url(/img/ad_shipping.gif) no-repeat;}




/* ----------  CENTER - Content part  ----------------- */
 #content {width:99%; margin: 0px auto 0 auto; }
 #content td {vertical-align: top;}
 #content td.left { background: #B3B28B url(img/left_bg.gif) repeat-y; width: 199px; }
 #content td.left div.left {padding: 5px 2px 10px 4px; background: url(img/left_tbg.gif) no-repeat; border-top: 2px solid #D1D1AF;}
 #content td.right { background: #D1D1AF url(img/right_bg.gif) repeat-y; width: 189px;}
 #content td.right div.right {padding: 5px 2px 10px 5px; background: url(img/right_tbg.gif) no-repeat;}
 #content td.right div.right2 {margin-left: -5px; padding: 7px 2px 10px 5px; background: url(img/right_tbg2.gif) no-repeat;}

 #content td.left_btm {height: 7px; font-size: 6px; background: url(img/left_btm.gif) no-repeat;}
 #content td.center_btm{height: 7px; font-size: 6px; background: url(img/center_btm.gif) no-repeat 7px top;}
 #content td.right_btm {height: 7px; font-size: 6px; background: url(img/right_bg.gif) repeat-y;}

 #center_box { background: url(img/center_bg.gif) repeat-y 7px top;}
 #center_box .box {padding: 3px 10px 15px 10px; background: url(img/center_tbg.gif) no-repeat 7px top;}
 #center_box .text_box {padding: 13px;}

/* box for content - lite green */
 table.lite_green_box tr.top td, table.lite_green_box tr.top div {height: 5px;}
 table.lite_green_box td.top {background: url(img/box/box_ligr_top.gif) repeat-x;}
 table.lite_green_box tr.top td.left {background: url(img/box/box_ligr_lt.gif) no-repeat !important; width: 4px !important;}
 table.lite_green_box td.top div.right {background: url(img/box/box_ligr_rt.gif) no-repeat right top;}

 table.lite_green_box td.cnt {background: #E4E4CA url(img/box/box_ligr_right.gif) repeat-y right top;}
 table.lite_green_box tr.cnt td.left {background: url(img/box/box_ligr_left.gif) repeat-y !important; width: 4px !important;}
 table.lite_green_box td.cnt div.text_box { padding: 10px 12px 15px 10px !important; }

 table.lite_green_box td.btm, table.lite_green_box td.btm div {height: 4px;}
 table.lite_green_box td.btm {background: url(img/box/box_ligr_btm.gif) repeat-x;}
 table.lite_green_box tr.btm td.left {background: url(img/box/box_ligr_lb.gif) no-repeat !important; width: 4px !important}
 table.lite_green_box td.btm div.right {background: url(img/box/box_ligr_rb.gif) no-repeat right top;}

/* box for content - dark green */
 table.dark_green_box tr.top td, table.dark_green_box tr.top div {height: 5px;}
 table.dark_green_box td.top {background: url(img/box/box_drgr_top.gif) repeat-x;}
 table.dark_green_box tr.top td.left {background: url(img/box/box_drgr_lt.gif) no-repeat !important; width: 4px !important;}
 table.dark_green_box td.top div.right {background: url(img/box/box_drgr_rt.gif) no-repeat right top;}

 table.dark_green_box td.cnt {background: #D9D9B6 url(img/box/box_drgr_right.gif) repeat-y right top;}
 table.dark_green_box tr.cnt td.left {background: url(img/box/box_drgr_left.gif) repeat-y !important; width: 4px !important;}
 table.dark_green_box td.cnt div.text_box { padding: 10px 12px 15px 10px !important; }

 table.dark_green_box td.btm, table.dark_green_box td.btm div {height: 4px;}
 table.dark_green_box td.btm {background: url(img/box/box_drgr_btm.gif) repeat-x;}
 table.dark_green_box tr.btm td.left {background: url(img/box/box_drgr_lb.gif) no-repeat !important; width: 4px !important}
 table.dark_green_box td.btm div.right {background: url(img/box/box_drgr_rb.gif) no-repeat right top;}

 table.lite_green_box td.cnt div.text_box,  table.lite_green_box td.cnt div.text_box p, 
 table.dark_green_box td.cnt div.text_box,  table.dark_green_box td.cnt div.text_box p  { color: #202020 !important;}

 img.people_pic {margin: -15px 10px -9px -13px !important; width: 163px; height: 179px; position: relative;}
 img.papirus_pic {margin: -16px 10px 10px 15px !important;width: 152px; height: 146px; position: relative;}

 p.people_pic {padding-bottom: 0px !important; padding-top: 6px !important; height: 145px; overflow: hidden;}
 h4.people_pic {padding: 0 0 0 158px; margin-top: -5px; }

 #steps {background: url(img/steps_bg.gif) no-repeat; margin: 10px auto 6px auto; width: 475px;}
 #steps, #steps td {height: 75px; }
 #steps td {color: #3D3D3D !important; font: bold 11px Tahoma, sans-serif;}
 #steps td.step1 {width: 37%; padding: 16px 15px 0 20px;}
 #steps td.step2 {width: 33%; padding: 19px 15px 0 25px;}
 #steps td.step3 {width: 30%; padding: 19px 15px 0 15px;}


 img.left_img  {margin: 3px 15px 10px 2px; float: left;}
 img.right_img {margin: 3px 2px 10px 15px; float: right;}

 ol.faq_list {list-style: none; padding-bottom: 10px;}
 ol.faq_list li {padding: 0px 0 1px 0;}
 ol.faq_list li a {text-decoration: none;}
 ol.faq_list li a:hover {text-decoration: underline;}
 a.faq {font-weight: bold; text-decoration: none;}


 #contact {margin: 47px auto 15px auto; width: 420px;}
 #contact td.text {width: 45%; height: 30px; font: bold 13px Verdana, sans-serif; }
 #contact input.text, #contact select, #contact textarea.text {width: 240px; height: 15px; line-height: 13px; }
 #contact select {width: 245px;}
 #contact textarea.text { height: 180px; }
 #contact td.btn_send {padding: 17px 75px 0 0; text-align: right; }

/* ----------  right part  ----------------- */

 #get_started_now_box {height: 206px; background: url(img/get_started_now_bg.jpg) no-repeat;}
 #get_started_now {height: 36px; background: url(img/get_started_now.gif) no-repeat 6px 169px; padding-top: 160px; }
 #get_started_now a {display: block; height: 36px; text-decoration: none;}

 #green_box {height: 142px; background: url(img/box_green_bg.png) no-repeat; list-style: none; padding-top:1px}
 #green_box li {padding: 7px 0 6px 23px; }
 #green_box li a {color: #0B2D01; font: bold 12px Verdana, sans-serif; line-height: 14px; text-decoration: none;}
 #green_box li a:hover { text-decoration: underline;}
 #content td.right h4 {padding-left: 30px; padding-bottom: 6px; font-size: 13px;}

 dl#citat { padding: 2px 16px 7px 16px; margin: 0;}
 dt { text-align: justify; padding: 2px 0 2px 0;}
 dt, dt a {color: #104500; text-decoration: none; font: 11px Tahoma, sans-serif;}
 dt a:hover {text-decoration: underline;}
 dd {color: #2C8039; font: italic bold 11px Verdana, sans-serif !important; padding-left: 0px; margin-left: 0px; padding: 3px 0 17px 0;}

 a.cnt_block {display: block; font: bold 11px Verdana, sans-serif; color: #357A41; text-align: center;}



/* -----------------  Footer --------------------- */ 
 #footer_box {height: 92px; background: url(img/footer_bg.gif) repeat-y; border-bottom: 1px solid white; padding-top: 5px;}
 #footer {height: 65px; background: #A6A651 url(img/btm_green_bg.jpg) no-repeat; margin: 0px 10px 5px 11px; }
 #footer .left {float: left; padding: 14px 0 0 23px; width: 470px; color: #3A4905; line-height: 17px;}
 #footer .right {float: right; margin: 8px 29px 0 0; width: 215px; height: 50px; padding-top: 3px; background: url(img/iacdl.gif) no-repeat right 0px; font:11px Tahoma, sans-serif;}
 #footer .left a {color: #3A4905; line-height: 17px; font:11px Tahoma, sans-serif;}
 #footer .left a.active {font-weight: bold;}

 #copy {text-align: center; color:#676702; font:11px Tahoma, sans-serif;}