@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0} 

body {
	font-size: medium;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	text-align: center;
	voice-family: "\"}\"";
	voice-family: inherit;
	color: #000000;
	background-color:#204F6A;   /*234668*/
}
* html body {
	font-size: small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
}	

#wrapperOuter {
	margin:25px auto 0 auto;
	background-color:#204F6A;   /*234668*/
}
#wrapper {
	width: 790px;  
	margin:10px auto 0 auto; 
	background: #C8E6F2 url('/TPC/images/bannerFadeBkgrd2.png') top left repeat-x; 
	padding:0 0 0 0px;
	overflow:hidden;
}

#banner {
	margin:0;
	height:180px;
}

#mainContent .mainContentImageTop {
 	margin:-20px 0 0 -25px;
	padding:0;
 }
#mainContent {
	margin:-30px 0 0 0;
	padding: 0 30px 30px 25px;  /* Increase bottom padding if col text is longer to avoid text over img */
	background: url(/TPC/images/contentBkgrd2.png) top left repeat-y;
	float:left;
	width:730px;
	text-align: left;
}
#mainContent p {
	font-size: .90em;
}

#content h1, #content h2, #content h3, #content h4, #content h5 {  /* zero out margin on 1st element to remove gap between divs */
	margin:0;
	padding:0;
}

#content {
	font-size:.85em;
	font-family:Arial, Tahoma, Verdana, "Microsoft Sans Serif";
	color:#024268;
}
#contentIntro {
	font-size:.85em;
	font-family:Arial, Tahoma, Verdana, "Microsoft Sans Serif";
	color:#024268;
	width:100%;
}
#contentClosing {
	clear:both;
	font-size:100%;
	font-family:Arial, Tahoma, Verdana, "Microsoft Sans Serif";
	color:#024268;
	width:100%;
}

#content p {
	font-family:Arial, Tahoma, Verdana, "Microsoft Sans Serif";
	font-size:.85em;
	color:#024268;
}


/* columns for index page only */
#content #indexCol1 {
	float:left;
	width:230px;
	margin:0;
	padding-right:25px;
}
#content #indexCol2 {
	float:left;
	width:250px;
	margin:0;
	padding-right:12px; 
}	
#content #indexCol3 {
	float:left;
	width:200px;	
	margin:0;
}

/* columns for 2 column page only */
#content #column1 {
	float:left;
	width:350px;
	padding:0 30px 20px 0;
	margin-top:0px;
}
#content #column2 {
	float:left;
	width:345px;
	padding:0 0 20px 0;
	margin-top:0px;
}

/* columns for 3 column page only */
#content #col1 {
	float:left;
	width:225px;
	padding-right:25px;
	margin:0;
}
#content #col2 {
	float:left;
	width:225px;
	padding-right:25px;
	margin:0;
}
#content #col3 {
	float:left;
	width:230px;
	margin:0;
	padding-bottom:20px;
}



#footerIndexDiv {
	float:left;	
	clear:both;
	margin:0;
	padding:0;
	height:76px;
}
.footerIndexImg {
    position:relative; 
	top:0px; 
	left:0px; 
	z-index:1;
}
.teacherImgIndexPg {
	position:relative; 
	top:-199px; 
	left:-310px; 
	z-index:10;
}


#footer { 
	float:left;
	clear:both;
	margin:0;
}

h1 {
	font-size:130%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0F4771;
	}
h2 {
	font-size:120%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0F4771;
	}	
h3 {
	font-size:110%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0F4771;
	}	
h4 {
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0F4771;
	}	
h5 {
	font-size:90%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0F4771;
	}	
h6 {
	font-size:75%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0F4771;
	}	

a:link{
	color: #024268;
	text-decoration: underline;
	} 
a:visited{
	color: #024268;
	text-decoration: underline;
	}
a:hover{
	color:#0BA0CC;
	text-decoration: underline;
	}
a:active{
	color: #024268;
	text-decoration: underline;
	}	
	
.link_Bold:link{
	color: #000000;
	text-decoration: underline;
	font-weight:bold;
	} 
.link_Bold:visited{
	color: #000000;
	text-decoration: underline;
	font-weight:bold;
	}
.link_Bold:hover{
	color: #005B88;
	text-decoration: underline;
	font-weight:bold;
	}
.link_Bold:active{
	color: #000000;
	text-decoration: underline;
	font-weight:bold;
	}	
		

.link_Blue:link{
	color: #005B88;
	text-decoration: underline;
	} 
.link_Blue:visited{
	color: #005B88;
	text-decoration: underline;
	}
.link_Blue:hover{
	color: #000;
	text-decoration: underline;
	}
.link_Blue:active{
	color: #005B88;
	text-decoration: underline;
	}	


.link_BlueBold:link{
	color: #005B88;
	text-decoration: underline;
	font-weight:bold;
	} 
.link_BlueBold:visited{
	color: #005B88;
	text-decoration: underline;
	font-weight:bold;
	}
.link_BlueBold:hover{
	color: #000;
	text-decoration: underline;
	font-weight:bold;
	}
