@charset "ISO-8859-1";
body {
	margin-top: 0px;
	background-color: #C6D9E6;
	background-image: url(design/back_fade_10.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-right: 0px;
	color: #333333;
}



#openingContent {
	margin: 0 0px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	padding: 0 15px;
	width: 950px;
	background-image: url(design/main_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#mainContent {
	margin: 0 0px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	padding: 0 55px;
}
#footer, #footerBK {
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#ffffff url(design/footer.jpg) center top;
	text-align: center;
	display: block;
	height: 40px;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 5px 0 10px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 11px;
	color: #ffffff;
}

#footerBK p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 5px 0 10px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 11px;
	color: #000000;
}
#footerBK a,#footer a {
	color: #ffffff;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
#HeaderLogo {
	text-align: left;
	float: left;
	width: 498px;
	height: 142px;
	margin: 0;
	z-index: 2;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(design/header_left2.jpg);
}
#HeaderMenu {
	text-align: right;
	vertical-align: bottom;
	float: right;
	padding-right: 8px;
}
#container0 {
}

h1 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.clear {
clear:both;
}

#nav, #navBK {    /* the top nav  */
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	text-transform: uppercase;
	text-align: right;
	z-index: 1;
	width: 500px;
	}
	#nav ul, #navBK ul {
		margin:0px;
		padding:0px;
		list-style:none;
	}
	#nav li {
	float:right;
	padding:30px 3px 2px;
	height:20px;
		}
		
	#navBK li {
	float:right;
	padding:0 5px 3px;
	height:50px;
	background: url(images/nav_divider_bk.gif) no-repeat right;
		}
	#nav li a, #navBK li a {
	color:#F7F3E0;
	text-decoration:none;
	margin: 0 5px;
	padding: 0 0 5px 0;
		}
	
	#nav li.last, #navBK li.last{
	float:right;
	background: none;
	}
	
	#nav li a:hover, #navBK li a:hover{
	color: #CEE1EF;
	text-decoration:none;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CEE1EF;
	}
h1 {
	font-size: 175%;
	font-family: "Times New Roman", Times, serif;
	padding-top: 20px;
	color: #336633;
}

h2 {
	font-size: 140%;
	font-family: "Times New Roman", Times, serif;
	padding-top: 15px;
	color: #336633;
}

.menuBottom {
	font-size: 10px;
	color: #336633;
}
#container #footer .menuBottom a{
	color: #003399;
	text-decoration: none;
}
#container #footer .menuBottom a:hover{
	color: #003399;
	text-decoration: underline;
}

#container #footer .credit {
	font-size: 9px;
	color: #336633;
}
#openingScreenedBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #F2F0DC;
	text-align: center;
	position: absolute;
	height: 90px;
	width: 900px;
	top: 578px;
	font-weight: bold;
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#openingScreenedBox p {
	padding-top: 15px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#mainContentImage {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
}
#container #mainContent li {
	list-style-position: outside;
	list-style-image: url(images/icon_leaf_list_sm.gif);
	list-style-type: none;
	padding-bottom: 5px;
}
#contactforms .innertextnormal label {
	font-weight: normal;
}
#contactforms .innertextnormal th {
	font-weight: normal;
}
#footer .credit a {
	color: #558C65;
	text-decoration: none;
}
#footer .credit a:hover {
	color: #558C65;
	text-decoration: underline;
}#container #mainContent #bio {
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
	color: #ECE9D7;
}

#container {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #C6D9E6 url(design/back_repeat.jpg) repeat-y center top;
	margin: 0 auto;
	text-align: justify;
	padding: 0px;
} 
#columnLeftWrapper {
	float: left;
	width: 198px;
	margin-left: 3px;
}
#columnLeft {
	float: left;
	width: 178px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
