@charset "UTF-8";
/* CSS Document */

/*LAYOUT*/

* {
	margin: 0;
	padding: 0;
	border: 0;
}

html, body {
	background: #FFF;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: black;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 100.1%;
}
/* 	height: 100%;     // this is for making the iframe work for the shopping cart, but no good on iphone.
	width: 100%;
	overflow: hidden;  */

.clear {
        clear: both;
        padding-bottom: 1px;    /* for Gecko-based browsers */
        margin-bottom: -1px;    /* for Gecko-based browsers */
        font-size:0;
        height:0;
        line-height:0;
}

h1 {
	color: #3e86c0;
	font-weight: 500;
	font-size: 24px;
	line-height: 29px;
	margin-bottom: 21px;
}

#content p, #content li,
#content-eap p, #content-eap li {
	color: #7e7e7e;
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 8px;
}

p.listheader {
	color: #4b4a4a;
	font-size: 18px;
	margin-bottom: 16px;
}

#container p.tiny,
#container p.tiny a {
	font-size: 10px;
}

li {
	margin-bottom: 0;
}

a {
	color: #3e86c0;
	text-decoration: none;
}

a:hover	{
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, p, li {
	text-align: left;
}

hr {
	color: #7a7d7c;
	background-color: #7a7d7c;
}

div#content p.small {
	font-size: 11px;
}

.bluetext {
	color: #3e86c0;
}

div#container {
	width: 968px;
	/*height: 800px;*/
	margin: 0 auto 0 22px;
	position: relative;
	z-index: 0;
	text-align: left;
}

/* div#container {     // this is for making the iframe work for the shopping cart, but no good on iphone.
	position: absolute;
	top: 0;
	left: 0;
	background-color: white;
} */

/* HEADER */

#header {
	background-image: url(images/bg-tlc-header.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #FFF;
	height: 209px;
}

#logo {
	position: absolute;
	top: 18px;
	left: 6px;
}

/* QUICK CONTACT */

#quickcontact input, #quickcontact textarea {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #616161;
	padding: 3px 9px 3px 9px;
}

#quickcontact input.hastext,
#quickcontact textarea.hastext {
	color: black;
}

#contact-quickname {
	position: absolute;
	top: 20px;
	left: 396px;
	width: 248px;
	background: none;
}

#contact-quickinfo {
	position: absolute;
	top: 48px;
	left: 396px;
	width: 248px;
	background: none;
}

#contact-quickmessage {
	position: absolute;
	top: 76px;
	left: 396px;
	width: 248px;
	height: 52px;
	background: none;
}

#contact-quicksend {
	position: absolute;
	top: 137px;
	left: 591px;
}

#contact-messagesent,#contact-error {
	position: absolute;
	top: 145px;
	left: 404px;
}

#quickcontact #contact-phone {
	font-size: 30px;
	font-weight: 500;
	color: white !important;
	text-shadow: 2px 2px 2px #20415b;
	width: 230px;
	text-align: center;
	position: absolute;
	top: 83px;
	left: 680px;
}

#quickcontact input.inputerror {
	color: #d40a00;
}

/* TABS */

#container ul#navtabs {
	position: absolute;
	top: 173px;
	left: 34px;
}

#container ul#navtabs li, 
#container ul#mainnav li {
	float: left;
	list-style: none;
}

#container li#tab-adults {
	width: 98px;
}

#container li#tab-teens {
	width: 98px;
}

#container li#tab-online {
	width: 100px;
}

/* NAVIGATION */

ul#mainnav {
	list-style: none;
	margin: 0 0 0 383px;
}

ul#mainnav li a, ul#mainnav li a:visited {
	color: #7b7b7b;
	display: block;
	padding: 6px 12px 4px 12px;
	font-size: 14px;
	line-height: 14px;
	text-decoration:none;
}

#navcounseling, #navcounseling ul {
	width: 177px;
}

#navservices ul,
#navfaq ul,
#navlogin ul {
	width: 155px;
}

#navabout ul {
	width: 133px;
}

ul#mainnav #navcounseling li.bottom {
	height: 14px;
	line-height: 1px;
	background: url(images/bg_subnavbox_lg.png) bottom left no-repeat !important;
	outline: 0;
}

