/*
********************************************************************************
The Jubilee Academy
********************************************************************************

The contents of this style sheet are copyright 1999-2007 The Jubilee Academy
and may not be reproduced without the expressed written consent of the copyright
holder.

********************************************************************************

FORMAT

The order of this style sheet corresponds to the intended visual appearance of
page elements, prioritized first by left-to-right, and then by top-to-bottom.

Elements will be selected up to three times (as necessary) and will be selected
according to the following order:

1. Dimensional aspects - element width, height, margin, padding etc.
2. Stylistic aspects - backgrounds, colors, typography, etc.
3. Positional aspects - position, left, right, top, bottom, etc.

********************************************************************************
*/

/** Top Nav **/
@import "/css/jaNav.css";


/** General Selectors **/

* {margin: 0; padding: 0;}

a {color: #304a61;}
a:focus, a:active {outline: none;}

body {margin-top: 6px;}
body {background-color: #ffffff; font-family: Arial, sans-serif;}

h1, h2, h3 {font-family: Georgia, "Times New Roman", serif;}

table { padding:20px 0 0 0; }

table caption {
	font-size:20px;
	font-weight:bold;
	padding:0 0 10px 0;
}

q, cite {display: block;}
q:before, q:after {content: '"';}
cite:before {content: '- ';}

ul {list-style: disc;}
ul.standard {padding-bottom: 10px; padding-left: 40px;}
ul.standard {font-size: 14px; line-height: 22px;}

ol.standard {list-style: decimal;}
ol.standard {padding-bottom: 10px; padding-left: 40px;}
ol.standard {font-size: 14px; line-height: 22px;}

ul.insetNoListStyle {list-style: none;}
ul.insetNoListStyle {padding-bottom: 10px; padding-left: 40px;}
ul.insetNoListStyle {font-size: 14px; line-height: 22px;}

address {display: block; padding-bottom: 10px;}
address {line-height: 22px; font-size: 14px;}
	address span {display: block;}
	address span {font-style: normal;}


/** Container **/
div#social {width: 800px; margin: 0 auto 4px auto;}
#container {width: 800px; }
#container {position: relative;}
#container {
position: absolute;
width: 800px;
margin-left:50%;
left:-400px;

}

/** Left Nav **/

h1 {width: 75px; height: 75px;}
h1 {background: url( /images/logoSmall.jpg ) no-repeat; text-indent: -9999px;}

#leftNav {width: 87px; }
#leftNav {background: url( /images/leftNav.gif) no-repeat 0 160px;}
/*#leftNav {background: url( /images/leftNav.gif) no-repeat 0 85px;}*/
#leftNav {position: absolute; left: 0px; top: 58px;}
	#leftNav ul {margin: 0; padding: 10px 0 0 0;}
	#leftNav ul {list-style: none;}
		#leftNav ul li {margin-bottom: 8px;}
			#leftNav ul li a {display: block; width: 75px; height: 76px;}
			#leftNav ul li a {text-indent: -9999px;}
		#leftNav ul li.withBottomClearance {margin-bottom: 180px;}


/** Content **/

#content {margin-left: 81px; margin-bottom: 25px;}
	
	#content h2, #content h3 {width: 711px;}
	#content h2, #content h3 {text-align: center; font-family: Georgia, "Times New Roman", serif; font-size: 18px;
								background: url( /images/headlineBanner.jpg) no-repeat;}
	#content h2#ccHeader {padding-bottom: 7px; padding-top: 1px; margin-top: 11px;}
	#content h2 {font-weight: normal; color: #003333;}
		#content h2 span {display: block;}
	#content h3 {padding-bottom: 10px; margin-bottom: 19px;}
	#content h3 {background-position: bottom left;}
	
	#content p {padding-bottom:0; margin-bottom: 12px; padding-left: 2px;}
	#content p {font-size: 14px; line-height: 22px;}
	
	
	/** Picture Strips **/
	
	.pictureStripLeft, .pictureStripRight {list-style: none;}
	.pictureStripLeft {padding: 10px 10px 0 12px;}
	.pictureStripLeft {float: left;}
	.pictureStripRight {padding: 13px 10px 0 10px;}
	.pictureStripRight {float: right;}
		.pictureStripLeft img, .pictureStripRight img {border: 1px solid #000000;}
		.pictureStripLeft li, .pictureStripRight li {margin-bottom: 16px;}
		
	
	form#newsletter {height: 65px; width:709px; text-align:center;}
	form#newsletter {background: url( /images/emailBackgroundThin_graphic.jpg) no-repeat;}
	form#newsletter {clear: both;}
		#newsletter fieldset {border:none; margin:4px; }
			#newsletter fieldset ol {list-style: none;}
				#newsletter fieldset ol li {display: inline;}
					#newsletter fieldset ol li label {font-size: 14px;}
					#newsletter fieldset ol li input {width: 210px;}
					#newsletter fieldset ol li input.submit {width: 50px;}
					#newsletter fieldset ol li input.submit {
						background:none;
						color:#304a61;
						border:none;
						font-weight:bold;
					}
		#newsletter p {line-height: 14px; font-size: 10px; text-align: center;}
		
		
	/** News Releases **/
	
	#newsReleases {font-size: 14px;}
		#newsReleases li {margin-bottom: 10px;}
			#newsReleases li h4 {margin-bottom: 10px;}
			#newsReleases li ul {list-style: none;}
				#newsReleases li ul li {}
					#newsReleases li ul li span {display: block;}
					#newsReleases li ul li span {float: left;}
					#newsReleases li ul li a {display: block;}
					#newsReleases li ul li a {padding-left: 70px;}
					#newsReleases li ul li a {color: #304a61;}
					#newsReleases li ul li p {padding-left: 70px;}
					
		
	/** Testimonials **/
	
	#testimonials {font-size: 14px; list-style: none; line-height: 22px;}
		#testimonials li {}
			#testimonials li h4 {margin-bottom: 10px;}
			#testimonials li h4 {font-family: Arial, Verdana, sans-serif; font-size: 16px;}
			#testimonials li ul {list-style: none;}
				#testimonials li ul li {margin-bottom: 14px;}
					#testimonials li ul li q, #testimonials li ul li cite {display: inline;}
					
		
	/** Tuition **/
	
	h4 {margin-bottom: 10px;}
	h4 {font-size: 16px;}
	
	a.enroll {display: block; width: 236px; height: 22px; margin-bottom: 14px; margin-top: 14px; margin-left: 140px;}
	a.enroll {text-indent: -9999px; background: url( /images/enroll_08.gif ) no-repeat;}
	
	
	#tuitionSpan{color:red;}
	
	#tuition {
		/* margin:0 0 0 5px; */
		border:1px solid #777777;
		border-collapse:collapse;
		font-size: 13px;
	}