#columnLeft2 {
	background-image: url(images/text_featured_in.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 200px;
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	text-align: center;
	font-size: 13px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
#columnLeft3 {
	background-image: url(images/text_a_list_clients.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 184px;
	padding-top: 30px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	text-align: center;
	font-size: 14px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

#columnRightMain {
	float: left;
	width: 675px;
	padding-top: 20px;
	padding-right: 35px;
	padding-left: 35px;
	padding-bottom: 20px;
}
.clear {
clear:both;
}
#container #openingContent #columnLeft p {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
}
#container #openingContent #columnRightMain p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: justify;
}
h3 {
	font-size: 20px;
	color: #173975;
	font-style: italic;
}
#btn_lesson_left {
	background-image: url(images/lesson_group_outline.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 180px;
	width: 189px;
	margin-left: 10px;
	margin-right: 25px;
	padding-left: 10px;
	padding-right: 115px;
	padding-top: 10px;
	padding-bottom: 15px;
	float: left;
	color: #081630;
	text-align: left;
}
#btn_lesson_left a{
	display: block;
	width:100%;
	height:100%;
	text-decoration: none;
	color: #081630;
}
#btn_lesson_left a:hover{
	text-decoration: none;
	color: #0033CC;
}
#btn_lesson_right {
	background-image: url(images/lesson_single_outline.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 180px;
	width: 189px;
	margin-left: 0px;
	padding-left: 10px;
	padding-right: 115px;
	padding-top: 10px;
	padding-bottom: 15px;
	float: left;
	color: #081630;
	text-align: left;
}
#btn_lesson_right a{
	display: block;
	width:100%;
	height:100%;
	text-decoration: none;
	color: #081630;
}
#btn_lesson_right a:hover{
	text-decoration: none;
	color: #0033CC;
}
#btn_lesson_left li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#btn_lesson_right li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#btn_lesson_left ul {
	padding-left: 18px;
}
#btn_lesson_right ul {
	padding-left: 18px;
}
#container #openingContent #columnRightMain #btn_lesson_right a {
	text-align: left;
}
 Lesson Page  

#ColumnWrapper {
	height: 675px;
	width: 220px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 10px;
	float: left;
	background-image: url(images/lesson_page_bottom_back.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#LessonColumnLeft {
	background-image: url(images/lesson_page_top_group.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 165px;
	width: 220px;
}

#LessonColumnMiddle {
	background-image: url(images/lesson_page_top_semi_private.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 165px;
	width: 220px;
}
#LessonColumnRight {
	background-image: url(images/lesson_page_top_private.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 165px;
	width: 220px;
}
#ColumnContent {
	width: 200px;
	padding: 0px 10px 10px;
	height: 430px;
}
#ColumnBtn {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
#ColumnContent h3 {
	font-style: normal;
	font-size: 18px;
	text-align: justify;
	display: block;
}
.HeaderMedium {
	text-align: justify;
	width: 180px;
}
#ColumnTopWrapper h1 {
	text-align: center;
	font-size: 20px;
	color: #7687AD;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 0px;
	padding-top: 0px;
}
.HeaderMediumLeft {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 35px;
	color: #435B88;
	text-align: center;
	display: block;
	font-weight: bold;
	padding-top: 15px;
	letter-spacing: 5px;
}
.HeaderMediumMiddleTop {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color: #435B88;
	text-align: center;
	display: block;
	font-weight: bold;
	padding-top: 5px;
}
.HeaderMediumMiddleBottom {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 35px;
	color: #435B88;
	text-align: center;
	display: block;
	font-weight: bold;
}
.HeaderMediumRight {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 35px;
	color: #435B88;
	text-align: center;
	display: block;
	font-weight: bold;
	padding-top: 15px;
}
#ColumnTopWrapper {
	height: 90px;
	display: block;
	vertical-align: bottom;
}
#container #openingContent #columnRightMain #ColumnWrapper #ColumnContent p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: left;
}
#container #openingContent #columnRightMain #ContentBottom {
	background-color: #FFFFFF;
	float: left;
	width: 703px;
	margin-left: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 10px;
}
#container #openingContent #columnRightMain #ContentTop {
	background-color: #FFFFFF;
	float: left;
	width: 703px;
	margin-left: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 10px;
}
#ContentTop h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #173674;
	padding-top: 0px;
}
.titlesMed {
	font-size: 14px;
	font-weight: bold;
	color: #173674;
}
.textsmall {
	font-size: 12px;
	font-style: italic;
	color: #000000;
	font-weight: bold;
}
#container #openingContent #columnRightMain #ContentTop .style1 .topLine {
	font-size: 15px;
	color: #173774;
	margin-top: 25px;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #333333;
	border-bottom-color: #333333;
}