ul#mainnav #navservices li.bottom,
ul#mainnav #navfaq li.bottom,
ul#mainnav #navlogin li.bottom {
	height: 14px;
	line-height: 1px;
	background: url(images/bg_subnavbox_med.png) bottom left no-repeat !important;
	outline: 0;
}

ul#mainnav #navabout li.bottom {
	height: 14px;
	line-height: 1px;
	background: url(images/bg_subnavbox_sm.png) bottom left no-repeat !important;
	outline: 0;
}

.sf-menu {
	float: left;
	/* margin-bottom:	1em; */
}

.sf-menu ul {
	border-top: 1px solid #fede80;
}

#container ul#mainnav ul li a {
	color: #1c67a3;
	font-size: 12px;
	line-height: 12px;
	padding: 3px 12px 3px 12px;
}

.sf-menu ul li.first {
	border-top: 1px solid #fcbc00;
}

.sf-menu #navcounseling li {
	background: url(images/bg_subnav_lg.png) top left repeat-y;
	outline: 0;
}

.sf-menu #navservices li,
.sf-menu #navfaq li,
.sf-menu #navlogin li {
	background: url(images/bg_subnav_med.png) top left repeat-y;
	outline: 0;
}

.sf-menu #navabout li {
	background: url(images/bg_subnav_sm.png) top left repeat-y;
	outline: 0;
}

#container .sf-menu #navcounseling li:hover,
#container .sf-menu #navcounseling li.sfHover,
#container .sf-menu #navcounseling li a:focus,
#container .sf-menu #navcounseling li a:hover,
#container .sf-menu #navcounseling li a:active {
	background: #c5daec url(images/bg_subnav_lg_ro.png) top left repeat-y;
	outline: 0;
	color: #1c67a3;
}

#container .sf-menu #navservices li:hover,
#container .sf-menu #navservices li.sfHover,
#container .sf-menu #navservices li a:focus,
#container .sf-menu #navservices li a:hover,
#container .sf-menu #navservices li a:active,
#container .sf-menu #navfaq li:hover,
#container .sf-menu #navfaq li.sfHover,
#container .sf-menu #navfaq li a:focus,
#container .sf-menu #navfaq li a:hover,
#container .sf-menu #navfaq li a:active,
#container .sf-menu #navlogin li:hover,
#container .sf-menu #navlogin li.sfHover,
#container .sf-menu #navlogin li a:focus,
#container .sf-menu #navlogin li a:hover,
#container .sf-menu #navlogin li a:active {
	background: #c5daec url(images/bg_subnav_med_ro.png) top left repeat-y;
	outline: 0;
	color: #1c67a3;
}

#container .sf-menu #navabout li:hover,
#container .sf-menu #navabout li.sfHover,
#container .sf-menu #navabout li a:focus,
#container .sf-menu #navabout li a:hover,
#container .sf-menu #navabout li a:active {
	background: #c5daec url(images/bg_subnav_lg_ro.png) top left repeat-y;
	outline: 0;
	color: #1c67a3;
}

#container ul#mainnav a:hover,
#container ul#mainnav a:active,
#container ul#mainnav a.current {
	color: #ffffff;
	background:		url(images/arrow_subnav_ro.png) repeat-x bottom left;
	outline: 0;
}

/*** arrows **/
#container ul#mainnav a.sf-with-ul {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
	background:		url(images/arrow_subnav.png) repeat-x bottom right;
	outline: 0;
}

#container ul#mainnav #navservices a.sf-with-ul,
#container ul#mainnav #navfaq a.sf-with-ul,
#container ul#mainnav #navlogin a.sf-with-ul,
#container ul#mainnav #navabout a.sf-with-ul {
	padding-right: 21px;
}

#container ul#mainnav a.sf-with-ul:hover,
#container ul#mainnav li:hover a.sf-with-ul,
#container ul#mainnav li.sfHover a.sf-with-ul,
#container ul#mainnav a.current-with-ul {
	color: #ffffff;
	background:		url(images/arrow_subnav_ro.png) repeat-x bottom right;
	outline: 0;
}


/* MAIN */

#mainbox {
	clear: both;
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: #FFF;
	position: relative;
	_height: 1%;
	overflow: auto;
}

