@charset "UTF-8";
/* CSS Document */

body, html {
	background:#FFF url(TLP_bkgrd/TLP_bkgrd.jpg) top repeat-x;
	margin:0 auto;
}

img { border-style:none;}

p {font-family: Arial, Helvetica, sans-serif;}

ul {font-family: Arial, Helvetica, sans-serif;}

#wrap {
	width:817px;
	margin:0 auto;
}

#hdr {
	position:relative;
	width:817px;
	height:184px;
	background:url(TLP_images/TLP_subimages/TLP_subHdr.png) bottom no-repeat;
	margin:0;
}

#logo {
	position:absolute;
	width:228px;
	height:96px;
	left:74px;
	top:0;
}

#content {
	position:relative;
	width:817px;
	background:url(TLP_images/TLP_subimages/TLP_contentBkgrd.png) top repeat-y;
	margin:0;
}

#subContent {
	position:relative;
	width:775px;
	background:url(TLP_images/TLP_subimages/TLP_contentSubBkgrd.gif) bottom no-repeat;
	padding:21px;
	margin:0;
}

#footer {
	position:relative;
	width:817px;
	height:76px;
	background:url(TLP_images/TLP_subimages/TLP_subFooter.png) top no-repeat;
	margin:0;
	clear:both;/*----------for content overflow using 'float'-------------*/
}


/*----------for content overflow using 'float' placed in the '#subContent' <div> -------------*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */

</style> main stylesheet ends, CC with new stylesheet below... 

[if IE]>
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */




/*............. sub pages ..............*/


#subHdrs {
	position:relative;
	width:684px;
	height:36px;
	margin:0;
	padding:20px 0 10px 50px;
}

#contentTxtMain {
	position:relative;
	width:690px;
	margin:0 0 20px 50px;
	font-size:12px;
	line-height:2.0em;
	text-align: left;
	color: #1f4d4d;
}

#contentTxtMain li {
		list-style: url(TLP_images/TLP_subimages/TLP_listIcon.gif);
}

#contentTxtSub {
	position:relative;
	width:350px;
	margin:0 0 10px 40px;
	font-size:12px;
	line-height:1.2em;
	text-align: left;
	color: #1f4d4d;
	font-weight:bold;
	float:left;
}

#contentTxtSub li {
		list-style: url(TLP_images/TLP_subimages/TLP_listIcon.gif);
}

#contentTxtRgtSub {
	position:relative;
	width:350px;
	font-size:12px;
	line-height:1.2em;
	text-align: left;
	color: #1f4d4d;
	font-weight:bold;
	float:left;
}

#contentTxtRgtSub li {
		list-style: url(TLP_images/TLP_subimages/TLP_listIcon.gif);
}

#contentTxtPolicies {
	position:relative;
	width:350px;
	margin:0 0 145px 40px;
	font-size:12px;
	line-height:1.2em;
	text-align: left;
	color: #1f4d4d;
	font-weight:bold;
	float:left;
}

#contentTxtPolicies li {
		list-style: url(TLP_images/TLP_subimages/TLP_listIcon.gif);
}

#contentTxtRgtPolicies {
	position: relative;
	width:350px;
	font-size:12px;
	line-height:1.2em;
	text-align: left;
	color: #1f4d4d;
	font-weight:bold;
	float:left;

}

#contentTxtRgtPolicies li {
		list-style: url(TLP_images/TLP_subimages/TLP_listIcon.gif);
}

#tlpBaseTxt {
	position:relative;
	width:690px;
	padding: 20px 0 0 50px;
	font-size:10px;
	line-height:1.5em;
	text-align: left;
	font-weight:bold;
	clear:both;/*----------for content overflow using 'float'-------------*/
}

#policyDwnldBtn {
	position:absolute;
	width:218px;
	height:13px;
	left: 528px;
	top: 46px;
	text-align:center;
}

#tlpPic1 {
	position:absolute;
	width:248;
	height:216;
	top:199px;
	left:112px;
}

#tlpPic2 {
	position:absolute;
	width:248;
	height:216;
	top:199px;
	left:450px;
}

#FACinstrtext {
	font-family: Arial, Helvetica, sans-serif;
	color: #1f4d4d;
	font-size: 9px;
	line-height: 10pt;
	position:absolute;
	width:300px;
	height:25px;
	left: 450px;
	top: 54px;
}


/*................. paypal ....................*/

#payPal {
	position:absolute;
	background:url(TLP_images/TLP_subimages/TLP_payPal_bkgrd.png) top no-repeat;
	width:190px;
	height:139px;
	left: 81px;
	top: -102px;
}

#paypalContent {
	position:absolute;
	width:174px;
	height:85px;
	left: 20px;
	top: 65px;
}




/*................. menu ....................*/


a {outline:none;}


#menuWrap {
	position:absolute;
	width:752px;
	height:29px;
	left:33px;
	top: 150px;
}

#nav{margin:0;padding:0;list-style:none;}
#nav li {float:left;position:relative;}


/*------ the lilly pad --------*/
#nav li a.lilly {display:block;width:136px;height:29px;background: url(TLP_images/TLP_menues/TLP_subMenu/theLillyPad.png) no-repeat 0 -29px;text-indent: -9999px; }
#nav li a.lilly:hover {background-position: 0 0;}

/*------ visionary --------*/
#nav li a.visionary {display:block;width:115px;height:29px;background: url(TLP_images/TLP_menues/TLP_subMenu/visionary.png) no-repeat 0 -29px;text-indent: -9999px; }
#nav li a.visionary:hover {background-position: 0 0;}

/*------ facility --------*/
#nav li a.facility {display:block;width:107px;height:29px;background: url(TLP_images/TLP_menues/TLP_subMenu/facility.png) no-repeat 0 -29px;text-indent: -9999px; }
#nav li a.facility:hover {background-position: 0 0;}
	
/*------ policies --------*/
#nav li a.policies {display:block;width:204px;height:29px;background: url(TLP_images/TLP_menues/TLP_subMenu/policies.png) no-repeat 0 -29px;text-indent: -9999px; }
#nav li a.policies:hover {background-position: 0 0;}

/*------ contact --------*/
#nav li a.contact {display:block;width:120px;height:29px;background: url(TLP_images/TLP_menues/TLP_subMenu/contact.png) no-repeat 0 -29px;text-indent: -9999px; }
#nav li a.contact:hover {background-position: 0 0;}
	
/*------ home --------*/
#nav li a.home {display:block;width:70px;height:29px;background: url(TLP_images/TLP_menues/TLP_subMenu/home.png) no-repeat 0 -29px;text-indent: -9999px; }
#nav li a.home:hover {background-position: 0 0;}





/*.............base select...............*/

#baseWrap {
	position:absolute;
	width:327px;
	height:34px;
	left:469px;
	top: 20px;
}

#navBase{margin:0;padding:0;list-style:none;}
#navBase li {float:left;position:relative;}


/*------ select --------*/
#navBase li a.select {display:block;width:327px;height:34px;background: url(TLP_images/TLP_menues/TLP_baseSelect/TLP_baseSelect.png) no-repeat 0 -34px;text-indent: -9999px; }
#navBase li a.select:hover {background-position: 0 0;}


/*.............base...............*/

#base {
	position:relative;
	width:750px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;
	padding:5px 0 0 0;
	color: #666666
}
