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

body {
	margin: 0px auto;
	padding: 0;
	background-color:#FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	}


img#MainHead {
	margin-top: 15px;
	padding-left: 15px;
	padding-top: 0px;
}

/* Focus on: Stories From The Heart image */
img#Plucky {
	margin-top: 0px;
	padding: 0px;
	float: right;
	width: 250px;
}
/* Focus on: Stories From The Heart image */
	
#red { /*Contact Us Page*/
	color: #ee3b33;
}	

#underline {
	text-decoration:underline;
}	
	
p {
	margin-top: 0.35em;
	padding-left: 22px;
	padding-right:15px;
	padding-top: 0px;
	padding-bottom: 0px;
	font: Arial, Helvetica, sans-serif;
	font-size:8pt;
	line-height:10pt;
	color:#00338e;
}

.bullets { /*for bulleted lists*/
	margin-top: 0px;
	padding-left: 30px;
	padding-right:15px;
	padding-top:0px;
	padding-bottom:0px;
	font: Arial, Helvetica, sans-serif;
	font-size:8pt;
	line-height:10pt;
	list-style-type:square;
	color:#00338e;
}

.underline {
	text-decoration:underline;
}	

ol {
	margin-top: 0.35em;
	padding-top:0px;
	padding-bottom:0px;
}

a:link {color:#00338e;}
a:visited {color:#00338e;}
a:hover {color:#ee3b33;}
a:active {color:#00338e;}

a img.image_link{
  border: 1px solid #00338e;
}

/* topNav */
#topNav {
	width: 800px;
	height: 25px;
	margin: 0 auto;
	background-color:#ee3b33;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:900;
	z-index:1;
}

#topNav ul {
	background-color:#ee3b33;
	float: right;
	list-style: none;
	margin:0;
	padding: 0;
	padding-top: .7em;
	text-align: right;
}

#topNav li {
	display: inline;
}

#topNav a:link, #topNav a:visited {
	padding: 0.4em 0.85em 0.4em 0.85em;
	color:#FFFFFF;
	text-decoration: none;
}

#topNav a:hover {
	color:#003399;
}
/* topNav */					
	

/* Header */

#header {
	width: 800px;
	height: 200px;
	margin: 0 auto;
	z-index: 2;
}	

#colOne {
	float: left;
	width: 200px;
	height: 200px;
	padding: 0px 0px 0 0px;
	background-image:url(images/logo.jpg);
}

#colTwo {
	float: left;
	width: 600px;
	height: 200px;
	padding: 0px 0px 0 0px;
	background-image:url(images/img_header2.jpg);
}

#colTwoAbout {
	float: left;
	width: 600px;
	height: 200px;
	padding: 0px 0px 0 0px;
	background-image:url(images/about_header.jpg);
}

#colTwoTLC {
	float: left;
	width: 600px;
	height: 200px;
	padding: 0px 0px 0 0px;
	background-image:url(images/transEd_header.jpg);
}

#colTwoAltSchools {
	float: left;
	width: 600px;
	height: 200px;
	padding: 0px 0px 0 0px;
	background-image:url(images/altSchools_header.jpg);
}

#colTwoDistrict {
	float: left;
	width: 600px;
	height: 200px;
	padding: 0px 0px 0 0px;
	background-image:url(images/districtServices_header.jpg);
}

#colTwoIndividual {
	float: left;
	width: 600px;
	height: 200px;
	padding: 0px 0px 0 0px;
	background-image:url(images/indivServices_header.jpg);
}

#colTwoContact {
	float: left;
	width: 600px;
	height: 200px;
	padding: 0px 0px 0 0px;
	background-image:url(images/contact_header.jpg);
}

#colTwoFocus {
	float: left;
	width: 600px;
	height: 200px;
	padding: 0px 0px 0 0px;
	background-image:url(images/focusOn_header.jpg);
}

#colTwoSitemap {
	float: left;
	width: 600px;
	height: 200px;
	padding: 0px 0px 0 0px;
	background-image:url(images/sitemap_header.jpg);
}

#colTwoEmployment {
	float: left;
	width: 600px;
	height: 200px;
	padding: 0px 0px 0 0px;
	background-image:url(images/employ_header.jpg);
}

#colTwoSchoolDistrt {
	float: left;
	width: 600px;
	height: 200px;
	padding: 0px 0px 0 0px;
	background-image:url(images/schlDist_header.jpg);
}

#colTwoStudentsParents {
	float: left;
	width: 600px;
	height: 200px;
	padding: 0px 0px 0 0px;
	background-image:url(images/stuParents_header.jpg);
}

#colTwoTLCStaff {
	float: left;
	width: 600px;
	height: 200px;
	padding: 0px 0px 0 0px;
	background-image:url(images/tlcStaff_header.jpg);
}

#menu {
	width: 800px;
	height: 40px;
	margin: 5px auto;
	padding: 0;
}





/*not used *
#header h1 {
	float: left;
	position:absolute;
	margin: 70px 0;
	padding: 0px 0 0 0px;
	font-size: 1.5em;
	clear:both;
	z-index:3;
}

#header h2 {
	float: left;
	position:absolute;
	margin: 95px 0;
	padding: 0px 0 0 190px;
	font-size: 1.5em;
	font-style:italic;
	clear:both;
	z-index:4;
}

h1.smallcaps {
	font-size:1em;
}
/*not used*/


/* Menu */






/* Content */

