@import url("alt.css");
/*

Company
General Screen Styles
Created by Cory Schadt
cory@cs-tech.com
*/
/*------------------------- General Selectors -------------------------*/

body {
	background-color: #CCCCCC; /* BG colour of the CMS editor */
	color: #000000;
	line-height: 1em;
	text-align: left;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	margin-top: 0px;
}
a:link, a:visited {
	color: #000000;
	text-decoration: underline;
	font-size: 14px;
	line-height: 1.2em;
}
a:hover {
	color: #3366ff;
}
p {
	padding: 0;
	line-height: 1.2;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}
a img {
	border: 0;
}
ul, ol {
	margin: 0 0 1.5em 30px;
	padding: 0;
}
ul ul, ol ol {
	font-size: 100%;
	margin: 0.40em 0 0.80em 10px;
}
ul li, ol li {
	line-height: 1.5;
}
ul, li {
	padding: 0;
	list-style-type: disc;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 10px;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table, td {
	font-size: 100%;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
blockquote {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 55px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}
abbr {
	cursor: help;
	border-bottom: 1px dotted #000;
}
hr {
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
	border: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	color: #000000;
	margin: 0 0 0.80em;
	padding: 0;
	font-size: 12pt;
	line-height: 1.1em;
}
h2 {
	padding: 0;
	color: #3366FF;
	font-size: 10pt;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	line-height: 1.1em;
}
h3 {
	margin: 0 0 0.60em;
	padding: 0;
	color: #e77c42;
	font-size: 15px;
	font-weight: normal;
}
h4 {
	margin: 0 0 0.60em;
	padding: 0;
	color: #008eb0;
	font-size: 14px;
	font-weight: normal;
}
h5 {
	color: #3366FF;
	font-size: 12pt;
	font-weight: bold;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.6em;
	margin-left: 8px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
h6 {
	margin: 0 0 0.60em;
	padding: 0;
	color: #000000;
	font-size: 11px;
	font-weight: normal;
}
.larger {
	font-size: 18pt;
}
#outer-wrapper {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	height: auto;
}
#wrapper {
	margin-right: 20px;
	margin-left: 20px;
	padding-bottom: 50px;
}
#masthead {
	height: 155px;
}
.banner-home {
	background-image: url(../images/header_default.jpg);
	height: 155px;
	width: 702px;
	float: right;
}
.banner-why {
	background-image: url(../images/header_whyfunkymath.jpg);
	height: 155px;
	width: 702px;
	float: right;
}
.banner-ask {
	background-image: url(../images/header_whatparentsask.jpg);
	height: 155px;
	width: 702px;
	float: right;
}
.banner-how {
	background-image: url(../images/header_howitworks.jpg);
	height: 155px;
	width: 702px;
	float: right;
}
.banner-about {
	background-image: url(../images/header_aboutus.jpg);
	height: 155px;
	width: 702px;
	float: right;
}
.banner-what {
	background-image: url(../images/header_whatpeoplesay.jpg);
	height: 155px;
	width: 702px;
	float: right;
}
.banner-contact {
	background-image: url(../images/header_contact.jpg);
	height: 155px;
	width: 702px;
	float: right;
}
.float-left {
	float: left;
	margin-right: 15px;
}
.smaller-text {
	font-size: 11px;
}
#masthead h1 {
	font-size: xx-small;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	position: absolute;
}
#masthead h1 a {
	display: block;
	width: 200px;
	height: 155px;
	background-image: url(../images/logo_funkymath.jpg);
	background-position: 0em;
	background-repeat: no-repeat;
}
.clear {
	clear: both;
}
#bucket-parents {
	float: left;
	width: 234px;
	margin: 0px;
	height: 700px;
	position: relative;
	background-image: url(../images/parents-mid.jpg);
	background-repeat: repeat-y;
	padding: 0px;
}
#footer-wrapper {
	float: right;
	width: 702px;
}
#footer-text {
	font-size: 11px;
	text-align: center;
	margin-top: 17px;
}
#footer-text .serif-italic {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 12px;
}
#bucket-parents .bott {
	background-image: url(../images/green_bottom.jpg);
	height: 40px;
	width: 234px;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0px;
}
#bucket-parents .mid {
	background-repeat: repeat-y;
	margin: 0px;
	width: 154px;
	padding-top: 15px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 40px;
}
#bucket-students {
	float: left;
	width: 234px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/students-mid.jpg);
	background-repeat: repeat-y;
	height: 700px;
	position: relative;
}
#question {
	float: right;
	margin-right: 75px;
	margin-bottom: 20px;
}
#question a {
	text-decoration: underline;
}
#main-content {
	width: 635px;
	float: right;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 14px;
}
#bucket-students .mid {
	background-repeat: repeat-y;
	width: 154px;
	margin: 0px;
	padding-top: 15px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 40px;
}
#bucket-students .bott {
	background-image: url(../images/orange_bottom.jpg);
	height: 40px;
	width: 234px;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0px;
}
#bucket-tutors {
	width: 234px;
	padding: 0px;
	float: left;
	margin: 0px;
	background-image: url(../images/tutors-mid.jpg);
	background-repeat: repeat-y;
	height: 700px;
	position: relative;
}
#bucket-tutors .mid {
	width: 154px;
	padding-top: 15px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
}
#bucket-tutors .bott {
	background-image: url(../images/purple_bottom.jpg);
	height: 40px;
	position: absolute;
	bottom: 0px;
	width: 234px;
}
#sidebar-main {
	width: 200px;
	float: left;
	margin-right: 1px;
	margin-left: -3px;
}
#sidebar-main-callouts {
	margin-left: auto;
	width: 200px;
	margin-right: auto;
}
#sidebar-main-callouts a {
	text-align: center;
}
.grade9-button {
	margin-left: 25px;
}
#navlist
{
	padding-left: 0;
	margin-left: 0;
	width: 185px;
}
#navlist a {
	color: #000000;
}
#navlist    .top   {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#navlist li
{
	list-style: none;
	margin: 0;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: gray;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
}

