﻿a {color:#00a4db; text-decoration:none;}
.noResults {color: #ff0000; font-size: 12px; font-weight: bold;}

#Home #contentArea,
#contentArea {padding:18px; background:#e0f1f9 url("/Images/Graphics/contentbg.jpg") repeat-x; min-height:500px;}
#Home #contentArea {background:#96d6f6 url("/Images/Graphics/homebg.jpg") repeat-x;}
#contentArea .mainContent {background:#f3f9fd; min-height:545px; }
#Home #contentArea .mainContent {background:none; }

#Home .heroArea {width:164px; height:305px; float:right; padding:12px;}
#Home .heroArea .copy {color:#483812; font-size:11px;}
#Home .heroArea .copy a {color:#483812;}
#Home .heroArea .copy h1{font-size:19px; font-weight:bold;line-height:normal; margin:0 0 20px 0;}


#MainHeader .top div.callout {background: url("/Images/Graphics/calloutGlow.png") no-repeat top left; float:left;width:340px; padding: 30px 20px 42px 20px; color:#00688b; font-weight:bold; font-size:11px; text-align:center;}
#MainHeader .top div.moreinfo {float:right;margin-top:11px;}
#MainHeader .mainNavWrapper {background:url("/Images/Graphics/corporatenavbg.jpg") no-repeat;}
#MainHeader .mainNavWrapper .topNav li {background: url("/Images/Graphics/corporatenavseparator.gif") no-repeat center right;}

#MainHeader .topwithlanguage {height:77px;}
#MainHeader .topwithlanguage div {float:left; position:relative;}
#MainHeader .topwithlanguage div.logo {margin-right:20px; margin-top:16px;}
#MainHeader .topwithlanguage div.moreinfo {margin-top:11px;}
#MainHeader .topwithlanguage div.callout {background: url("/Images/Graphics/calloutGlow.png") no-repeat top left; float:left; width:340px; padding: 30px 12px 42px 12px; color:#00688b; font-weight:bold; font-size:11px; text-align:center;}
#MainHeader .topwithlanguage div.language {float:right; margin-top:17px;}
td.languageheader {padding-bottom: 2px;}
td.languagebutton {padding-right: 2px;}
td.languagebuttonlast {padding-right: 0px;}

#MainHeader .mainmenutop {margin-top:-23px; *margin-top:-0;}

.WhyKumon #MainHeader .mainmenutop  {background:url("/Images/Graphics/navBumpWhyKumon.png") no-repeat;}
.WhyJrKumon #MainHeader .mainmenutop {background:url("/Images/Graphics/navBumpWhyJrKumon.png") no-repeat;}
.FAQ #MainHeader .mainmenutop {background:url("/Images/Graphics/navBumpFAQ.png") no-repeat;}
.AboutUs #MainHeader .mainmenutop {background:url("/Images/Graphics/navBumpAboutUs.png") no-repeat;}
.GetStarted #MainHeader .mainmenutop {background:url("/Images/Graphics/navBumpGetStarted.png") no-repeat;}
.ContactUs #MainHeader .mainmenutop {background:url("/Images/Graphics/navBumpContactUs.png") no-repeat;}

#sideMenu {width:158px; background:url("/Images/Graphics/sidemenubg.jpg") no-repeat; padding:16px; padding-top:3px; margin-bottom:19px;}
#sideMenu li {margin:0; padding:0; list-style:none;}
#sideMenu .menuItem,
#sideMenu .menuItem .subMenuItem {padding:13px; padding-left:0; padding-right:0; border-bottom:1px solid #CCCCCC;}
#sideMenu .menuItem .subMenuItem {border:0; padding:0; margin-top:13px;}
#sideMenu a {font-size:14px; text-decoration:none; margin-left:-16px; padding-left:16px; display: inline-block;}
#sideMenu a.active,
.WhyKumon #sideMenu a.active,
.WhyJrKumon #sideMenu a.active,
.FAQ #sideMenu a.active,
.AboutUs #sideMenu a.active,
.GetStarted #sideMenu a.active,
.ContactUs #sideMenu a.active {color:#8d8d8d;}
#sideMenu .menuItem .subMenuItem a {font-size:12px;}

.WhyKumon #sideMenu a {color:#32387f;}
.WhyKumon #sideMenu a.active {background:url("/Images/Graphics/icoArrow1.gif") 0 3px no-repeat;}
.WhyJrKumon #sideMenu a {color:#eb8c2e;}
.WhyJrKumon #sideMenu a.active {background:url("/Images/Graphics/icoArrow2.gif") 0 3px no-repeat;}
.FAQ #sideMenu a {color:#925a91;}
.FAQ #sideMenu a.active {background:url("/Images/Graphics/icoArrow3.gif") 0 3px no-repeat;}
.AboutUs #sideMenu a {color:#15a35d;}
.AboutUs #sideMenu a.active {background:url("/Images/Graphics/icoArrow4.gif") 0 3px no-repeat;}
.GetStarted #sideMenu a {color:#dc3e2a;}
.GetStarted #sideMenu a.active {background:url("/Images/Graphics/icoArrow5.gif") 0 3px no-repeat;}
.ContactUs #sideMenu a {color:#dc3e2a;}
.ContactUs #sideMenu a.active {background:url("/Images/Graphics/icoArrow6.gif") 0 3px no-repeat;}

/* Steps Container Styles */
.stepsHeader {height: 82px;}
.stepsContainer .step {line-height: 17px; float: left; width: 162px; height: 234px; padding: 15px 22px 15px 30px;}
.stepsContainer .step img {margin-bottom: 10px; display: block;}
.stepsContainer .step h5 {margin: 0px; margin-bottom: 10px; padding: 0px; font-size: 14px; font-weight: bold;}
.stepsContainer .step p {font-size: 11px; margin: 0px 0px 17px 0px}
.stepsContainer .step a {text-decoration: underline;}
#contentArea .mainContent .pageContent .pageCopy .stepsContainer .step ul {margin: 0px; padding: 0px;}
#contentArea .mainContent .pageContent .pageCopy .stepsContainer .step ul li {list-style: none; margin-bottom: 5px;font-size: 11px;}

.WhyKumon #contentArea .mainContent .pageContent .pageCopy .stepsContainer a {color: #32387f;}
.WhyKumon .stepsContainer .step1 {background-color: #b3b6d3;}
.WhyKumon .stepsContainer .step2 {background-color: #c0c4db;}
.WhyKumon .stepsContainer .step3 {background-color: #ccd1e4;}
.WhyKumon .stepsContainer .step4 {background-color: #d9deec;}


.WhyJrKumon .abcWrapper {width: 433px; background: url("/Images/Graphics/bgABC_top.gif") top left no-repeat;}
.WhyJrKumon .abcBottom {background: url("/Images/Graphics/bgABC_bot.gif") bottom left no-repeat; height: 5px; margin-bottom: 23px;}
.WhyJrKumon .abcWrapper .left {width: 28px; padding: 45px 15px; color: #ffffff; font-size: 44px; font-size: bold;}
.WhyJrKumon .abcWrapper .right {width: 345px; padding: 15px;}
.WhyJrKumon #contentArea .mainContent .pageContent .pageCopy .stepsContainer a {color: #914f0e;}
.WhyJrKumon .stepsContainer .step1 {background-color: #f5c596;}
.WhyJrKumon .stepsContainer .step2 {background-color: #f7d1ab;}
.WhyJrKumon .stepsContainer .step3 {background-color: #f9dcc0;}
.WhyJrKumon .stepsContainer .step4 {background-color: #fbe8d5;}

.GetStarted #contentArea .mainContent .pageContent .pageCopy .stepsContainer a {color: #7d1813;}
.GetStarted .stepsContainer .step1 {background-color: #f0b4b3;}
.GetStarted .stepsContainer .step2 {background-color: #f4c4c2;}
.GetStarted .stepsContainer .step3 {background-color: #f6d3d1;}
.GetStarted .stepsContainer .step4 {background-color: #f9e1e1;}


/* Module Styles */
.locationFinder .bottom .moduleContent .textbox {width: 98px;}
#Home .locationFinder .bottom .moduleContent .textbox {width:123px;}

.needsForm .bottom,
.locationFinder .bottom { text-align:center;}
.locationFinder .bottom {height:123px;}
.needsForm .bottom .radioList {text-align:left;}
.locationFinder .bottom .moduleContent {position: relative; height:80px; width:172px; margin:0 auto 0 auto;}
#Home .locationFinder .bottom {height:134px;}
#Home .locationFinder .bottom .moduleContent {height:85px; width:198px; margin:0 auto 0 auto;}

.locationFinder .bottom .moduleContent div {position: relative;margin-top:20px; z-index:2;}
.locationFinder .bottom .moduleContent div.last {margin-top:13px;}
.locationFinder .bottom .moduleContent div.backgroundImage {position: absolute; top: 0px; left: 0px; z-index:1; margin:0;}
.locationFinder .bottom .link {margin-top:10px; position: relative; z-index: 2;}
#Home .locationFinder .bottom .link {margin-top:10px;}
.locationFinder .bottom .link a {color:#6497c4; text-decoration:underline; font-weight:bold; font-size:11px; }

.followUs .bottom {}
.followUs .bottom .moduleContent div.first {margin-left: 15px;}
.followUs .bottom .moduleContent div.last {margin-top:2px; margin-right: 45px;}

.followUs h3 {text-align:center;}
.followUs .moduleContent2 { width: 220px; text-align:center; margin:10px auto 0 auto;}

#faqList .faqQuestion {color:#a77ca7;}

.divCorpLocation {float: left; width: 50%; min-height: 150px; height: auto !important; height: 150px;}

#worksheetWrapper {float: right; width: 203px; margin: 0px 0px 20px 20px;}
#worksheetWrapper h4 {font-size: 15px; font-weight: bold; margin: 0px 0px 12px 0px; padding: 0px;}
#worksheetWrapper .nav {height: 34px; line-height: 34px; font-size: 12px; font-weight: bold; color: #2e3868; background-color: #ced1e3;}
#worksheetWrapper .nav div {float: left;}
#worksheetWrapper .nav .number {width: 81px; text-align: center;}
#worksheetWrapper .nav .clear {float: none;}
#worksheetWrapper .content {min-height: 320px; height: auto !important; height: 320px; padding: 10px 18px; background: #ced1e3 url("/Images/Graphics/bgWorksheets.gif") bottom left no-repeat;}
#worksheetWrapper .content .ComboBox {display: block; height: 75px; position: relative;}
#worksheetWrapper .content .ComboBox:hover {color: Black;}
#worksheetWrapper .content .ComboBox .DropDownText {background-color: transparent; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Sans-Serif; margin: 5px; width: 142px; z-index: 5; line-height: 18px; height: 58px; overflow: hidden; position: absolute; top: 0; left: 0; }
#worksheetWrapper .content .ComboBox .DropDownLeft {display: inline-block; float: left; height: 75px; width: 147px;}
#worksheetWrapper .content .ComboBox .DropDownRight {display: inline-block; float: right; height: 75px; width: 20px;}
#worksheetWrapper .content .DropDownPanel {display: none; visibility: hidden; background: white; border: 1px solid gray; position: absolute; margin: 2px 0px 0px -135px; padding: 8px;}
#worksheetWrapper .content .DropDownPanel .WorksheetGroup:first-child {padding-right: 20px; }
#worksheetWrapper .content .DropDownPanel .WorksheetGroup { float: left; }
#worksheetWrapper .content .DropDownPanel .WorksheetItemCell {text-align: center; width: 200px; vertical-align: top; line-height: 14px;  clear: both; height: 18px; }
#worksheetWrapper .content .description {font-size: 11px; margin: 20px 0px 25px 0px; line-height: 17px;}
#worksheetWrapper .content .button input {float: left;}
#worksheetWrapper #overlay {position: fixed; z-index: 5; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #000000;}
#worksheetWrapper .modalContainer {display: none; position: fixed; z-index: 10; width: 450px;}
#worksheetWrapper .large {float: left; margin-right: 5px;}
#worksheetWrapper .closeDiv {cursor: pointer; width: 13px; float: left;}

/* Mapquest Styles */
#mqFindACenter .mapresults .info, #mqFindACenter .mapresults .minimap { float: left; }
#mqFindACenter #mapWindow {margin-top: 15px;line-height: normal;}
#mqFindACenter { display: none; }
#mqFindACenter .mapPageInfo {margin-top: 3px; margin-bottom: 15px;}
#mqFindACenter .mapPageInfo .mappagination {margin-top: 10px;}
#mqFindACenter .mapresults{margin: 2em 0.5em;clear:left;overflow:auto;}
#mqFindACenter .mapresults .info,.mapresults .minimap { margin-left: 1em; }
#mqFindACenter .mapresults .info { overflow: hidden; }
#mqFindACenter .mapresults .name { font-weight: bold; }
#mqFindACenter .mapresults .sitelink {margin-bottom: 5px; font-weight:bold; font-size: 13px;}
#mqFindACenter .mapresults .phoneField { font-size: 14px; font-weight: bold; }
#mqFindACenter .mapresults .info {line-height: normal; }
#mqFindACenter .mapresults a.requestinfo img { vertical-align: bottom; }
#mqFindACenter .mapresults .mqbuttons { margin-top: 5px; }
#mqFindACenter .mapresults .mqbuttons span {text-align: center; display: block; margin-bottom: 2px;}
#mqFindACenter .mapresults .mqbuttons .hlGetBrochure {margin-top: 13px; margin-left: 5px;}
#mqFindACenter .mqPoi {text-align: center; font-weight: bold; color: #FFF; line-height: 20px; width: 26px;height:27px;background-image: url(/Images/Graphics/poi-blue.png); }

/* Get a brochure Styles */
.childTable {line-height: 12px; width: 90%;}
.childTable thead td { padding-left: 10px; padding-bottom: 10px; } 
.childTable thead th { text-align: center; font-weight:normal; }
.childTable tbody td { text-align: center; width: 28%; padding-bottom: 3px; }
.childTable .dropdown { text-align: center; width: 80%;}
.childTable .label { text-align: right; width: 16%; font-weight:normal; }
.childHeader {padding-top: 8px; text-align: left;} 