#content,
#content-eap {
	margin-left: 377px;
	margin-right: 46px;
	padding-top: 79px;
	padding-bottom: 162px;
	position: relative;
}

#content .videobox {
	margin-top: 10px;
	margin-bottom: 30px;
}

#content .videobox img {
	border: 5px solid #d7d7d7;
}

#content .address {
	margin-bottom: 24px;
}

#content .address .address-label {
	font-size: 18px;
	color: #3e86c0;
}

#content .address .address-sublabel {
	font-size: 15px;
	color: #3e86c0;
}

#content #contact-leftcol {
	padding-left: 37px;
}

#content #contact-rightcol {
	float: right;
	width: 216px;
}

#contact-form {
	background:		url(images/bg_contact.gif) repeat-y top left;
	width: 569px;
}

#content .address-phone {
	font-size: 30px;
	font-weight: bold;
	color: #3e86c0;
	line-height: 35px;
}

#content-eap {
	padding-bottom: 58px;
}

#content-eap .eap-phone {
	margin-top: 40px;
	margin-bottom: 20px;
}

#content-eap .eap-phone p {
	font-size: 15px;
	color: 7e7e7e;
	margin-bottom: 1px;
}

#content-eap .eap-phone .bigbold {
	font-size: 24px;
	font-weight: bold;
	color: #3e86c0;
	line-height: 30px;
}

h2.mainTitle {
	font-size: 18px;
	color: #57a92e;
	margin-bottom: 4px;
	font-weight: 500;
}

h2.secondaryTitle {
	font-size: 18px;
	color: #3e86c0;
	margin-bottom: 8px;
	font-weight: 500;
}

h1.mainSubtitle {
	font-size: 24px;
	color: #3e86c0;
	margin-bottom: 20px;
	font-weight: 500;
}

h1.mainSubtitle span {
	font-size: 18px;
}

#mainbox #bottom-buttons {
	width: 968px;
	position: absolute;
	bottom: 89px;
	left: 0;
}

#bottom-buttons .phonenumber {
	margin-left: 377px;
}

#bottom-buttons .enrollbtn {
	float: right;
	margin-right: 45px;
	width: 160px;
	text-align: right;
}

#bottom-buttons .enrollbtn p {
	text-align: right;
}

#bottom-buttons .enrollbtn p.tiny,
#bottom-buttons .phonenumber p.tiny {
	margin: 0;
	padding: 0;
}

#bottom-buttons .enrollbtn img {
	margin-top: 9px;
	margin-bottom: 10px;
	margin-right: 1px;
}

#bottom-buttons .phonenumber p.bigbold {
	font-size: 24px;
	font-weight: bold;
	color: #3e86c0;
	margin-top: 7px;
	margin-bottom: 7px;
}



/* HOME PAGE */

#mainbox #content ul, #content ul {
	margin-left: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	padding-left: 20px;
}

#mainbox #content li {
	list-style-image: url(images/bg_bullet.gif);
	width: 520px;
}

#mainbox #content ul.specialList {
	margin-top: 32px;
	margin-bottom: 32px;
}

/* #mainbox #content .specialList li {
	list-style-image: url(images/bullet-home.gif);
} */

#mainbox #content .testimonialList {
	margin-bottom: 20px;
}

#mainbox #content .testimonialList p {
	margin-bottom: 25px;
}



/* CONTACT */

#main-contact #contactform {
	background-image: url(images/bg-contact-form.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 687px;
	margin-bottom: 2px;
	margin-top: 2px;
}

#contactform {
	padding-left: 40px;
	color: #4b4a4a;
	font-size: 13px;
	text-align: right;
}

#contactform table {
	margin-top: 2px;
	text-align: left;
}

#contactform td {
	padding-bottom: 6px;
}

#contactform .header {
	font-size: 18px;
	color: #3e86c0;
	padding-bottom: 24px;
}

#contactform .confidential {
	color: #4b4a4a;
	font-size: 12px;
	padding-bottom: 24px;
}

#contactform .indent {
	width: 73px;
}

#contactform .postdent {
	width: 100px;
}

#contactform .label {
	padding-right: 12px;
}

#contactform .labelrt {
	text-align: right;
}

#contactform .statement {
	font-size: 13px;
	padding-top: 20px;
	padding-bottom: 14px;
}