#navlist li a {
	text-decoration: none;
	font-size: 14px;
}
#navlist li a:hover {
	text-decoration: underline;
	font-size: 14px;
	color: #3366ff;
}
#navlist #current-p {
	color: #669900;
	font-weight: bold;
}
#navlist #current-s {
	color: #ff6600;
	font-weight: bold;
}
#navlist #current-t {
	color: #6600a6;
	font-weight: bold;
}
#navlist  #current  {
	color: #3366ff;
	font-weight: bold;
}
#footer-blue {
	height: 48px;
	background-image: url(../images/footer.jpg);
	float: right;
	width: 702px;
}

#footer-links {
	color: #3366ff;
	font-weight: bold;
	text-align: center;
	padding-top: 70px;
}
#footer-links a {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}#footer-links a:hover {
	font-weight: normal;
	text-decoration: underline;
	color: #3366ff;
}
#footer-wrapper #copyright {
	font-size: 11px;
	text-align: center;
	color: #999999;
}
.grey-box {
	background-color: #efefef;
	font-size: 10pt;
	color: #000000;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	margin-bottom: 40px;
	line-height: 1.1em;
}
.grey-box a {
	font-weight: normal;
}
.orange-text {
	color: #fd6600;
}
   a.tollfree-button {
	display: block;
	width: 200px;
	height: 84px;
	text-decoration: none;
	background-image: url(../images/tollfree.jpg);
    }
   
   a.tollfree-button:hover {
	background-position: -200px 0;
   }
   a.parents-button {
	display: block;
	width: 164px;
	height: 35px;
	text-decoration: none;
	background-image: url(../images/button-parents.jpg);
	padding-bottom: 20px;
	background-repeat: no-repeat;
	margin-left: 8px;
    }
   
   a.parents-button:hover {
	background-position: -164px 0;
   }
     a.students-button {
	display: block;
	width: 164px;
	height: 35px;
	text-decoration: none;
	background-image: url(../images/button-students.jpg);
	background-repeat: no-repeat;
	padding-bottom: 20px;
	margin-left: 8px;
    }
   
   a.students-button:hover {
	background-position: -164px 0;
   }
a.getstarted-button {
	display: block;
	width: 164px;
	height: 35px;
	text-decoration: none;
	background-image: url(../images/button-get-started.jpg);
	background-repeat: no-repeat;
	padding-bottom: 20px;
	margin-left: 8px;
}
a.getstarted-button:hover {
	background-position: -164px 0;
}
     a.tutors-button {
	display: block;
	width: 164px;
	height: 35px;
	text-decoration: none;
	background-image: url(../images/button-tutors.jpg);
	background-repeat: no-repeat;
	padding-bottom: 20px;
	margin-left: 8px;
    }
   
   a.tutors-button:hover {
	background-position: -164px 0;
   }