#tuition thead tr td {
	background-color: #a0c2a9;
	border:1px solid #777777;
	font-weight:bold;
	font-size:14px;
	text-align:center;
}

#tuition tbody tr.first * {background-color: #cadcd9;}
#tuition tbody tr td {
	padding:3px;
	border:1px solid #777777;
}

#tuition tbody tr td strong {display: block;}
#tuition tbody tr td small {display: block; margin-bottom: 14px;}
					
	strong#noHidden {display: block;}
	strong#noHidden {text-align: center; font-size: 18px;}

					
	small.tableCaption {display: block; margin-bottom: 14px;}
	small.tableCaption {font-size: 10px;}
	
	#fees {border-collapse: collapse; font-size: 13px; margin:0 0 0 5px;}
		#fees thead {font-weight: bold;}
				#fees thead tr td {text-align: center;}
				#fees tbody tr td {padding: 3px;}
				#fees tbody tr td {border: 1px solid #777777;}
				#fees tbody tr td.legend {font-weight: bold; background-color: #bfcfcc;}

		
		/** Multimedia **/
		
		#multimedia ul {list-style-type:none;}
		#multimedia ul {margin-left:5px; padding-right:0;}
		#multimedia li {line-height:16px; margin:0 0 18px 0;}
			#multimedia .leftWrapper, .rightWrapper{width:200px;}	
			#multimedia .leftWrapper, .rightWrapper{display: block; }
			#multimedia .leftWrapper, .rightWrapper{float:left;}
			#multimedia .centerWrapper{width:200px;}
			#multimedia .centerWrapper{display: block;}
			#multimedia .centerWrapper{float:left; margin: 0 15px 0 15px;}
				#multimedia .contentBlock {width: 200px;}
				#multimedia .contentBlock {display: block; }
				#multimedia .contentBlock {float: left; margin-bottom:20px;}
					#multimedia .contentBlock ul {padding-right:0px;} 
					#multimedia .list {background-color: #f58583; }
					#multimedia .list {padding:10px 10px 10px 10px;}
						#multimedia .list a{color:#000000; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
 					#multimedia .whiteList {background-color: #f58583; }
					#multimedia .whiteList {padding:10px 10px 10px 10px;}
						#multimedia .whiteList a {color:#fff; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
						
	/** Placement **/
	#content h3#placement {margin-bottom:10px; clear:none; width:520px;}
	#content h3#placement {background:none; font-family: Arial, Verdana, sans-serif; font-size:16px;}
	
	/** Portfolio **/
		div#portfolio ul {padding-bottom: 10px; padding-left: 40px;}
		div#portfolio ul {font-size: 14px; line-height: 22px;}


		
	/** Whom We Serve **/
	
	ul.whomWeServe {padding-bottom: 10px; padding-left: 40px;}
	ul.whomWeServe {font-size: 14px;}
		ul.whomWeServe li {margin-bottom: 7px;}
		
		
	/** Easy Enrollment Steps **/
	
	ol.easysteps {padding-bottom: 14px; padding-left: 40px;}
	ol.easysteps {list-style: decimal; font-size: 14px; line-height: 22px;}
		ol.easysteps li {}
			ol.easysteps li a {color: #304a61;}
			
			
	/** Partners By Grace **/
	
	h4#pbgForm, h5#pbgForm {font-family: Arial, Verdana, sans-serif;}
	h4#pbgForm {font-size: 16px;}
	h5#pbgForm {font-size: 14px;}
	
	form#pbgForm {padding-bottom: 20px;}
	form#pbgForm {font-size: 14px;}
		form#pbgForm fieldset {border: none;}
			form#pbgForm fieldset #freecap {margin-left:301px; width:277px; height:88px;}
			form#pbgForm fieldset #fcRefresh{margin-left:301px;}
			form#pbgForm fieldset .submit{margin-left:300px;}
			form#pbgForm fieldset ol {list-style: none;}
				form#pbgForm fieldset ol li {padding: 2px 0;}
				form#pbgForm fieldset ol li {}
				form#pbgForm fieldset ol li {clear: left;}
					form#pbgForm fieldset ol li label {display: block; width: 300px;}
					form#pbgForm fieldset ol li label {font-weight: bold;}
					form#pbgForm fieldset ol li label {float: left;}
					form#pbgForm fieldset ol li select {}
					form#pbgForm fieldset ol li input {width: 200px;}
					form#pbgForm fieldset ol li input.submit {width: auto;}
					form#pbgForm fieldset ol li em {}
					
	
	/** Demo **/
	
	ul.demo {padding-left: 20px;}
	ul.demo {list-style: none; font-size: 14px;}
		ul.demo li {width: 215px; margin-right: 20px;}
		ul.demo li {float: left;}
			ul.demo li a {display: block; width: 215px; height: 160px;}
			ul.demo li a {text-indent: -9999px;}
			ul.demo li a#flashDemo {background: url( /images/flash_version.jpg ) no-repeat;}
			ul.demo li a#htmlDemo {background: url( /images/html_version.jpg ) no-repeat;}
			ul.demo li ul {padding-left: 10px;}
			ul.demo li ul {list-style: none;}
				ul.demo li ul li {margin-right: 0; margin-bottom: 10px;}
				ul.demo li ul li {float: none;}
					ul.demo li ul li a {display: inline; width: auto; height: auto;}
					ul.demo li ul li a {text-indent: 0;}
					
	
	/** FAQ **/
	
	#content #faqHeaders {background:none;}
	#content #faqHeaders, #content #faqHeaders a{font-size:18px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:##003333;}
	#content #faqHeaders, #content #faqHeaders a{margin-bottom:10px; display:block; text-align:left;}
	ul#masterFaqList {list-style: none; font-size: 12px;}
		ul#masterFaqList li {margin-left:36px;}
			ul#masterFaqList li h4 {font-family: Arial, Verdana, sans-serif; font-size: 12px;}
			ul#masterFaqList li ul {padding-bottom: 14px;}
			ul#masterFaqList li ul {list-style: none;}
				ul#masterFaqList li ul li {}
					ul#masterFaqList li ul li a {}
		ul#masterFaqList div.address {margin-left:24px;}
					
	dl.faqList {padding-bottom: 20px;}
	dl.faqList {font-size: 14px; line-height: 22px;}
		dl.faqList dt {font-weight: bold;}
		dl.faqList dd {margin-bottom: 18px;}
		
	
	/** Resources **/
	
	ul.articleLinkList {margin-bottom: 30px;}
	ul.articleLinkList {list-style: none;}
	ul.articleLinkList {clear: left;}
		ul.articleLinkList li {margin-right: 40px;}
		ul.articleLinkList li {float: left;}
			ul.articleLinkList li h4 {width: 140px; height: 52px; padding-top: 25px;}
			ul.articleLinkList li h4 {text-align: center;}
			ul.articleLinkList li h4.parents {background: url( /images/parentStickiesBanner.jpg ) no-repeat;}
			ul.articleLinkList li h4.students {background: url( /images/studentsStickiesBanner.jpg ) no-repeat;}
			ul.articleLinkList li h4.community {background: url( /images/communityStickiesBanner.jpg ) no-repeat;}
			ul.articleLinkList li ul {list-style: none; font-size: 12px; line-height: 16px;}
				ul.articleLinkList li ul li {margin-right: 0;}
				ul.articleLinkList li ul li {float: none;}
					ul.articleLinkList li ul li a {}
					
					
	/** Terms of Use **/
		div#content dl {padding:0 21px;}
		div#content dl {font-size:14px; line-height:22px;}
		div#content dl dt {margin:22px 0 22px 0;}
		#content  h3#jubfix{background:none; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
		#content  ul#jubfix{padding-left:40px; font-size:14px; margin-top:15px;}
		#content  ul#jubfix li{margin-bottom:15px; line-height:22px;}
	
	
	dl.refundable {padding-bottom: 10px; padding-left: 40px;}
	dl.refundable {font-size: 14px;}
		dl.refundable dt {margin-bottom: 14px;}
		dl.refundable dt {font-weight: bold;}
		dl.refundable dd {margin-bottom: 14px;}
			dl.refundable dd ul {padding-top: 10px;}
				dl.refundable dd ul li {}
				

	dl.contact {padding-bottom: 10px;}
	dl.contact {font-size: 14px;}
		dl.contact dt {margin-bottom: 14px;}
		dl.contact dt {font-weight: bold;}
		dl.contact dd {margin-bottom: 14px; padding-left: 40px;}
		
		span.phone {display: block; padding-left: 20px; margin-bottom: 14px;}
		span.phone {background: url( http://www.learningbygrace.org/images/global/icon_phone.gif ) no-repeat;}
		span.hours {display: block; padding-left: 20px; padding-right: 350px;}
		span.hours {background: url( http://www.learningbygrace.org/images/global/icon_clock.gif ) no-repeat;}
		
		
	/** Mimi's CV **/
	
	h4.mimiCV {font-size: 24px; text-align: center;}
	#content h3.mimiCV  {background:none; font-size:18px; font-family:Arial, Helvetica, sans-serif;}
	#content h2.mimiCV {background:none; font-size:24px; font-family:Arial, Helvetica, sans-serif;}
	address.mimiCV {text-align: center;}
	
	h5.mimiCV {text-align: center; font-size: 14px;}
	
	p.mimiCV {margin-top: 10px;}
	p.mimiCV {text-align: center;}
	
	ul#mimiCV {padding-bottom: 28px;}
	ul#mimiCV {font-size: 14px; list-style: none;}
		ul#mimiCV li.parent {}
			ul#mimiCV li.parent ul {padding-left: 0;}
			ul#mimiCV li.parent ul {list-style: none;}
				ul#mimiCV li.parent ul li {}
					ul#mimiCV li.parent ul li ul {padding-top: 10px; padding-bottom: 14px; padding-left: 40px;}
					ul#mimiCV li.parent ul li ul {list-style: disc;}
						ul#mimiCV li.parent ul li ul li {margin-bottom: 10px;}
		ul#mimiCV li {}
			ul#mimiCV li h5 {margin-bottom: 10px;}
			ul#mimiCV li h5 {text-align: center; font-size: 14px;}
			ul#mimiCV li ul {padding-top: 10px; padding-left: 40px;}
				ul#mimiCV li ul li {margin-bottom: 10px;}
					ul#mimiCV li ul li h6 {}
					ul#mimiCV li ul li h6 {font-size: 14px;}
						ul#mimiCV li ul li h6 span {display: block; margin-bottom: 14px;}
					ul#mimiCV li ul li ul {}
						ul#mimiCV li ul li ul li {}
						
						
	/** Course Pages **/
	#content ul.courseList li h3 {font-size: 16px; background:none; font-family:Arial, Helvetica, sans-serif;
									margin-top:10px; text-align:left;}
		ul.curriculumGradeLinks {padding-bottom: 14px;}
		ul.curriculumGradeLinks {list-style: none; font-size: 14px;}
		ul.courseList {font-size: 14px; list-style: none;}
			ul.courseList li {}
			ul.courseList li dl {}
				ul.courseList li dl dt {margin-bottom: 14px;}
				ul.courseList li dl dd {padding-left: 40px; margin-bottom: 14px;}	
				ul.courseList li ul {list-style: none;}
					ul.courseList li ul li h4 {font-size: 16px; margin-bottom:0;}
				
				
	/** Summer School **/
	
	form#summerSchool {font-size: 14px;}
		form#summerSchool fieldset {border: none;}
			form#summerSchool fieldset ol {list-style: none;}
				form#summerSchool fieldset ol li {margin-bottom: 5px;}
				form#summerSchool fieldset ol li {clear: left;}
					form#summerSchool fieldset ol li label {display: block; width: 100px;}
					form#summerSchool fieldset ol li label {float: left;}
					form#summerSchool fieldset ol li input {display: inline;}
					form#summerSchool fieldset ol li input.submit {margin-left: 195px;}
					
					
	/** State Portfolio Requirements **/
	
	ul.portfolioRequirements {padding-bottom: 20px;}
	ul.portfolioRequirements {list-style: none; font-size: 14px;}
		ul.portfolioRequirements li {margin-bottom: 10px;}
	

		
		
		
/** -------------- Footer ---------------- **/

#lpChatBtn {float:right;clear:right;}


#footer {font-size:10px;}

#footer ul {
	list-style:none;
}

#footer ul li {
	float:left;
	padding:0 0 0 15px;
}

#footer ul li a {
	color:#304a61;
}

#footer p {
	font-size: 10px;
	line-height: 10px;
}
		
		
		