#contactform .check {
	padding-bottom: 8px;
}

html>body #contactform .check {
	padding-bottom: 14px;
}

#contactform .check input {
	margin-right: 10px;
}

#contactform input.long, #contactform textarea {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	border: 1px solid #d2d5d8;
	font-size: 13px;
	padding: 1px 5px;
	width: 303px;
}

#contactform input.short {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	border: 1px solid #d2d5d8;
	font-size: 13px;
	padding: 1px 5px;
	width: 100px;
}

#contactform input.submitbtn {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	border: 1px solid #d2d5d8;
	font-size: 13px;
	padding: 1px 5px;
	width: 60px;
	background-color: white;
	color: #777;
}

div#thankYouMessage {
	border: 2px solid #4f9dc2;
	margin-top: 20px;
	padding: 10px 10px 5px;
}

div#thankYouMessage h3 {
	font-weight: 500;
	margin-bottom: 5px;
	color: #4f9dc2;
	text-align: center;
}

div#thankYouMessage p {
	margin-bottom: 5px;
	color: #4f9dc2;
	text-align: center;
}

div#errorMessage {
	border: 2px solid #990000;
	margin-top: 20px;
	padding: 10px 10px 5px;
}

div#errorMessage h3 {
	font-weight: 500;
	margin-bottom: 5px;
	color: #990000;
}

div#errorMessage p {
	color: #990000;
	margin-bottom: 5px;
}

.colhead, .colone, .coltwo, .colthree, #numbers span {
	color: #7e7e7e;
}

.divider {
	width: 43px;
}

.colhead {
	font-size: 16px;
	border-bottom: 2px solid #4f9dc2;
	padding-bottom: 3px;
}

.colone {
	width: 181px;
	padding-top: 16px;
}

.coltwo {
	width: 145px;
	padding-top: 16px;
}

.colthree {
	padding-top: 16px;
}

#locations {
	font-size: 13px;
	margin-bottom: 24px;
}

#locations strong, .phonelabel, .faxlabel {
	font-size: 18px;
	color: #4b4a4a;
	font-weight: 500;
}

#numbers {
	margin-left: 35px;
}

#numbers span {
	font-size: 13px;
}

.phonelabel, .faxlabel {
	padding-right: 20px;
	padding-bottom: 4px;
}

.phone {
	color: #4f9dc2;
	font-size: 37px;
	font-weight: bold;
}

.fax {
	color: #4b4a4a;
	font-size: 37px;
	font-weight: bold;
}

.phone span {
	font-weight: 500;
}

/* SIDEBARS */

#sidebar {
	width: 356px;
	float: left;
	z-index: 200;
	position: relative;
	margin-top: 11px;
	padding-top: 464px;
}

.side-home {
	background-image: url(images/sidepic-home.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#mainbox .side-home .sidesell-home {
	background-image: url(images/sidesell-home-self-study.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-top: 117px;
	padding-top: 33px;
}

.side-services-loc {
	background-image: url(images/sidepic-live-counseling.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.side-services-self-study {
	background-image: url(images/sidepic-self-study.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.side-services-eap {
	background-image: url(images/sidepic-eap.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.side-services-testimonials {
	background-image: url(images/sidepic-testimonials.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.side-faq {
	background-image: url(images/sidepic-faq.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding-bottom: 40px;
}

.side-about-tlc {
	background-image: url(images/sidepic-about-tlc.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	position: relative;
	top: -12px;
}

.side-contact-us {
	background-image: url(images/sidepic-contact-us.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#sidecontent {
	margin-left: 47px;
	margin-right: 40px;
}

#sidecontent p {
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 8px;
	color: #4b4a4a;
}

#sidecontent ul {
	list-style-image: url(images/bg_bullet.gif);
	margin-left: 50px;
}

#sidecontent li {
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 0;
	color: #4b4a4a;
}

.side-services-testimonials ul {
	margin-top: 13px;
}

#sidecontent .bluetext {
	color: #3e86c0;
	font-weight: bold;
}

#sidecontent .tiny .bluetext {
	font-weight: 500;
}

.side-services-eap #sidecontent p {
	font-size: 15px;
	line-height: 19px;
	padding-right: 5px;
}

.side-services-eap #sidecontent p span.bluetext {
	font-size: 18px;
	line-height: 20px;
	font-weight: 500;
}

.sidesell-ssp {
	margin-top: 138px;
}

.sidesell-ssp p#learnmore {
	text-align: right;
	position: relative;
	left: -56px;
	top: -14px;
}

.sidesell-loc {
	margin-top: 105px;
}

.sidesell-loc p#learnmore {
	text-align: right;
	position: relative;
	left: -56px;
	top: -60px;
}

#mainbox .side-home p {
	font-size: 15px;
	line-height: 20px;
	text-align: right;
	padding-right: 2px;
	color: #4b4a4a;
}

#mainbox .side-home .sidesell-home p {
	font-size: 15px;
	line-height: 20px;
	text-align: right;
	padding-right: 42px;
	color: #4b4a4a;
}

#mainbox .side-home .sidesell-home .tiny {
	padding-top: 7px;
}

#mainbox .side-home #sidecontent {
	margin-left: 20px;
}

