html {
font-size:100.01%;
}
body {
margin:0;
font:75% Arial, Verdana, sans-serif;
background:url(../images/bg-body.gif) #8a8a8b repeat-x 0 0;
}
h1 {
font-size: 20px;
font-weight: normal;
}
h2 {
font-size: 18px;
font-weight: normal;
}
h3 {
font-size: 15px;
font-weight: bold;
}
h4 {
font-size: 13px;
font-weight: bold;
}
/* GENERAL */
img {
border:0;
}
form {
display:inline;
}
.hidden {
display:block;
overflow:hidden;
text-indent:-9999px;
}
ul {
margin:0;
padding:0;
list-style:none;
}
/* MAIN */
#main {
width:977px;
margin:0 auto;
}
/* HEADER */
#header {
float:left;
width:977px;
height:135px;
position:relative;
background:url(../images/bg-header.gif) repeat-x 0 0;
}
#header .slogan {
width:439px;
height:8px;
background:url(../images/slogan.gif) no-repeat 0 0;
position:absolute;
top:8px;
left:26px;
}
#header .search-box {
float:left;
width:220px;
height:20px;
position:absolute;
top:2px;
left:755px;
}
#header .search-box .text {
float:left;
width:170px;
height:16px;
background:#fff;
border:1px solid #898479;
font:11px Arial, Verdana, sans-serif;
color:#3c3c3d;
padding:2px 5px 0;
}
#header .search-box .button {
float:left;
width:23px;
height:20px;
background:url(../images/go.gif) no-repeat 0 0;
margin-left:8px;
border:0;
padding:0;
}
#logo {
margin:0;
}
#header .tel {
width:207px;
height:16px;
background:url(../images/tel.gif) no-repeat 0 0;
position:absolute;
top:59px;
left:755px;
}
#header .tel2 {
width:200px;
height:55px;
background:url(../images/tel2.gif) no-repeat 0 0;
position:absolute;
top:47px;
left:760px;
}
#header .column {
position:absolute;
top:47px;
left:610px;
}
#header .column2 {
position:absolute;
top:47px;
left:550px;
}
#menu {
float:left;
height:30px;
position:absolute;
top:106px;
left:5px;
}
#menu li {
float:left;
height:30px;
margin-left:-1px;
}
#menu li.first {
margin-left:0;
}
#menu li a {
float:left;
height:30px;
overflow:hidden;
text-indent:-9999px;
}
#menu li a.home {
width:67px;
background:url(../images/menu-home.gif) no-repeat 0 0;
}
#menu li a.about {
width:84px;
background:url(../images/menu-about.gif) no-repeat 0 0;
}
#menu li a.blog {
width:61px;
background:url(../images/menu-blog.gif) no-repeat 0 0;
}
#menu li a.locations {
width:93px;
background:url(../images/menu-locations.gif) no-repeat 0 0;
}
#menu li a.tools {
width:98px;
background:url(../images/menu-tools.gif) no-repeat 0 0;
}
#menu li a.rates {
width:65px;
background:url(../images/menu-rates.gif) no-repeat 0 0;
}
#menu li a.subjects {
width:84px;
background:url(../images/menu-subjects.gif) no-repeat 0 0;
}
#menu li a.contact {
width:96px;
background:url(../images/menu-contact.gif) no-repeat 0 0;
}
#menu li a.faq {
width:84px;
background:url(../images/menu-faq.gif) no-repeat 0 0;
}
#menu li a.test {
width:84px;
background:url(../images/menu-testprep.gif) no-repeat 0 0;
}
#menu li a.consulting {
width:84px;
background:url(../images/menu-consulting.gif) no-repeat 0 0;
}
#menu li a.services {
width:84px;
background:url(../images/menu-services.gif) no-repeat 0 0;
}
#menu li a:hover, #menu li a.active {
background-position:0 100%;
position:relative;
}
ul.tabs {
float:left;
position:absolute;
top:108px;
left:758px;
height:27px;
}
ul.tabs li {
float:left;
padding-left:1px;
}
ul.tabs li a {
float:left;
overflow:hidden;
text-indent:-9999px;
height:27px;
width:101px;
}
ul.tabs li a.tutor {
background:url(../images/tabs-tutor.gif) no-repeat 0 0;
}
ul.tabs li a.student {
background:url(../images/tabs-student.gif) no-repeat 0 0;
}
/* CONTENT */
#content {
float:left;
width:977px;
}
#content .top-box {
width:977px;
height:265px;
float:left;
position:relative;
background:url(../images/bg-top-box.jpg) no-repeat 0 0;
}
#content .top-box h1 {
float:left;
margin:0;
padding:0;
font-size:0;
}
#content .top-box .top1 {
position:absolute;
top:188px;
left:50px;
width:196px;
height:61px;
background:url(../images/top1.jpg) no-repeat 0 0;
}
#content .top-box .top2 {
position:absolute;
top:188px;
left:278px;
width:194px;
height:61px;
background:url(../images/top2.jpg) no-repeat 0 0;
}
#content .top-box .top3 {
position:absolute;
top:188px;
left:504px;
width:196px;
height:61px;
background:url(../images/top3.jpg) no-repeat 0 0;
}
#content .top-box .right {
float:right;
width:211px;
height:241px;
margin:10px 10px 0 0;
display:inline;
background:url(../images/bg-right-top.png) no-repeat 0 0;
}
#content .top-box .right strong {
float:left;
width:211px;
height:29px;
background:url(../images/types-tutoring.gif) no-repeat 0 0;
}
#content .top-box .right ul {
float:left;
width:211px;
}
#content .top-box .right ul li {
float:left;
width:211px;
height:52px;
padding-top:1px;
background:url(../images/hr.gif) repeat-x 0 0;
}
#content .top-box .right ul li a {
float:left;
position:relative;
width:140px;
height:33px;
padding:19px 0 0 71px;
font:bold 12px Arial, Verdana, sans-serif;
color:#2d2d2d;
text-decoration:none;
}
#content .top-box .right ul li a img {
position:absolute;
top:3px;
left:13px;
float:left;
}
#content-main {
float:left;
width:977px;
padding-bottom:20px;
background:url(../images/bg-content-main.gif) #ddd repeat-x 0 0;
}
.left-box {
float:left;
width:684px;
padding:30px 0 50.5px 49px;
}
ul.top {
float:left;
width:202px;
margin-right:30px;
display:inline;
padding-bottom:30px;
}
.last {
margin-right:0 !important;
}
ul.top li {
float:left;
width:202px;
padding-top:1px;
background:url(../images/hr.gif) repeat-x 0 0;
}
ul.top li.first {
background:none;
padding:0 0 8px 2px;
width:200px;
font:bold 14px Arial, Verdana, sans-serif;
color:#144822;
}
ul.top li a {
float:left;
background:url(../images/arrow.gif) no-repeat 5px 8px;
width:188px;
padding-left:14px;
font:bold 13px/21px Arial, Verdana, sans-serif;
color:#3c3c3d;
text-decoration:none;
}
ul.top li a span {
color:#144822;
white-space:nowrap;
}
ul.top li a:hover {
text-decoration:underline;
}
#content-main .holder {
float:left;
width:684px;
}
#content-main .left {
float:left;
}
#content-main .right {
float:right;
}
#content-main .box {
display:block;
width:337px;
background:url(../images/bg-bottom-box.gif) no-repeat 0 0;
}
#content-main .box .height {
height:92px;
}
#content-main .box .inner {
float:left;
width:200px;
padding:18px 17px 10px 120px;
position:relative;
background:url(../images/bg-bottom-box-inner.gif) no-repeat 0 100%;
}
#content-main .box .inner img {
position:absolute;
top:12px;
left:6px;
float:left;
}
#content-main .box .inner ul {
float:left;
width:200px;
padding:0 0 10px;
margin:0;
}
#content-main .box .inner ul li {
float:left;
width:190px;
padding:0 0 5px 10px;
background:url(../images/pill.gif) no-repeat 3px 6px;
font:12px/14px Arial, Verdana, sans-serif;
color:#2d2d2d;
}
#content-main .box .come-work {
float:left;
width:134px;
height:8px;
margin-left:10px;
display:inline;
background:url(../images/come-work.gif) no-repeat 0 0;
}
#content-main .box label {
float:left;
font:12px/14px Arial, Verdana, sans-serif;
color:#2d2d2d;
padding:0 0 5px;
}
#content-main .box span {
float:left;
font:12px/20px Arial, Verdana, sans-serif;
color:#2d2d2d;
width:100%;
padding:1px 0;
}
#content-main .box span .radio {
padding:0;
float:left;
}
#content-main .box .button {
float:left;
width:80px;
height:26px;
margin:3px 0 0;
background:url(../images/search.gif) no-repeat 0 0;
}
#content-main .right-box {
float:right;
width:220px;
/*height:775px;*/
padding:0 6px 0 0;
}
#content-main .right-box3 {
float:right;
width:145px;
height:177px;
border:none;
padding:8px 40px 0 0;
}
#content-main .right-box5 {
float:right;
border:none;
padding:29px 27px 0 0;
}
#content-main .right-box4 {
float:right;
width:129px;
height:240px;
padding:0 80px 0 0;
margin-top:15px;
}
#content-main .right-box .top {
float:left;
width:220px;
background:url(../images/bg-right-top.gif) no-repeat 0 0;
}
#content-main .right-box .top .inner {
float:left;
width:220px;
background:url(../images/bg-right-top-inner.gif) no-repeat 0 100%;
padding:9px 0 18px;
}
#content-main .right-box .top .inner .highlight {
float:left;
width:220px;
height:42px;
background:url(../images/tutor-highlight.gif) no-repeat 0 0;
}
#content-main .right-box .top .inner .testimonial {
float:left;
width:220px;
height:38px;
background:url(../images/testimonial.gif) no-repeat 0 0;
}
#content-main .right-box .top .inner .in-box {
float:left;
width:184px;
padding:7px 18px;
}
#content-main .right-box .top .inner .in-box .left-part {
float:left;
width:90px;
}
#content-main .right-box .top .inner .in-box .left-part img {
float:left;
margin-left:6px;
}
#content-main .right-box .top .inner .in-box .left-part .more {
float:left;
width:87px;
height:26px;
margin:5px 0 0;
background:url(../images/more-info.gif) no-repeat 0 0;
}
#content-main .right-box .top .inner .in-box .right-part {
float:right;
width:90px;
}
#content-main .right-box .top .inner .in-box .right-part span {
float:left;
width:100%;
font:bold 12px/16px Arial, Verdana, sans-serif;
color:#fff;
padding-bottom:8px;
}
#content-main .right-box .top .inner p {
float:left;
padding:5px 25px;
font:12px Arial, Verdana, sans-serif;
color:#fff;
}
#content-main .right-box .bottom-box {
float:left;
width:213px;
margin:0 3px 0 4px;
display:inline;
background:url(../images/bg-right-bottom.gif) no-repeat 0 0;
}
#content-main .right-box .inner {
float:left;
width:183px;
padding:15px 15px 10px;
background:url(../images/bg-right-bottom-inner.gif) no-repeat 0 100%;
}
#content-main .right-box .inner strong {
float:left;
width:183px;
height:9px;
background:url(../images/this-month.gif) no-repeat 0 0;
margin-bottom:7px;
}
#content-main .right-box .inner p {
float:left;
font:12px Arial, Verdana, sans-serif;
color:#2d2d2d;
}
#content-main .right-box .inner p a {
clear:right;
font-size:11px;
font-weight:bold;
color:#2d2d2d;
text-decoration:none;
}
#content-main .right-box .inner p a:hover {
text-decoration:underline;
}
/* second page */
#content .top-box2 {
float:left;
width:977px;
height:130px;
position:relative;
background:url(../images/bg-top-box22.jpg) no-repeat 0 0;
}
ul.sub-menu {
float:left;
position:absolute;
top:0;
left:17px;
height:31px;
padding:0 0 0 4px;
}
ul.sub-menu li {
float:left;
height:31px;
}
ul.sub-menu li a {
float:left;
height:27px;
background:url(../images/bg-sub-menu-a.gif) no-repeat 0 0;
text-decoration:none;
}
ul.sub-menu li a span {
float:left;
height:27px;
padding:0 10px;
background:url(../images/bg-sub-menu-a-span.gif) no-repeat 100% 0;
cursor:pointer;
font:bold 12px/25px "Trebuchet MS", Verdana, sans-serif;
color:#fff;
}
ul.sub-menu li a.first {
background:url(../images/bg-sub-menu-a-first.gif) no-repeat 0 0;
}
ul.sub-menu li a.last span {
background:url(../images/bg-sub-menu-a-last-span.gif) no-repeat 100% 0 !important;
}
ul.sub-menu li a.last:hover span {
background:url(../images/bg-sub-menu-a-last-span.gif) no-repeat 100% 100% !important;
}
ul.sub-menu li a:hover, ul.sub-menu li a.active {
background-position:0 100%;
height:31px;
}
ul.sub-menu li a:hover span, ul.sub-menu li a.active span {
background-position:100% 100%;
height:31px;
}
ul.mini-menu {
float:left;
position:absolute;
top:92px;
left:25px;
}
ul.mini-menu li {
float:left;
font:11px Arial, Verdana, sans-serif;
color:#34383c;
padding-left:2px;
}
ul.mini-menu li a {
color:#34383c;
text-decoration:underline;
}
ul.mini-menu li a:hover {
text-decoration:none;
}
#content .top-box2 h1 {
float:left;
position:relative;
top:100px;
left:21px;
width:auto;
margin:0;
padding:0;
font-size: 25px;
font-weight: normal;
color: #114815;
overflow: hidden;
}
#content .top-box2 .newsletter {
float:left;
width:191px;
height:50px;
background:url(../images/bg-newsletter.gif) no-repeat 0 0;
position:absolute;
top:60px;
left:760px;
padding:11px 0 0 12px;
}
#content .top-box2 .newsletter strong {
float:left;
width:173px;
height:10px;
background:url(../images/newsletter.gif) no-repeat 0 0;
}
#content .top-box2 .newsletter .input {
float:left;
width:102px;
height:16px;
padding:2px 4px 0;
background:#fff;
border:1px solid #9f9e9e;
font:11px Arial, Verdana, sans-serif;
color:#313739;
margin:9px 3px 0 0;
display:inline;
}
#content .main-box {
float:left;
width:977px;
background:url(../images/bg-main-box.gif) #dedede no-repeat 0 0;
}
#content .main-box .left-inner {
float:left;
width:680px;
padding:18px 0 10px 26px;
}
#content .main-box .left-inner td .post {
width:680px;
padding:18px 0 10px 26px;
}
#content .main-box .left-inner td .post p{
width:680px;
padding:18px 0 10px 26px;
}
#content .main-box .left-inner .top {
float:left;
}
#content .main-box .left-inner .top p {
font:12px/16px Arial, Verdana, sans-serif;
color:#313739;
padding:0 0 10px;
}
#content .main-box .left-inner .top p span {
font-weight:bold;
}
ul.middle-tabs {
float:left;
width:100%;
padding:10px 0 7px;
height:32px;
background-image: url(../images/bg-tabs.gif);
background-repeat: no-repeat;
background-position: 0 100%;
}
ul.middle-tabs li {
float:left;
height:32px;
margin-right:1px;
}
ul.middle-tabs li a {
float:left;
height:32px;
text-decoration:none;
background-image: url(../images/tabs-a.gif);
background-repeat: repeat-x;
background-position: 0 0;
}
ul.middle-tabs li a span {
float:left;
padding:0 10px;
height:32px;
cursor:pointer;
text-transform:uppercase;
font:bold 11px/32px Verdana, Arial, sans-serif;
color:#fff;
background:url(../images/tabs-a-span.gif) no-repeat 100% 0;
}
ul.middle-tabs li a:hover, ul.middle-tabs li a.active {
background-position:0 100%;
}
ul.middle-tabs li a:hover span, ul.middle-tabs li a.active span {
background-position:100% 100%;
}
#content .main-box .left-inner .bottom-holder {
float:left;
width:667px;
border-bottom:1px solid #b2b0b0;
}
#content .main-box .left-inner .box {
float:left;
width:667px;
padding:5px 0 8px;
}
#content .main-box .left-inner .o1 {
background:url(../images/box-one.gif) #ebeaea no-repeat 0 0;
padding-top:0 !important;
}
#content .main-box .left-inner .o2 {
background:url(../images/box-two.gif) #e1e0e0 no-repeat 0 0;
}
#content .main-box .left-inner .o3 {
background:url(../images/box-three.gif) #f9f9f9 no-repeat 0 0;
}
#content .main-box .left-inner .left {
float:left;
width:113px;
padding:0 28px 0 8px;
}
#content .main-box .left-inner .left img {
float:left;
}
#content .main-box .left-inner .center {
float:left;
width:115px;
padding:5px 26px 0 0;
}
#content .main-box .left-inner .center ul {
float:left;
width:100%;
}
#content .main-box .left-inner .center ul li {
float:left;
width:100%;
font:bold 11px/14px Arial, Verdana, sans-serif;
color:#114815;
padding:4px 0;
}
#content .main-box .left-inner .center ul li span {
color:#59595a;
}
#content .main-box .left-inner .right {
float:left;
width:350px;
padding:10px 0 0;
}
#content .main-box .left-inner .right p {
padding:0 0 7px 5px;
font:11px Arial, Verdana, sans-serif;
color:#59595a;
}
#content .main-box .left-inner .right p span {
font-size:11px;
font-weight:bold;
}
#content .main-box .left-inner .right p a {
color:#114815;
text-decoration:underline;
}
#content .main-box .left-inner .right p a:hover {
text-decoration:none;
}
#content .main-box .left-inner .right a.send-mail {
float:left;
width:87px;
height:26px;
margin-right:2px;
overflow:hidden;
text-indent:-9999px;
}
#content .main-box .left-inner .right a.mail-o1 {
background:url(../images/send-mail-one.gif) no-repeat 0 0;
}
#content .main-box .left-inner .right a.mail-o2 {
background:url(../images/send-mail-two.gif) no-repeat 0 0;
}
#content .main-box .left-inner .right a.mail-o3 {
background:url(../images/send-mail-three.gif) no-repeat 0 0;
}
#content .main-box .left-inner .right a.book-rates {
float:left;
width:100px;
height:26px;
overflow:hidden;
text-indent:-9999px;
}
#content .main-box .left-inner .right a.book-o1 {
background:url(../images/book-rates-one.gif) no-repeat 0 0;
}
#content .main-box .left-inner .right a.book-o2 {
background:url(../images/book-rates-two.gif) no-repeat 0 0;
}
#content .main-box .left-inner .right a.book-o3 {
background:url(../images/book-rates-three.gif) no-repeat 0 0;
}
#content .main-box .right-inner {
float:right;
width:203px;
padding:13px 14px 0 0;
}
#content .main-box .right-inner .right-box1 {
float:left;
width:203px;
height:61px;
background:url(../images/right-box1.gif) no-repeat 0 0;
margin-bottom:3px;
}
#content .main-box .right-inner .right-box2 {
float:left;
width:203px;
height:61px;
background:url(../images/right-box2.gif) no-repeat 0 0;
margin-bottom:4px;
}
#content .main-box .right-inner .right-box3 {
float:left;
width:203px;
height:64px;
background:url(../images/right-box3.gif) no-repeat 0 0;
margin-bottom:4px;
}
#content .main-box .right-inner .right-box4 {
float:left;
border:none;
padding:8px 20px 0 0;
}
#content .main-box .right-inner .right-box5 {
float:left;
border:none;
padding:25px 20px 0 0;
}
#content .right-inner .middle-box {
float:left;
width:203px;
background:url(../images/bg-right-middle.gif) no-repeat 0 0;
}
#content .right-inner .middle-box .inner {
float:left;
width:183px;
padding:15px 5px 10px 15px;
background:url(../images/bg-right-middle-inner.gif) no-repeat 0 100%;
}
#content .right-inner .middle-box .inner strong {
float:left;
width:173px;
height:9px;
background:url(../images/this-month.gif) no-repeat 0 0;
margin-bottom:7px;
}
#content .right-inner .middle-box .inner p {
float:left;
font:12px Arial, Verdana, sans-serif;
color:#2d2d2d;
}
#content .right-inner .middle-box .inner p a {
clear:right;
font-size:11px;
font-weight:bold;
color:#2d2d2d;
text-decoration:none;
}
#content .right-inner .middle-box .inner p a:hover {
text-decoration:underline;
}
#content .right-inner .bottom-box {
float:left;
width:203px;
margin:4px 0;
background:url(../images/bg-right-middle.gif) no-repeat 0 0;
}
#content .right-inner .inner {
float:left;
width:193px;
padding:7px 5px 4px;
background:url(../images/bg-right-middle-inner.gif) no-repeat 0 100%;
}
#content .right-inner .inner .left {
float:left;
width:80px;
}
#content .right-inner .inner .left img {
float:left;
}
#content .right-inner .inner .right {
float:right;
width:113px;
}
#content .right-inner .inner .right p {
float:left;
width:100%;
font:12px/14px Arial, Verdana, sans-serif;
color:#2d2d2d;
}
#content .right-inner .inner .right .radio {
display:block;
width:15px;
height:15px;
padding:0;
margin:0;
}
#content .right-inner .inner .right label {
font:12px Arial, Verdana, sans-serif;
color:#2d2d2d;
}
#content .right-inner .inner .right .button {
float:left;
width:80px;
height:26px;
margin:3px 0 0;
background:url(../images/search.gif) no-repeat 0 0;
}
/* FOOTER */
#footer {
clear:both;
width:977px;
background:url(../images/bg-footer.gif) #fff repeat-x 0 0;
padding-top: 10px;
text-align: center;
font:11px Arial, Verdana, sans-serif;
color:#292929;
}
#footer ul {
height:30px;
background:url(../images/mt.gif) no-repeat 20px 7px;
padding:10px 0 0 60px;
}
#footer ul li {
height:25px;
padding:5px 12px 0 12px;
background:url(../images/hr1.gif) no-repeat 100% 7px;
display: inline;
}
#footer ul li.last {
background:none;
}
#footer ul li a {
/*float:left;*/
font:11px Arial, Verdana, sans-serif;
color:#292929;
text-decoration:none;
}
#footer ul li a:hover {
text-decoration:underline;
}
#footer p {
width:425px;
font:11px Arial, Verdana, sans-serif;
color:#8e8e8f;
padding:15px 40px 0 0;
}
#quick {
text-align:center;
font:11px Arial, Verdana, sans-serif;
color:#8e8e8f;
}
#content .main-box .left-inner .right a.profile-o1 {
background:url(../images/view-profile-one.gif) no-repeat 0 0;
}
#content .main-box .left-inner .right a.profile-o2 {
background:url(../images/view-profile-two.gif) no-repeat 0 0;
}
#content .main-box .left-inner .right a.profile-o3 {
background:url(../images/view-profile-three.gif) no-repeat 0 0;
}
.alert {
color: #FF0000;
font-weight: bold;
text-transform: uppercase;
}
#side_bar {
padding: 10px;
font-size: 12px;
height:425px;
overflow: auto;
}
#side_bar a {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #969595;
padding-bottom: 2px;
text-decoration: none;
display: block;
width: 98%;
line-height: 18px;
}
#content right-map {
float:left;
width:193px;
padding:7px 5px 4px;
}
.mapui {
background-image: url(../pictures/mapui-bgfade.gif);
background-repeat: repeat-x;
background-position: bottom;
}