.link_BlueBold:active{
	color: #005B88;
	text-decoration: underline;
	font-weight:bold;
	}	

.link_Pink:link{
	color: #F06;
	text-decoration: underline;
	} 
.link_Pink:visited{
	color: #F06;
	text-decoration: underline;
	}
.link_Pink:hover{
	color: #005B88;
	text-decoration: underline;
	}
.link_Pink:active{
	color: #F06;
	text-decoration: underline;
	}	


.link_Green:link{
	color: #009500;
	text-decoration: underline;
	} 
.link_Green:visited{
	color: #009500;
	text-decoration: underline;
	}
.link_Green:hover{
	color: #000;
	text-decoration: underline;
	}
.link_Green:active{
	color: #009500;
	text-decoration: underline;
	}	


.link_noUnderline:link{
	color: #000;
	text-decoration:none;
	} 
.link_noUnderline:visited{
	color: #000;
	text-decoration: none;
	}
.link_noUnderline:hover{
	color: #005B88;
	text-decoration: none;
	}
.link_noUnderline:active{
	color: #000;
	text-decoration: none;
	}		


/* ********** NAVIGATION ***************** */

#glowmenu {
margin:0 0 0 5px;
padding:0;
}

.glowingtabs{
float:left;
width:100%;
font-size: .85em;
margin:0;
padding:0;
}

.glowingtabs ul{
list-style-type: none;
margin:0 0 0 6px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

.glowingtabs li{
display:inline;
margin:0;
padding:0;
}

.glowingtabs a{
float:left;
background:url(/TPC/images/glowtab2-left.png) no-repeat left bottom;
margin:0 1px 0 0;  /*spacing between each tab*/
padding:0 0 0 5px;
text-decoration:none;
background-color:#C8E6F2;
color:#FFFFFF;
}

*+html .glowingtabs a span{
float:left;
display:block;
background:url(/TPC/images/glowtab2.png) no-repeat right bottom;
padding: 6px 55px 5px 60px;  !important;
font-weight:bold;
color:#FFFFFF;
background-color:#C8E6F2;
text-decoration: none;
}

.glowingtabs a span{
float:left;
display:block;
background:url(/TPC/images/glowtab2.png) no-repeat right bottom;
padding: 6px 54px 5px 60px;   /* Adjust padding to incr/decr tab width for more or less # of tabs */
font-weight:bold;
color:#FFFFFF;
background-color:#C8E6F2;
text-decoration: none;
}

/* ORIGINAL
.glowingtabs a span{
float:left;
display:block;
background:url(/TPC/images/glowtab2.png) no-repeat right bottom;
padding: 6px 50px 5px 40px;   /* Adjust padding to incr/decr tab width for more or less # of tabs */
/*font-weight:bold;
color:#FFFFFF;
background-color:#C8E6F2;
text-decoration: none;
}
*/

.glowingtabs a:visited{
text-decoration: none;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.glowingtabs a span {float:none;}
/* End IE5-Mac hack */

.glowingtabs a:hover span {
color: white;
}

.glowingtabs li.selected a{ 
background-position:0 -82px; 
}

.glowingtabs li.selected a span{ 
background-position:100% -82px; 
color: white;
}

.glowingtabs a:hover, .glowingtabs li.selected a:hover{ 
background-position:0% -82px; 
}

.glowingtabs a:hover span, .glowingtabs li.selected a:hover span{ 
background-position:100% -82px; 
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_d{
position:absolute;
top: 0;
border: 1px solid #015481; 
border-width: 0 1px;
font:normal .80em Verdana;
line-height:18px;
z-index:100;
background-image:url(/TPC/images/navdDDbkgrd2.png);
width: 208px;
visibility: hidden;
background-color:#FFFFFF;
text-decoration: none;
text-align: left;
}


.dropmenudiv_d a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #FFFFFF; 
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
color: #000000;
}

.dropmenudiv_dwide{
position:absolute;
top: 0;
border: 1px solid #015481; 
border-width: 0 1px;
font:normal .80em Verdana;
line-height:18px;
z-index:100;
background-image:url(/tpc/images/navdDDbkgrd2.png);
width: 265px;
visibility: hidden;
background-color:#FFFFFF;
text-decoration: none;
text-align: left;
}

.dropmenudiv_dwide a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #FFFFFF; 
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
color: #000000;
}

#dropmenu1_d a{
text-decoration: none;
}
#dropmenu2_d a{
text-decoration: none;
}
#dropmenu3_d a{
text-decoration: none;
}
#dropmenu4_d a{
text-decoration: none;
}
#dropmenu5_d a{
text-decoration: none;
}
#dropmenu6_d a{
text-decoration: none;
}
#dropmenu7_d a{
text-decoration: none;
}
#dropmenu8_d a{
text-decoration: none;
}

* html .dropmenudiv_d a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_d a:hover{ 
background-color: #015481;
color:#FFFFFF;
}

.dropmenudiv_dwide a:hover{ 
background-color: #015481;
color:#FFFFFF;
}