#content {/*home page container div*/
	width: 800px;
	height: 450px;
	margin: 0 auto;
	border: solid 1px #00338e;
	margin-bottom: 20px;
	background-repeat:no-repeat;
	background-position:right;
        overflow: visible;
        position: relative;
}


#contentAbout { /*main container div used throughout site*/
	width: 800px;
	margin: 0 auto;
	padding: 0px;
	z-index:6;
}

	
#colThree { /*used on home page*/
	margin-top: 170px;
	float: left;
	position: absolute;
	width:350px;
	height:150px;
	padding: 0px;
}

img#storiesfth {
	margin-top: 0px;
	width: 275px;
	height: 25px;
}

#colFive {
	float: left;
	width:161px;
	height: 325px;
	padding: 0px;
	border:solid 1px #00338e;
}


#TLC { /* home page stuff*/
	position: absolute;
	float: left;
	width:480px;
	padding:0px;
	z-index:7;
}

img#TLC_hmpg { /* home page stuff*/
	margin-top:25px;
	width: 480px;
	height: 145px;
	padding:0px;
	margin-left:10px;
}		

#colFour {
	float: left;
	width:450px;
	height: 450px;
	padding: 0px;
}

.imgColFour {
	padding: 0px;
	margin: 0px;
	border: none;
	
}
	
#colSix {
	float: left;
	width:616px;
	padding-left:20px;
	margin: 0;
}


/*for side navigation*/
.list {
	margin-left: 0;
	padding-left: 0;
	padding-right: 2px;
	list-style: none;
	line-height: 2em;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color:#ee3b33;
	text-align: right;
	text-indent: 0px;
}

.list_null {
	margin-left: 0;
	padding-left: 0;
	padding-right: 2px;
	list-style: none;
	line-height: 2em;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color:#00338e;
	text-align: right;
	text-indent: 0px;
}

.list a, .list a:link, .list a:visited {
	margin-left: 0;
	padding-left: 0;
	padding-right: 2px;
	list-style: none;
	line-height: 2em;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color:#ee3b33;
	text-align: right;
	text-indent: 0px;
}

.list_null a, .list_null a:link, .list_null a:visited {
	margin-left: 0;
	padding-left: 0;
	padding-right: 2px;
	list-style: none;
	line-height: 2em;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color:#00338e;
	text-align: right;
	text-indent: 0px;
}

.list a:hover {
	color:#00338e
}
/*for side navigation*/
/* Content */
							

/* Contact Us Page*/

div#contact {
	float: left;
	margin-left: 20px;
	width:750px;
	padding: 0px;
}

/* Contact Us Page*/








/* Home Page Footer */
div#Hmfooter {
	margin: auto;
	font:Arial, Helvetica, sans-serif;
	text-align: right;
	width: 800px;
	color:#00338e;
	text-decoration: none;
	font-size: 7pt;
	display: inline;
	
}

div#Hmfooter a {
	color:#00338e;
	text-decoration: none;
}

div#Hmfooter a:hover {
	color:#00338e;
	text-decoration: none;
}

p#Hmdisclaimer {
	position: absolute;
	text-align: right;
	width: 800px;
	color:#666666;
	font-size: 7pt;
	padding: 0;
	margin: auto;
	margin-top: 455px;
	display: inline;
}


.clear {
	display: block; 
	height: 0; 
	width: 800px;
	margin: auto;
	clear: both; 
	visibility: hidden;
}

/* Home Page Footer*/




/* Footer for rest of pages in site */
div#footer {
	float: left;
	font:Arial, Helvetica, sans-serif;
	text-align: center;
	width: 800px;
	height: auto;
	color:#00338e;
	text-decoration: none;
	font-size: 7pt;
	margin-top: 30px;
	padding-top: 30px;
	display: inline;
}

div#footer a {
	color:#00338e;
	text-decoration: none;
}

div#footer a:hover {
	color:#00338e;
	text-decoration: none;
}

p#disclaimer {
	float: right;
	text-align: right;
	width: 600px;
	height: auto;
	color:#666666;
	font-size: 7pt;
	padding: 0px;
	margin: 0px;
	margin-top: 8px;
	display: inline;
}


.clear {
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}


/*** HOMEPAGE FLASH INTRO ***/

#intro_swf{
  
  position: absolute;
  
  height: 450px;
  
  width: 450px;
  
  top: 0;
  
  right: 0;
  
  background: none;

}
div#flash_alt{
  
  position: absolute;
  
  height: 450px;
  
  width: 450px;
  
  top: 0;
  
  right: 0;
  
  background: url(images/hompg_graphic.jpg);

}


#flash_alt h1{
  
  font: 9pt Goudy,Times New Roman,serif;
  
  text-align: right;
  
  margin: 420px 10px 0 0;
  
  color: rgb(255,220,220);

}


#flash_alt a{
  
  color: white;

}




/*** FLASH TOUR VIDEO ***/

#tour_swf{
  width: 420px;

  margin: 20px auto 10px;
  padding-top: 40px;
}
#tour_swf #storiesfth{
  position: relative;
  left: -22px;
}
#tour_swf h1{
  
  font: 9pt Goudy,Times New Roman,serif;
  
  text-align: right;
  
  margin: 0 10px 0 0;
  
  color: #ee3b33;

}
#tour_alt{
    
  height: 325px;
  
  width: 420px;
  
  background: none;

}


/*Footer for rest of pages in site*/