body {
	background-image:url('Ladderbg.png');
	font-family: "Comic Sans MS", arial, helvetica, sans-serif;
	font-size: .8em;
}




/*style the navigation bar */
#nav {
	float: left;
    width: 100%;
    background-color: #FFF;
    font-size: 1em;
    line-height: normal;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav li {
	float: left;
	margin: 0;
	padding: 0;
	background: url(LLS_norm_right.png) no-repeat right top;
}

#nav a {
	display: block;
    padding: 5px 10px;
	background: url(LLS_norm_left.png) no-repeat left top;
	color: #FFF;
	text-decoration: none;
}

#nav ul a:hover {
	color: #333;
}

/* select current page on navigation bar */
body.home #nav li#home, body.about #mainNav li#about, body.freelessons #mainNav li#freelessons, body.services #mainNav li#services, 
body.methods #mainNav li#methods, body.testimonials #mainNav li#testimonials, body.contact #mainNav li#contact{
	float: left;
	margin: 0;
	background: url(LLS_sel_right.png) no-repeat right top !important;
}
body.home #nav a#home, body.about #mainNav a#about, body.freelessons #mainNav a#freelessons, body.services #mainNav a#services, 
body.methods #mainNav a#methods, body.testimonials #mainNav a#testimonials, body.contact #mainNav a#contact{
	display: block;
	padding: 5px 10px;
	background: url(LLS_sel_left.png) no-repeat left top !important;
	color: #000;
	text-decoration: none;
}

/* style banner/header of page */
#banner {
	border: none;
	margin: 0 60px 10px 60px;
}
/*containing div */
#wrapper {
	width: 820px;
	margin: 0 auto;
	padding: 0 10px 10px 10px;
	background-color: #FFF;
}

/*three columns */
#threeColLayout #primaryContent {
	float: left;
	width: 270px;
	margin: 0 0 20px 205px;
}

#secondaryContent {
	float: left;
	width: 270px;
	margin: 0 0 20px 15px;
}

#sideContent {
	float: left;
	width: 180px;
	margin: 0 0 20px -760px;
}

/*two columns*/
#twoColLayout #primaryContent {
	width: 555px;
	float: left;
	margin: 0 0 20px 195px;
}

/*one column*/
#oneColLayout #primaryContent {
	width: 750px;
	float: left;
	margin: 0 0 20px 0;
	background: white;
}

/*main styles for pages*/
a {
	color: #059;
}

p {
	padding:0 .5em 0 .5em;
}

DT {
	font-weight:bold;
	text-decoration:underline;
	padding:0 .5em 0 .5em;
}

DD {
	padding:.5em;
}

table {
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	font-size: 1em;
}

iframe {
	text-align: center;
	margin-left: 160px;
}

.left {
	text-align:left;
	display: block;
}

.adult {
	font-family:Arial, Helvetica, sans-serif;
}

.em2 {
	font-weight:bold;
	font-size:1.2em;
	}

.topheader {
	font-size:1.1em;
	text-align: left;
}

.sub {
	font-style:italic;
	font-size:.9em;
	padding-left:1em;
}

.notes {
	font-family:Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	font-size:1em;
	font-style:italic;
}

.submenu {
	float:left;
	}

/*style grid border for table*/
.ms-grid1-1000-main {
	border-left: .75pt solid #c30;
	border-right-style: none;
	border-top: .75pt solid #c30;
	border-bottom: .75pt solid #c30;
}
.ms-grid1-1000-even {
	border-left-style: none;
	border-right: .75pt solid #c30;
	border-top: .75pt solid #c30;
	border-bottom-style: none;
}


/*style all images */
img {
	float: left;
	margin: 0 0 2px 5px;
	border: 2px solid #999;
}

/* style main image */
.mainImage {
	display: block;
	float: none;
	margin-top: 4px;
	border: 3px solid #999;
}

/* style tutor picture images */
.tutorPic {
	float: right;
	margin: 5px;
	border: 3px solid #999;
}


/* style all heading elements */
h1 {
	font-size: 1.4em;
	text-align: center;
}

h2 {
	font-size: 1.2em;
	text-align: center;
}

h3 {
	font-size:1.1em;
	text-align: center;
	}

/* style all em elements */
em {
	font-style: normal;
	color: #C30;
}

/* style 'more' links */
a.more {
	color: #059;
	font-family: Arial, Helvetica, sans-serif;
	font-size: smaller;
	text-decoration: none;
}
a.more hover {
	text-decoration: underline;
}


/*box inside columns */
.box {
	margin:15px 0 0 0;
	padding: 5px 0 5px 0;
	background-color: #FFF;
}

/* square-corner boxes for non-javascript users */
.cbb {
	margin:0 10px 0 10px;
	background: #FEB;
	padding:5px 0 5px 0;
	line-height:170%;
}

/* rounded-corner boxes for javascript users */
.cb {
	margin: 0.5em o;
	line-height: 170%;
}
.bt {
	background:url(box.png) no-repeat 100% 0 !important;
	background:url(box.gif) no-repeat 100% 0;
	margin:0 0 0 18px;
	height:27px;
}
.bt div {
	height:27px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(box.png) no-repeat 0 0 !important;
	background:url(box.gif) no-repeat 0 0;
}
.bb {
	background:url(box.png) no-repeat 100% 100% !important;
	background:url(box.gif) no-repeat 100% 100%;
	margin:0 0 0 12px;
	height:14px;
}
.bb div {
	height:14px;
	width:12px;
	position:relative;
	left:-12px;
	background:url(box.png) no-repeat 0 100% !important;
	background:url(box.gif) no-repeat 0 100%;
}
.i1 {
	padding: 0 0 0 12px;
	background:url(borders.png) repeat-y 0 0 !important;
	background:url(borders.gif) repeat-y 0 0;
}
.i2 {
	padding: 0 12px 0 0;
	background:url(borders.png) repeat-y 100% 0 !important;
	background:url(borders.gif) repeat-y 100% 0;
}
.i3 {
	background:#FEB;
	border: 1px solid #999;
	border-width:1px 0;
	padding:0 5px;
}

/* style the footer */
#footer {
	clear: both;
	text-align: center;
	background-color:#FFD;
	color:#333;
}