html, body
{
   /*background-color: #E8E5D3;*/
   height: 100%;
   margin: 0 auto;
   padding: 0px;
}

body
{
   font-family: Verdana;
   font-size: 10pt;
   line-height: 25px;
}

h1
{
   font-size: 1.5em;
   color: #978B45;
   letter-spacing: 1.5pt;
}

/* Columns */
.col
{
   float: left;
   display: block;
}

.col.title { font-weight: bold; }
/* END: Columns */

a, a:visited { color: #005690; }
a { text-decoration: none; }
a img { border: none; }
a:hover { text-decoration: underline; }

a.link_121, a.link_art, a.link_mf { font-weight: bold; }
a.link_121 { color: #006099; } a.link_121:hover { color: #3192BF; }
a.link_art { color: #73427F; } a.link_art:hover { color: #9362AD; }
a.link_mf { color: #1F6D30; } a.link_mf:hover { color: #349B3B; }

#headerBg
{
   background: #F3F1E3;
   height: 150px;
   left: 0px;
   position: absolute;
   top: 0px;
   width: 100%;
   z-index: 0;
}

.mainWrapper, #footer
{
   position: relative;
   width: 80%;
   min-width: 900px;
   text-align: center;
}

.mainWrapper
{
   background-color: #FFFFFF;
   height: auto !important;
   height: 100%;
   margin: 0 auto;
   min-height: 100%;
   min-width: 900px;
   padding: 0px;
   position: relative;
   width: 80%;
   z-index: 1;
}

/* IE6 min-width */
* html body { width: expression(documentElement.offsetWidth < 900 ? "900px" : "100%" ); }

#headerWrapper, #headerWrapBg
{
   position: relative;
   width: 100%;
   height: 150px;
}

#headerWrapper
{ background: #fff url("../../images/tutoring/headerWrap_bg.png") repeat-x left bottom; padding-top: 5px; }

#headerWrapBg
{ background: url("../../images/tutoring/menu-line.gif") repeat-x bottom left; }

#leftContent
{
   float: left;
   padding: 10px 0px 0px 50px;
}
#leftContent img { border: none; }

#rightContent { float: left; }

/*
#header
{
   padding-top: 25px;
   position: absolute;
   right: 50px;
   text-align: right;
}

.headerLink
{
   border-right: solid 1px #888888;
   margin-right: 10px;
   padding-right: 10px;
}
*/

#menu
{
   border: none;
   bottom: 0px;
   color: #666;
   font-weight: bold;
   position: absolute;
   right: 50px;
   padding-left: 50px;
}

#menu ul
{
   height: 38px;
   list-style: none;
   margin: 0px;
   padding: 0px;
}

#menu ul li a { height: 1%; }

#menu ul li
{
   background: url('../../images/tutoring/tab.gif') top left no-repeat;
   display: block;
   float: left;
   line-height: 38px;
   list-style: none;
   padding-top: 0px;
   position: relative;
   text-align: center;
   text-decoration: none;
   width: 150px;
}

#menu .home
{
   position: absolute;
   background: url('../../images/tutoring/home.gif') no-repeat;
   bottom: 11px;
   left: 20px;
   width: 13px;
   height: 13px;
}

#menu ul li a
{
   color: #666;
   display: block;
   line-height: 38px;
   text-align: center;
   text-decoration: none;
}

#menu ul li a img
{
   position: absolute;
   bottom: 15px; right: 20px;
}

#menu ul li a span
{
   position: relative;
   left: -10px;
}

#menu ul li.over a, #menu ul li a:hover, #menu ul li:hover a { color: #000; }

#menu ul li a:hover { text-decoration: none; }

#menu li ul
{
   border: 2px solid #978B45;
   border-top: none;
   display: none;
   height: auto;
   left: 0px;
   list-style: none;
   margin-left: -2px;
   padding-top: 4px;
   position: absolute;
   top: 34px;
   z-index: 100;
}

#menu ul li:hover ul, #menu ul li.over ul { display: block; }

#menu li li
{
   background: #eee;
   display: block;
   float: none;
   width: 198px;
}

#menu li ul a
{
   display: block;
   font-style: normal;
   padding-left: 10px;
   text-align: left;
}

#menu .current
{
   background: url('../../images/tutoring/tabs-current.gif') no-repeat left top;
   color: #fff;
}

#menu .current .home
{
   position: absolute;
   display: block;
   background: url('../../images/tutoring/home-current.gif') no-repeat;
   bottom: 11px;
   left: 20px;
   width: 15px;
   height: 15px;
}

#menu ul li.over .current,
#menu ul li:hover .current,
#menu ul li .current:hover { color: #fff; }

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

#menu ul li.over ul li a.current,
#menu ul li:hover ul li a.current,
#menu li ul .current:hover, #menu li ul a:hover { color: #000; }

#menu li ul .current, #menu li ul .current:hover { background: #fffacd; }

#child
{
   padding: 25px 50px 50px;
   text-align: left;
}

#footer
{
   position: relative;
   margin: -26px auto 0px; /* negative value of footer height */

   background-color: #978B45;
   border-top: solid 1px #A8A8A8;
   color: #FFFFFF;
   height: 25px;
   left: 0px;
   bottom: 0px;
   padding: 0px;
   z-index: 2;
}

* html #footer { position: relative; }