#mainbox .side-faq p a {
	font-size: 15px;
}

#mainbox .side-about-tlc p {
	font-size: 15px;
	line-height: 20px;
	padding-right: 10px;
}


/* FAQs */

a.faq-closed, a.faq-open {
	font-size: 15px;
	display: block;
	margin: 10px 0 0 17px;
	padding-left: 20px;
}

a.faq-closed {
	background-image: url(images/arrow-faq-closed.gif);
	background-position: center left;
	background-repeat: no-repeat;
}

a.faq-open {
	background-image: url(images/arrow-faq-open.gif);
	background-position: center left;
	background-repeat: no-repeat;
}

#content #faq-list p {
	margin-bottom: 0;
}

div#faq-list div {
	margin-left: 37px;
	margin-bottom: 10px;
}

div#faq-list ul,
div#faq-list ol {
	margin-left: 37px;
}

div#faq-list ul {
	list-style-image: url(images/bg_bullet.gif);
}

#content div#faq-list div p,
#content div#faq-list li {
	margin-top: 8px;
	margin-bottom: 0;
}




/* HEADER BUTTONS */

#btn1, #btn2, #btn3, #btn4 {
	position: absolute;
	top: 154px;
}

#btn1 {
	right: 301px;
}

#btn2 {
	right: 282px;
}

#btn3 {
	right: 263px;
}

#btn4 {
	right: 244px;
}

/* FOOTER */

#footer {
	padding: 12px 23px;
	background: url(images/footer-yellow-rule.png) top left no-repeat;
}

#footer .copyright {
	color: #848484;
	font-size: 12px;
	float: left;
	width: 276px;
}

#footer .bottomnav {
	font-size: 12px;
	text-align: right;
	float: right;
	width: 250px;
}

#footer .bottomnav a {
	font-size: 12px;
}

#footer .social {
	color: #848484;
	font-size: 12px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 29px;
	text-align: center;
	width: 384px;
	position: relative;
	top: -2px;
}

#footer .social img {
	padding: 0 2px;
	vertical-align: -2px;
}

/* GRAPHIC FONT SUBSTITUTION */

#mainbox #content #loc-1,
#mainbox #content #loc-2,
#mainbox #content #loc-3,
#mainbox #content #loc-4
{
	text-indent: -500px;
	letter-spacing: -1500em;
	height: 25px; 
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom: 15px;
}

#mainbox #content #loc-1 { background-image: url(images/bullet-live-counseling-1.gif); }
#mainbox #content #loc-2 { background-image: url(images/bullet-live-counseling-2.gif); }
#mainbox #content #loc-3 { background-image: url(images/bullet-live-counseling-3.gif); }
#mainbox #content #loc-4 { background-image: url(images/bullet-live-counseling-4.gif); }

.topCallToAction {
	position: absolute;
	top: 15px;
	right: 0px;
}

.topCallToAction .enrollbtn {
}

.topCallToAction .enrollbtn p.tiny,
.topCallToAction .enrollbtn img {
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	text-align: right;
}


.sideCallToAction 
{
	/*position: relative;
	top: 40px;*/
	text-align: center;
}

.sideCallToAction .enrollbtn {
}

.sideCallToAction .enrollbtn span.bluetext,
.sideCallToAction .enrollbtn img {
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	text-align: right;
	font-size: 10px;
}