*+html ul li {
	font-size:.85em;
  	list-style-image: url(/TPC/images/bullet_IE7.png);
	line-height:1.5;
	margin-left:.8em;  !important;
	list-style-position:inside;
	padding-left:1.2em;
	text-indent:-1.7em;
	}	

ul li {
	font-size:.85em;
  	list-style-image: url(/TPC/images/bullet.png);
	line-height:1.5;
	margin-left:.8em;
	list-style-position:inside;
	padding-left:1.2em;
	text-indent:-1.6em;
	}	
	
*+html .texter ul li {
	font-size:.85em;
  	list-style-image: url(/TPC/images/bullet_Xsm_IE7.png);
	line-height:1.5;
	margin-left:.2em;  !important;
	list-style-position:inside;
	padding-left:1.3em;
	text-indent:-1.4em;
	}	

.texter ul li {
	font-size:.85em;
  	list-style-image: url(/TPC/images/bullet_Xsm.png);
	line-height:1.5;
	margin-left:.5em;
	list-style-position:inside;
	padding-left:1.2em;
	text-indent:-1.4em;
	}	


/* Original
ul li {
	font-size:.85em;
  	list-style-image: url(/TPC/images/bullet.png);
	line-height:1.5;
	}	
*/
ol li {
	font-size:.80em;
	line-height:1.5;
	}	
	
.textBlack {
	color:#000000;
}
.textDarkTeal {
	color:#024268;
}	
.textMediumTeal {
	color:#0B82A4;
}	
.textBlue {
	color:#0F88CA;
}	
.textWhite {
	color:#FFF;
}
.textRed {
	color:#900;
}

.TextAlign_Center {
	text-align:center;
	}
.TextAlign_Left {
	text-align:left;
	}	
.TextAlign_Right {
	text-align:right;
	}
.TextAlignJustify {
	text-align:justify;
	}
	
.lineheight_1andahalf {
	line-height: 1.6em;
	}
.lineheight_1andahalf_centered {
	line-height: 1.6em;
	text-align:center;
	}
.lineheight_double {
	line-height: 2em;
	}

	
.text_indent {
	padding-left: .9em;
	}
.text_indent_slightly {
	padding-left: .4em;
	}
.text_indent_more {
	padding-left: 3em;
	}
.text_indent_most {
	padding-left: 4em;
	}
.text_indent_ultimate {
	padding-left: 5em;
	}

.text_indent_Index1 {
	padding-left: 6.5em;
	}
.text_indent_Index2 {
	padding-left: 7.5em;
	}
.text_indent_Index3 {
	padding-left: 8.5em;
	}
.text_indent_Index4 {
	padding-left: 9.5em;
	}
.text_indent_Index5 {
	padding-left: 9.8em;
	}
.text_indent_Index6 {
	padding-left: 9.9em;
	}
.text_indent_Index7 {
	padding-left: 10em;
	}
	
	
.text_indent_lineht_1andahalf {
	padding-left: .9em;
	line-height: 1.6em;
	}
.text_indent_lineht_1andahalf_slightly {
	padding-left: .4em;
	line-height: 1.6em;
	}	
.text_indent_lineht_1andahalf_more {
	padding-left: 2.2em;
	line-height: 1.6em;
	}
	

.text_bold {
	font-weight: bold;
	}
.text_bold_centered{
	font-weight: bold;
	text-align:center;
	}
.textDarkTeal_bold_centered {
	color:#32679C;
	font-weight: bold;
	text-align:center;
}	
.textMediumTeal_bold_centered {
	color:#0B82A4;
	font-weight: bold;
	text-align:center;
}	
.textBlue_bold_centered {
	color:#0C93D3;
	font-weight: bold;
	text-align:center;
}	

.textSmall {
	font-size:85%;
	font-weight:normal;
	font-family:Arial, Verdana, Tahoma, "MS Sans Serif";
	}	
.textSmallCentered {
	font-size:85%;
	text-align:center;
	font-weight:normal;
	font-family:Arial, Verdana, Tahoma, "MS Sans Serif";
	}	
.textSmallCenteredBold{
	font-size:85%;
	text-align:center;
	font-weight:bold;
	font-family:Arial, Verdana, Tahoma, "MS Sans Serif";
	}	

.textSmallBold {
	font-size:83%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	}	
.textSmall {
	font-size:80%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	}	
.textXSmall {
	font-size:76%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	}	
.textXSmallBold {
	font-size:76%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	}	

.textXSmallCentered {
	font-size:76%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:normal;
	}	
.textXSmallCenteredBold {
	font-size:79%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	}	
	
.textMedium {
	font-size:medium;
	font-family:Arial, Verdana, Tahoma, "MS Sans Serif";
	}
.textMediumCentered {
	font-size:medium;
	text-align:center;
	font-family:Arial, Verdana, Tahoma, "MS Sans Serif";
	}
.textMediumCenteredBold {
	font-size:medium;
	text-align:center;
	font-weight:bold;
	font-family:Arial, Verdana, Tahoma, "MS Sans Serif";
	}

.textLarge {
	font-size:large;
	}
.textLargeCentered {
	font-size:large;
	text-align:center;
	}