/** Footer Links **/
div.footerNav{
	text-align:center;
	margin:15px auto 0 auto;
}

.footerNav ul {
	margin:0 auto;
	width:640px;
}



		
	/** Google **/
	
	#google {width: 730px; padding: 5px;}
	#google {border: 1px solid #999999;}
		#google p {padding: 15px;}
		#google p {text-align: center;}
			#google p a {}
			#google p a {color: #304a61; font-size: 9px;}
		
	
/** Box-model hacks (IE 5.5) **/

#topNav li ul li a {\margin-left: -16px; ma\rgin-left: 0;}

form#newsletter {w\idth: 709px; _width: 709px; }

ul.articleLinkList li h4 {\height: 77px; he\ight: 52px;}

#masterFaqList h3 {
background-image:none;
color:#000;
font-size:10pt;
font-weight:700;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
margin-bottom:10px;
}

#masterFaqList a{
color:#304a61;
font-size:10pt;
line-height:16px;
}

#faqKids {
width:170px;
float:right;
margin-left:20px;
}
#faqKids img{
margin-bottom:50px;
border:1px solid;
border-color:000;
}






/** Tuition **/

#content small {display: block; padding-bottom: 10px; padding-right: 220px;}

a#enrollment {display: block; width: 168px; height: 22px; padding-bottom: 14px;}
a#enrollment {text-indent: -9999px; background: url( /images/enroll_08.gif ) no-repeat;}