a.getstarted-button-orange {
	display: block;
	width: 164px;
	height: 35px;
	text-decoration: none;
	background-image: url(../images/button-get-started-orange.jpg);
	background-repeat: no-repeat;
	padding-bottom: 20px;
	margin-left: 8px;
}
a.getstarted-button-orange:hover {
	background-position: -164px 0;
	   }
a.getstarted-button-purple {
	display: block;
	width: 164px;
	height: 35px;
	text-decoration: none;
	background-image: url(../images/button-get-started-purple.jpg);
	background-repeat: no-repeat;
	padding-bottom: 20px;
	margin-left: 8px;
}
a.getstarted-button-purple:hover {
	background-position: -164px 0;
	
}
#rsidebar-wrapper {
	width: 665px;
	float: right;
	background-image: url(../images/get-started-mid.jpg);
	background-repeat: repeat-y;
	background-position: right;
}
#rsidebar-top {
	width: 665px;
	float: right;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	background-image: url(../images/get-started-topper.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#rsidebar-main {
	width: 400px;
	margin-top: 40px;
}
#rsidebar-callouts-wrapper {
	width: 229px;
	margin-top: 96px;
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: right;
	padding: 0px;
}
#rsidebar-callouts {
	margin-right: auto;
	margin-left: auto;
	width: 176px;
}
#rsidebar-bott {
	width: 665px;
	float: right;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	background-image: url(../images/get-started-bott.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 55px;
}
#lsidebar-green-wrapper {
	width: 665px;
	float: left;
	background-image: url(../images/parents-mid2.jpg);
	background-repeat: repeat-y;
	background-position: left;
}
#lsidebar-green-top {
	width: 665px;
	float: left;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	background-image: url(../images/parents-topper.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#lsidebar-green-callouts-wrapper {
	width: 229px;
	margin-top: 96px;
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: left;
	padding: 0px;
}
#lsidebar-green-callouts {
	margin-right: auto;
	margin-left: auto;
	width: 176px;
}
#lsidebar-green-bott {
	width: 665px;
	float: right;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	background-image: url(../images/parents-bott2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 40px;
}
#lsidebar-green-callouts h1 {
	padding-left: 10px;
}
#lsidebar-green-main {
	width: 400px;
	margin-top: 40px;
	float: right;
}
#lsidebar-green-callouts p {
	padding-left: 10px;
}
#lsidebar-orange-wrapper {
	width: 665px;
	float: left;
	background-image: url(../images/students-mid-orange.jpg);
	background-repeat: repeat-y;
	background-position: left;
}
#lsidebar-orange-top {
	width: 665px;
	float: left;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	background-image: url(../images/students-top-orange.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#lsidebar-orange-callouts-wrapper {
	width: 229px;
	margin-top: 96px;
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: left;
	padding: 0px;
}
#lsidebar-orange-callouts {
	margin-right: auto;
	margin-left: auto;
	width: 176px;
}
#lsidebar-orange-bott {
	width: 665px;
	float: right;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	background-image: url(../images/sidebar-orange-bott.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 40px;
}
#lsidebar-orange-callouts h1 {
	padding-left: 10px;
}
#lsidebar-orange-main {
	width: 400px;
	margin-top: 40px;
	float: right;
}
#lsidebar-orange-callouts p {
	padding-left: 10px;
}
}
#lsidebar-green-callouts p {
	padding-left: 10px;
}
#lsidebar-purple-wrapper {
	width: 665px;
	float: left;
	background-image: url(../images/tutots-mid-purple.jpg);
	background-repeat: repeat-y;
	background-position: left;
}
#lsidebar-purple-top {
	width: 665px;
	float: left;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	background-image: url(../images/tutors-top-purple.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#lsidebar-purple-callouts-wrapper {
	width: 229px;
	margin-top: 96px;
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: left;
	padding: 0px;
}
#lsidebar-purple-callouts {
	margin-right: auto;
	margin-left: auto;
	width: 176px;
}
#lsidebar-purple-bott {
	width: 665px;
	float: right;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	background-image: url(../images/sidebar-bott-purple.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 40px;
}
#lsidebar-purple-callouts h1 {
	padding-left: 10px;
}
#lsidebar-purple-main {
	width: 400px;
	margin-top: 40px;
	float: right;
}
#lsidebar-purple-callouts p {
	padding-left: 10px;
}