table {font-size: 13px;}

table.tuition {width: 460px; margin-left:15px;}
table.tuition {border-collapse: collapse; border: 1px solid #777777;}
	table.tuition thead {}
		table.tuition thead tr {}
			table.tuition thead tr td {padding: 3px;}
			table.tuition thead tr td {background-color: #295a56; color: #ffffff; font-weight: bold; border: 1px solid #777777;}
	table.tuition tbody {}
		table.tuition tbody tr {}
			table.tuition tbody tr td {padding: 4px;}
			table.tuition tbody tr td {background-color: #e5f0fd; border: 1px solid #777777;}
			#content table.tuition tbody tr td small {display: block; padding-right: 0;}

span.tuition {font-size:10px;}				
		
table.fees {width: 460px; margin-bottom: 10px;}
table.fees {border-collapse: collapse; border: 1px solid #777777;}
table.fees thead tr td {padding: 3px;}
table.fees thead tr td {background-color: #295a56; color: #ffffff; font-weight: bold; border: 1px solid #777777;}
table.fees tbody {}
table.fees tbody tr {}
table.fees tbody tr td {padding: 4px;}
table.fees tbody tr td {background-color: #e5f0fd; border: 1px solid #777777;}
table.fees tbody tr td small {display: block;}

/* Facebook Send Button */
.fb-send-button {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  color: #3b5998;
  -moz-outline-style: none;
  text-decoration: none;
  background: #eceef5;
  border: 1px solid #cad4e7;
  display: inline-block;
  padding: 4px 5px;
  white-space: nowrap;
  padding: 2px 5px;
  font-family: 'Arial', sans-serif;
  font-size: 11px;
}
.fb-send-button:hover {
  border-color: #9dacce;
  text-decoration: none;
  color: #3b5998;
}
.fb-send-button span {
  line-height: 20px;
  line-height: 19px;
}
.fb-send-button i, .fb-send-button img {
  float: left;
  height: 18px;
  margin-right: 3px;
  width: 14px;
}
.fb-send-button i {
  background-image: url(http://static.ak.fbcdn.net/rsrc.php/v1/z7/r/ql9vukDCc4R.png);
  background-position: -1px -45px;
}